@media (min-width: 800px) {
        .squash-header {
            padding: 0 20% 20px 20%;
        }
}

/* ---------------------------------------------------------- RESETS */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    abbr,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    samp,
    small,
    strong,
    sub,
    var,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary,
    time,
    mark,
    audio,
    video,
    ul,
    li {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        font-weight: normal;
        vertical-align: baseline;
        background: transparent;
        list-style: none;
}

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
}

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        outline: none
}

    html,
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 100%;
        height: 100%;
}

    body {
        color: #2f2934;
        font-family: "Gotham A", "Gotham B";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        margin: 0;
        overflow-x: hidden;
        padding: 0;
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
}

    .clearfix {
        clear: both;
}

    img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
}

/* ---------------------------------------------------------- SITE WIDE GENERAL STYLES */

/* Head Tags */

    h1, h1 p, h2, h2 p {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 800;
        font-size: 50px;
}

    h3 {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 37px;
        color: #2a1052;
}

    h4, h4 p {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
}

    h5, h5 p {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
}

    .btn.btn-lg {
        padding: 15px 30px;
}

    .header-container {
        margin-top: 45px;
}

    .header-container h2 {
        margin-bottom: 12px !important;
}

@media (min-width: 900px) {
    h4.mb-3 {
        width: 70%;
        line-height: 1.4;
    }
}

@media (max-width: 900px) {
    .header-container {
        margin-top: 0px;
    }
    .header-container h2 {
        margin-bottom: 10px;
    }
}

    .caret-right, .caret-down, .caret-left, .arrow-down {
        display: inline-block;
        color: #F28D43;
        font-size: 24px;
        margin-top: -7px;
        font-weight: normal;
        float: right;
}

    .caret-right:before {
        content: "\203A";
}
    .caret-down:before {
        content: "\2304";
}
    .caret-left:before {
        content: "\3008";
}

    .arrow-down {
        background: url("../png/arrow-down.png");
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
}

    a, a:hover {
        text-decoration: none;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    :focus, a:focus {
        outline: none;
        text-decoration: none;
}

    .back a {
        color: #000;
}


    video {
        display: block;
        min-width: 100%;
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%;
}

    hr {
        box-sizing: content-box;
        height: 0;
        margin-top: 16px;
        margin-bottom: 16px;
        overflow: visible;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
}

    span sup {
        font-size: 10px;
        padding-bottom: 10px;
        display: inline-block;
        vertical-align: middle;
}

@media (min-width: 768px) {
    span sup {
        font-size: 14px;
        padding-bottom: 11px;
    }
}

.product-attribute-text{
    padding-right: 20px;
}

    .iconic-blocks-content {
        padding-left: 105px;
}

    .iconic-blocks-content h5 {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 10px;
}

    .iconic-blocks-content p {
        padding-right: 20px;
        font-size: 21px;
        font-weight: normal;
        line-height: 31px;
}

    .iconic-icon {
        float: left;
        max-width: 75px;
        margin-right: 15px;
}

    .iconic-icon img {
        display: block;
        width: 100%;
}

@media (max-width: 900px) {
    .iconic-icon {
        max-width: 55px;
    }
    .iconic-blocks-content {
        padding-left: 75px;
    }

    .iconic-blocks-content h5 {
        font-size: 18px;
        line-height: 25px;
    }
    .iconic-blocks-content p {
        font-size: 16px;
        font-weight: normal;
        line-height: 26px;
    }
}

    .testimonials-blocks .container {
        min-height: 400px;
}

    .spacer {
        padding-top: 110px;
        padding-bottom: 90px;
}

    .spacer-top {
        padding-top: 75px;
}

    .spacer-bottom {
        padding-bottom: 190px;
}

    .spacer-small {
        padding-top: 60px;
        padding-bottom: 100px;
}

    .spacer-xsmall {
        padding-top: 30px;
        padding-bottom: 50px;
}

    .spacer-small-top {
        padding-top: 100px;
}

    .spacer-small-bottom {
        padding-bottom: 100px;
}

    .card {
        background-color: inherit;
        border: none;
        border-radius: 10px;
        min-width: 30%;
        margin-bottom: 30px!important;
}

    .center-block {
        float: none;
        margin-right: auto;
        margin-left: auto;
}

    .blockquote {
        padding: 40px 20px;
        text-align: center;
        border: none;
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
}

    .blockquote p {
        font-size: 24px;
        color: #46336a;
        line-height: 32px;
        font-style: italic;
}



    .form-control, .selected-list .c-btn {
        border-radius: 10px !important;
        -ms-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
}
}

    angular2-multiselect.ng-invalid.ng-touched .selected-list .c-btn {
        border: 1px solid #a94442 !important;
}

    .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
        margin: 0 15px;
        max-height: 270px;
        overflow: scroll;
    }

    .autocomplete-items strong {
        color: #f48d38;
        font-size: 1em;
    }
    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

    /*when hovering an item:*/
    .autocomplete-items div:hover {
        background-color: #e9e9e9;
    }

    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }

    .form-group-label {
        font-weight: bold;
        color: #585858;
        font-size: 0.8em;
}

    .form-required-indicator {
        color: #f28c43;
}

    textarea.form-control {
        height: 135px;
        resize: none;
}

    .card-block {
        padding: 0;
}

    .p-30 {
        padding: 30px;
}

    .mb-40 {
        margin-bottom: 40px;
}

/* Link and Button */

    .btn {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        padding: 10px 35px;
        text-transform: uppercase;
        display: inline-block;
        border: solid 2px transparent;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        cursor: pointer;
        overflow-x: hidden;
        outline: none;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .btn-primary {
        background-color: #f48d38;
        border-color: #f48d38;
}

    .btn-outline-primary {
        background-color: transparent;
        border-color: #f48d38;
        color: #f48d38;
        box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
}

    .btn-outline-primary {
        border-width: 1px;
}

    .btn-primary:hover,
    .btn-outline-primary:hover {
        background-color: #46336a;
        border-color: #46336a;
        color: #fff;
}

    .btn-primary.active,
    .btn-primary:active,
    .show > .btn-primary.dropdown-toggle {
        background: #46336a;
}

    .btn-primary:focus,
    .btn-outline-primary:focus,
    .btn-outline-primary.active,
    .btn-outline-primary:active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        border-color: #46336a;
        background: #46336a;
        box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
}

    .inline-block {
        display: inline-block;
    
}

    .inline-block .btn {
        padding-right: 35px;
        padding-left: 35px;
}

    .inline-block .btn:first-child {
        float: left;
}

    .inline-block .btn:last-child {
        float: right;
}

    .content-box {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .content-box.card-block,
    .inner-box.card-block {
        padding: 0;
}

    .content-box .img-fluid,
    .card-img-top.img-fluid {
        width: 100%;
}

    .d-block.img-fluid {
        width: unset !important
}

    .icon-block {
        position: relative;
}

    .icon-block .icon {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 40px;
}

    .content-box.icon-block {
        padding-top: 20px;
}

    .content-box.icon-block .icon {
        right: 0;
}

    .default-section {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .video-box {
        position: relative;
}

    .video-box .video-thumb {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 240px;
}

    .video-box .video-thumb:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        content: "";
        display: none;
}

    .video-box .video-thumb iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
}

    .video-box .video-thumb .play {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: block;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        background: url('../play-icon.html') no-repeat center center;
        background-size: cover;
}

    .separator {
        width: 100%;
        height: 1px;
        background-color: #000;
}

    .gap-30 {
        height: 30px;
}

    .gap-40 {
        height: 40px;
}

    .gap-50 {
        height: 50px;
}

    .border-box {
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
}

    .no-border {
        border: none !important;
}

/* Navigation */

    nav {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 105;
        height: 100%;
        background: #46336a;
        border-right: 1px solid #fff;
        overflow-x: hidden;
        overflow-y: auto;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    nav .menu-btn {
        display: none;
}

    nav ul {
        display: block;
        height: 100%;
}

    .nav-wrapper {
        float: left;
        margin: 0;
        position: relative;
        width: 100%;
}

    nav ul li {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
}

    nav ul li a {
        display: inline-block;
        padding: 16px 0;
        width: 120px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
}

    nav ul li a:focus,
    nav ul li a:hover {
        color: #fff;
}

    nav ul li.home a {
        font-size: 0px;
        color: #46336a;
        padding: 24px 0;
}

    nav ul li:hover a,
    nav ul li.active a {
        background: #f48d38;
        color: #fff;
}

    nav ul li a span.icon {
        display: inline-block;
        width: 100%;
        height: 28px;
        margin: 0 0 4px 0;
}

    nav ul li.active a span.icon {
        opacity: 1;
}

    nav ul li.home a span.icon {
        background: url(../icons_home-icon.html) top center no-repeat;
}

    nav ul li.solutions a span.icon {
        background: url(../icons_solution-icon.html) top center no-repeat;
}

    nav ul li.products a span.icon {
        background: url(../icons_products-icon.html) top center no-repeat;
}

    nav ul li.services a span.icon {
        background: url(../icons_services-icon.html) top center no-repeat;
}

    nav ul li.resources a span.icon {
        background: url(../icons_resources-icon.html) top center no-repeat;
}

    nav ul li.company a span.icon {
        background: url(../icons_company-icon.html) top center no-repeat;
}

    nav ul li.blog a span.icon {
        background: url(../icons_blog-icon.html) top center no-repeat;
}

    nav ul li.contact a span.icon {
        background: url(../icons_contact-icon.html) top center no-repeat;
}

    nav ul li.demo a span.icon {
        background: url(../icons_demo-icon.html) top center no-repeat;
}

    nav ul li.support a span.icon {
        background: url(../svg/icons_support-icon.svg) top center no-repeat;
}

    nav ul li:hover a {
        color: #fff;
}

    nav ul li:hover a span.icon {
        background-position: top center;
        opacity: 1;
}

    nav ul li.social {
        text-align: center;
}
    .social-icons a {
        /*display: inline-block;*/
        width: auto;
        border-bottom: 0px;
}

    .social-icons a span.icon.fb-icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 0;
}

    .fb-icon {
        background: url(https://res.cloudinary.com/dgzfnyttr/image/upload/v1625161229/icons_facebook-icon_u2t5ln.svg) top center no-repeat;
}
    .li-icon {
        background: url(https://res.cloudinary.com/dgzfnyttr/image/upload/v1625161229/icons_linkedin-icon_vlozdo.svg) top center no-repeat;
}

    .tw-icon {
        background: url(../png/x-logo_qcg58f.png) top center no-repeat;
         background-size: 24px 24px;
}


    .ig-icon {
        background: url(../png/icon-instagram-logo_w0kcge.png) top center no-repeat;
        background-size: 24px 24px;
}


    .yt-icon {
        background: url(../png/youtube-footer_uwg6sv.png) top center no-repeat;
        background-size: 24px 24px;
}



    .fb-icon.purple {
        background: url(../png/icons_facebook-icon_purple_xzrlv2.png) top center no-repeat;
}
    .li-icon.purple {
        background: url(../png/icons_linkedin-icon_purple_wceygi.png) top center no-repeat;
}
    .tw-icon.purple {
        background: url(../png/x-logo-purple_bvozf9.png) top center no-repeat;
         background-size: 24px 24px;
}
    .icon.li-icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 0;
}

    .icon.tw-icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 0;
}

    .icon.ig-icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 0;
}

    .icon.yt-icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin: 0;
}

    .icon.fb-icon:hover,
    .icon.li-icon:hover,
    .icon.tw-icon:hover,
    .icon.ig-icon:hover,
    .icon.yt-icon:hover {
        opacity: 1;
}

    .follow-linkedin{
        width: 115px;
        margin: 0 0;
    }

/* ----------------------- Social footer mobile -------------------------- */

@media (max-width: 575px) {

    #mobile-footer .icon.ig-icon {
    width: 28px;
    height: 28px;}


    #mobile-footer .icon.yt-icon {
        width: 28px;
        height: 28px;
     }

    .yt-icon, .ig-icon{
        background-size: 25px 25px;
        background-position-y: 1px;
    }


}

    .sub-nav {
        float: left;
        width: 100%;
        border-bottom: 1px solid #46336a;
    }

    .sub-nav ul li {
        float: left;
        padding: 30px 0;
        margin: 0 50px 0 0;
    }

    .sub-nav ul li a {
        color: #4f5050;
        font-size: 14px;
    }

    .sub-nav ul li:hover,
    .sub-nav ul li.active {
        border-bottom: 4px solid #46336a;
        padding: 30px 0 26px;
    }

    .sub-nav ul li:hover a,
    .sub-nav ul li.active a {
        color: #f48d38;
    }

    .sub-nav ul li.active a {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
    }

    /* Header */

    header {
        z-index: 1;
        margin: 0;
        width: 100%;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    #header-image {
        background-image: url("../am_logo_white.html");
        background-repeat: no-repeat;
        width: 310px;
        height: 26px;
    }

    #header.dark {
        background: rgba(70, 51, 106, .96);
        box-shadow: 0 5px 32px 0 rgba(0,0,0,0.25);
        position: fixed;
        top: 0;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    #header.header-inner {
        position: fixed;
        top: 0;
        background: rgba(70, 51, 106, .9);
    }

    header.dark.small {
        max-height: 50px !important;
    }

    #header.header-inner .container {
        border-bottom: none;
    }

    header {
        position: absolute;
        z-index: 100;
        margin: 0;
        width: 100%;
    }

    header .my-2 a {
        display: block;
    }

    header.dark .container {
        border-bottom: 0px;
    }

    /* Carousel 

    .hero-note {
        position: absolute;
        bottom: -50px;
    }

    #home-banner.carousel.slide {
        min-height: 650px;
        height: 80vh;
    }

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
      
        display: block;
    }

    .carousel-inner > .carousel-item > a > img,
    .carousel-inner > .carousel-item > img,
    .img-responsive {
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .carousel-fade .carousel-inner .carousel-item {
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
        background-color: #46336a;
    }

    .carousel-inner .carousel-item .carousel-item-content {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .carousel-inner .carousel-item,
    .carousel-inner .active.carousel-item-left,
    .carousel-inner .active.carousel-item-right {
        opacity: 0;
    }

    .carousel-inner .active,
    .carousel-inner .carousel-item-next.carousel-item-left,
    .carousel-inner .carousel-item-previous.carousel-item-right {
        opacity: 1;
    }

    .carousel-item.active,
    .active.carousel-item-left,
    .active.carousel-item-prev,
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner {
        background-color: #46336a;
    }

    .carousel,
    .carousel-inner,
    .carousel-item {
        width: 100%;
        height: 100%;
        min-height: 600px;
    }

    @media(min-width: 700px){
            .carousel,
    .carousel-inner,
    .carousel-item {
        width: 100%;
        height: 100%;
        min-height: 500px;
    }
    }

    .carousel.carousel-small {
        height: 410px;
    }

    .carousel.carousel-medium {
        height: 432px;
    }

    .carousel {
        margin: 0;
        width: 100%;
    }

    .carousel-item img {
        height: auto;
        left: 0;
        max-width: inherit;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 0;
        width: auto;
        z-index: -1;
        opacity: 0.25;
    }

    .carousel-item.overlay::after {
        content: '';
        background: rgba(63, 45, 118, .7);
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

    .carousel.carousel-small img {
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }

    .carousel-caption {
        top: calc(50% + 30px);
        transform: translateY(-50%);  left: 0;
        right: 0;
        z-index: 10;
        bottom: auto;
    }

  
    .carousel-caption .btn:hover {
        border-color: white;
    }

    .carousel-caption-home {
        top: 45%;
        transform: translateY(-45%);
        left: 0;
        right: 0;
    }

    @media (min-width: 768px) {
        .carousel-caption {
            top: calc(50% + 30px);
            transform: translateY(-50%);
            left: 0;
            right: 0;
            z-index: 10;
        }

        .carousel-caption-home {
            left: 0;
            right: 0;
        }
    }

    @media (min-width: 992px) {
        .carousel-caption-home {
            left: 0;
            right: 0;
        }
    }

    @media (min-width: 1299px) {
        .carousel-caption {
            top: calc(50% + 30px);
            transform: translateY(-50%);
            left: 0;
            right: 0;
            z-index: 10;
        }

        .carousel-caption-home {
            left: 0;
            right: 0;
        }
    }
*/
    @media (max-width: 500px) {
        .hero-note {
            bottom: -100px;
        }
    }

   

    /* Top Blocks & Products Blocks */

    .top-blocks {
        position: relative;
    }

    .top-blocks .card-deck {
        margin-top: 50px;
    }

    .row.no-mt,
    .card-deck.no-mt {
        margin-top: 0 !important;
    }

    .pt-100 {
        padding-top: 100px;
    }

    .border-block {
        padding: 0;
        border: 1px solid #000000;
    }

    .top-blocks .card,
    .products-blocks .card,
    .statistics-blocks [class^="col"] > div,
    .news-event-blocks .card,
    .services-blocks .card,
    .common-section .card,
    .soln-event-blocks .card,
    .featured-blocks .card,
    .four-blocks .card,
    .filter-section .card,
    .team-blocks [class^="col"] > div {
        background: #fff;
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
    }

    .statistics-blocks [class^="col"] > div,
    .team-blocks [class^="col"] > div {
        width: 100%;
    }

    .team-blocks .team-panel-footer {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 0;
        padding-bottom: 30px;
    }

    .featured-blocks .card {
        background: none;
    }

    .card .card-text {
        min-height: 120px;
    }

    .card .card-img-top {
        border-radius: 0;
        -ms-border-radius: 0;
        -webkit-border-radius: 0;
    }

    img.svg-image, .card-img-top:not(.non-svg) {
        height: 85px !important;
        width: 100%;
        max-width: 100px;
    }

    img.card-img-top[src$=".svg"] {
        fill: rgb(208,208,208);
        stroke: rgb(208,208,208);
    }

    .solution-non-svg-fix {
        width: 100%;
        height: 170px;
    }

    @media (max-width: 1299px) {
        .solution-non-svg-fix {
            height: 378px;
        }
    }

    @media (max-width: 991px) {
        .solution-non-svg-fix {
            height: 170px;
        }
    }

    @media (max-width: 767px) {
        .solution-non-svg-fix {
            height: 378px;
        }
    }

    @media (max-width: 500px) {
        .solution-non-svg-fix {
            height: 170px;
        }
    }

    .card .card-footer {
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        -ms-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .filter-section .card,
    .home-resource .card,
    .news-ie-fix  .card,
    .solution-resource-fix .card {
        position: relative;
        padding-bottom: 50px !important;
    }

    .filter-section .card .card-footer,
    .home-resource .card .card-footer,
    .news-ie-fix .card .card-footer,
    .solution-resource-fix .card .card-footer {
        padding-bottom: 0px;
        text-align: center;
    }

    .statistics-blocks [class^="col"] > div {
        height: 100%;
    }

    .carousel-item img,
    .carousel-item .d-block.img-fluid {
        width: auto;
    }

    .top-blocks [class^="card"] h5,
    .products-blocks [class^="card"] h5,
    .featured-blocks [class^="card"] h5,
    .news-event-blocks [class^="card"] h5,
    .soln-event-blocks [class^="card"] h5,
    .services-blocks [class^="card"] h5,
    .common-section [class^="card"] h5,
    .filter-section .inner-box h5,
    .filter-section .card h5,
    .team-blocks [class^="col"] h5,
    .featured-blocks2 [class^="col"] h5 {
        font-size: 20px;
        color: #2F2942;
    }

    .common-section [class^="col"].point-listing-view h5 {
        color: #fff;
    }

    .top-blocks [class^="card"] p,
    .products-blocks [class^="card"] p,
    .statistics-blocks [class^="col"] p,
    .featured-blocks [class^="card"] p,
    .news-event-blocks [class^="card"] p,
    .soln-event-blocks [class^="card"] p,
    .services-blocks [class^="card"] p,
    .common-section [class^="card"] p,
    .filter-section .inner-box p,
    .filter-section .card p,
    .team-blocks [class^="col"] p,
    .featured-blocks2 [class^="col"] p {
        color: #2F2942;
        font-size: 16px;
    }

    .top-blocks [class^="card"] span,
    .products-blocks [class^="card"] span,
    .statistics-blocks [class^="col"] span,
    .featured-blocks [class^="card"] span,
    .news-event-blocks [class^="card"] span,
    .soln-event-blocks [class^="card"] span,
    .services-blocks [class^="card"] span,
    .common-section [class^="card"] span,
    .team-blocks [class^="col"] span,
    .featured-blocks2 [class^="col"] span,
    .filter-section .card span {
        display: block;
        margin-top: 0;
        margin-bottom: 0 !important;
        padding-bottom: 10px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        color: #2F2942;
        text-transform: uppercase;
    }

    /* Form - Demo Form */

    #customMultiSelectResults {
        display: flex;
        flex-wrap: wrap;
    }

    #customMultiSelectResults div {
        background-color: #46385E;
        color: white;
        padding: 10px 6px;
        margin: 5px;
        border-radius: 3px;
        font-size: 12px;
        font-weight: bold;
        content: '';
    }

    #customMultiSelectResults div::after {
        content: 'x';
        padding-left: 8px;
    }

    #customMultiSelectResults div:hover {
        background-color: #7c5ab6;
        cursor: pointer;
    }



    /* Video */

    .video {
        position: relative;
        background-size: auto 80%;
        background: bottom right no-repeat;
        -webkit-background-size: auto 80%;
        -moz-background-size: auto 80%;
    }

    .video-bg-wrapper {
        background: left top no-repeat;
        background-size: auto 80%;
        -webkit-background-size: auto 80%;
        -moz-background-size: auto 80%;
    }

    .video h4 {
        font-size: 24px;
        color: #4f5050;
    }

    .video .video-block {
        position: relative;
        border: 1px solid #000;
    }

    .video-click {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        z-index: 10;
        cursor: pointer;
        top: 0;
    }

    .video-block {
        position: relative;
        overflow: hidden;
    }

    .blog-detail .video-block {
        border: 1px solid #000;
    }

    .video .video-block img {
        width: 100%;
        max-width: 940px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .video .video-block .video_embed {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        border: none;
    }

    /* CTA SECTION */

    section.cta {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 270px;
        height: 270px;
        background-color: rgb(29, 12, 56);
    }

    section.cta h4 {
        color: #FFF;
        font-weight: 500;
        font-size: 27px;
        margin-bottom: 35px;
        text-align: center;
        letter-spacing: -0.045em;
    }

    @media (max-width: 500px) {
        section.cta {
            padding: 0 20px;
        }
    }

    /* Product Blocks */

    .products-blocks {
        position: relative;
        background-size: cover;
        background-attachment: fixed;
    }

    .products-blocks-news-style {
        position: relative;
        background-size: cover;
        background-attachment: fixed;
    }

    .products-blocks:before,
    .products-blocks-news-style:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        background-color: rgba(63, 45, 118, 0);
        content: "";
    }

    .products-blocks .container,
    .products-blocks-news-style .container {
        position: relative;
        z-index: 10;
    }

    .products-blocks h3 {
        color: #fff;
    }

    .products-blocks h4 {
        color: #fff;
        font-size: 24px;
    }
    .products-blocks .card-deck .card {
        max-height: 680px;
    }

    .products-blocks .card > div {
        border: 0 none;
    }

/* --------------------------------

Breadcrumbs

-------------------------------- */
    .cd-breadcrumb, .cd-multi-steps {
        padding: 0.5em 1em;
        margin: 1em auto;
        border-radius: .25em;
}

    .cd-breadcrumb:after, .cd-multi-steps:after {
        content: "";
        display: table;
        clear: both;
}

    .cd-breadcrumb li, .cd-multi-steps li {
        display: inline-block;
        float: left;
        margin: 0.5em 0;
}

    .cd-breadcrumb li::after, .cd-multi-steps li::after {
        /* this is the separator between items */
        display: inline-block;
        content: '\00bb';
        color: #959fa5;
}

    .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
        /* hide separator after the last item */
        display: none;
}

    .cd-breadcrumb li > *, .cd-multi-steps li > * {
        /* single step */
        display: inline-block;
        color: #2c3f4c;
        padding-left: 0px;
        font-size: 16px;
}

    .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
        /* selected step */
        color: #96c03d;
        font-style: normal;
}

    .cd-breadcrumb a {
        font-weight: bold;
}

    .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
        /* steps already visited */
        color: #f48d38;
        text-decoration: none;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
        /* replace the default arrow separator with a custom icon */
        content: '';
        height: 16px;
        width: 16px;
        background: url(../cd-custom-separator.html) no-repeat center center;
        vertical-align: middle;
}

    .cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
        /* add a custom icon before each item */
        content: '';
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-right: .4em;
        margin-top: -2px;
        background: url(../cd-custom-icons-01.html) no-repeat 0 0;
        vertical-align: middle;
        padding-left: 0pc;
}

    .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
        /* change custom icon using image sprites */
        background-position: -20px 0;
}

    .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
        background-position: -40px 0;
}

    .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
        background-position: -60px 0;
}

    .cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
        /* change custom icon for the current item */
        background-position: 0 -20px;
}

    .cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
        background-position: -20px -20px;
}

    .cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
        background-position: -40px -20px;
}

    .cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
        background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
        padding-left: 0px;
    }

    .cd-breadcrumb li, .cd-multi-steps li {
        margin: 1.2em 0;
    }

    .cd-breadcrumb li::after, .cd-multi-steps li::after {
        margin: 0 1em;
    }

    .cd-breadcrumb li > *, .cd-multi-steps li > * {
        padding-left: 0px;
    }
}

/* Testimonials Blocks */

    .inner-testimony {
        position: relative;
}

    .testimonials-blocks .carousel,
    .testimonials-blocks-bg .carousel {
        width: 100%;
        margin: 0;
        text-align: center;
}

    .testimonials-blocks .carousel-fade .carousel-inner .carousel-item,
    .testimonials-blocks-bg .carousel-fade .carousel-inner .carousel-item,
    .testimonials-blocks .carousel-inner,
    .testimonials-blocks-bg .carousel-inner {
        background: none;
        height: 200px;
}

    .testimonials-blocks .carousel-inner img,
    .testimonials-blocks-bg .carousel-inner img {
        position: relative;
        z-index: 1;
        width: auto;
        min-width: initial;
        min-height: initial;
        opacity: 1;
}

    .testimonials-blocks .carousel-inner p,
    .testimonials-blocks-bg .carousel-inner p {
        max-width: 70%;
        margin-right: auto;
        margin-left: auto;
        font-size: 20px;
}

    .testimonials-blocks .carousel-indicators,
    .testimonials-blocks-bg .carousel-indicators {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0;
        margin-top: 50px;
}

    .testimonials-blocks .carousel-indicators li,
    .testimonials-blocks-bg .carousel-indicators li {
        display: inline-block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        background-color: #d5d4d6;
        border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
}

    .testimonials-blocks .carousel-indicators li:before,
    .testimonials-blocks .carousel-indicators li:after,
    .testimonials-blocks-bg .carousel-indicators li:before,
    .testimonials-blocks-bg .carousel-indicators li:after {
        display: none;
}

    .testimonials-blocks .carousel-indicators li.active,
    .testimonials-blocks-bg .carousel-indicators li.active {
        background-color: #f48d38;
}

    .testimonials-blocks-bg {
        background: url(../testimonial-bg-dark.html) center no-repeat #f5f4f7;
        background-size: 100% auto;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
}

@media screen and (max-width: 992px) {
    .testimonials-blocks .row,
    .testimonials-blocks-bg .row {
        display: inline-block !important;
    }

    .testimonials-blocks [class^="col"],
    .testimonials-blocks-bg [class^="col"] {
        display: inline-block !important;
    }
}

    .testimonials-blocks [class^="col"].client-says {
        padding: 80px;
}

    .testimonials-blocks [class^="col"].client-says p {
        font-size: 28px;
}

    .testimonials-blocks [class^="col"].client-says h5 {
        font-size: 18px;
}

/* Statistics Blocks */

    .statistics-blocks {
        position: relative;
        background-size: cover;
        background-attachment: fixed;
}

    .statistics-blocks:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        background-color: rgba(63, 45, 118, 0.80);
        content: "";
}

    .statistics-blocks .container {
        position: relative;
        z-index: 10;
}

    .statistics-blocks [class^="col"] > div {
        background: transparent;
        border-color: rgba(255, 255, 255, .6);
}

    .statistics-blocks [class^="col"] h3 {
        font-size: 130px;
        color: #FFF;
}

    .statistics-blocks [class^="col"] p {
        color: #fff;
        border-top: 1px solid white;
        padding-top: 5px;
        margin-top: 20px;
        min-height: 70px;
        font-size: 15px;
}

/* Featured Blocks */

    .featured-blocks .card-deck {
        margin-top: 3rem;
}

    .margintopsolutionresources {
        margin-top: 80px;
}

    .featured-blocks h4 {
        font-size: 24px;
        color: #4f5050;
}

/* Product Blocks */

    .top-blocks.home-section {
        padding-bottom: 50px;
}

/* Featured Case Study Section */

    section.featured-case-studies {
        background-color: rgb(235, 235, 235);
}

    section.featured-case-studies div.featured-card-title {
        text-transform: uppercase;
        position: absolute;
        top: 55px;
        left: 80px;
        font-size: 14px;
        font-weight: bold;
        color: #2a1052;
}

    .case-study-image {
        position: absolute;
        right: 50px;
        top: -50px;
        width: 125px;
        height: 125px;
        border-radius: 50%;
        border: none;
        padding: 4px;
}

    .case-study-image img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
}

    section.featured-case-studies .carousel-inner .testimonial-item {
        max-width: 900px;
        height: 500px;
}

    section.featured-case-studies .carousel-inner .testimonial-item .carousel-item-content {
        text-align: left;
        padding-left: 70px;
        padding-right: 80px;
        top: auto;
        bottom: 120px;
        position: absolute;
        transform: none;
}

    section.featured-case-studies .carousel-item-content h3 {
        color: #000;
        padding-left: 0;
        margin: 30px 0;
        letter-spacing: -.5px;
}

    section.featured-case-studies .carousel-item-content h5 {
        color: #000;
        padding-left: 0;
        margin-bottom: 20px;
        font-size: 20px;
}

    section.featured-case-studies .carousel-item-content .btn {
        padding: 10px 35px;
    }

    section.featured-case-studies .carousel-indicators {
        align: right;
}

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn {
        top: 250px;
}

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn.left-button {
        margin-left: -33%;
}

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn.right-button {
        margin-left: 28%;
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
    section.featured-case-studies .carousel-inner .testimonial-item {
        width: 870px;
    }

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn.left-button {
        margin-left: -48%;
    }

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn.right-button {
        margin-left: 40%;
    }
}

@media screen and (max-width: 991px) {
    section.featured-case-studies .carousel-inner .testimonial-item .carousel-item-content {
        bottom: 50px;
        position: absolute;
    }

    section.featured-case-studies .testimonials-blocks .carousel-indicators {
        display: block;
    }

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn {
        top: 0px;
        margin-bottom: 30px;
    }

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn.left-button {
        margin-left: 0;
    }

    section.featured-case-studies .left-right-buttons.carousel-buttons .btn.right-button {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .case-study-image {
        width: 40px;
        height: 40px;
    }

    section.featured-case-studies div.featured-card-title {
        left: 50px;
    }

    section.featured-case-studies .carousel-inner .testimonial-item .carousel-item-content {
        padding-left: 40px;
        padding-right: 40px;
        bottom: 50px;
    }

    section.featured-case-studies .carousel-item-content h5 {
        font-size: 18px;
        position: relative;
        bottom: auto;
    }

    section.featured-case-studies .carousel-item-content .btn {
        position: relative;
    }

    section.featured-case-studies .carousel-inner {
        height: 550px;
    }

    section.featured-case-studies .carousel-inner .testimonial-item {
        max-width: 900px;
        height: 450px;
    }

    section.featured-case-studies ol.carousel-indicators {
        display: block;
        margin-top: 0;
    }
}

@media screen and (max-width: 361px) {
    section.featured-case-studies div.featured-card-title {
        left: 20px;
    }

    section.featured-case-studies .carousel-inner .testimonial-item .carousel-item-content {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        bottom: 30px;
        position: absolute;
    }
}

/* Mastermind Benefits Section */

    section.benefits-section {
        padding: 50px 0;
        max-width: 1300px;
        margin: 0 auto;
}

    section.benefits-section .title {
        float: left;
        max-width: 300px;
        border-left: 1px solid #D0D0D0;
        padding-left: 15px;
        margin-top: 30px;
}

    section.benefits-section .title h2 {
        width: 280px;
        color: #2F2942;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: -2px;
        line-height: 50px;
}

    section.benefits-section .articles {
        float: right;
        max-width: 60%;
        margin-bottom: 40px;
}

    section.benefits-section .articles article {
        display: flex;
        align-items: flex-start;
}

    section.benefits-section .articles article img {
        height: 90px;
        width: 90px;
}

    section.benefits-section .articles article .card-body {
        padding-top: 0;
}

    section.benefits-section .articles article .card-title,
    section.benefits-section .articles article .card-text {
        font-size: 24px;
        color: #2F2942;
}

    section.benefits-section .articles article .card-title {
        margin-bottom: 5px !important;
}

    section.benefits-section .articles article .card-body .card-text p {
        font-size: 16px;
}

    section.benefits-section p.footnote {
        font-size: 12px;
        margin-left: 125px;
}

@media screen and (max-width: 992px) {
    section.benefits-section .articles article {
        flex-direction: column;
    }

    section.benefits-section .title {
        float: none;
        margin-bottom: 50px;
        margin-top: 10px;
    }

    section.benefits-section p.footnote {
        margin-left: 15px;
    }

    section.benefits-section .articles {
        float: none;
        margin: 0 auto;
        margin-bottom: 40px;
        max-width: 100%;
    }
}

/* Products Suite Section */

    section.products-suite {
        background-color: rgb(51, 28, 84);
        padding: 140px 0 45px 0;
}

    section.products-suite .container {
        max-width: 1100px;
}

    section.products-suite h2.title {
        color: #FFFFFF;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: -2px;
        line-height: 50px;
        text-align: center;
}

    section.products-suite .articles {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 85px;
        padding-top: 40px;
}

    section.products-suite article.product {
        padding: 0 15px;
        min-width: 300px;
        width: calc(100%/3);
        text-align: center;
        display: flex;
        flex-direction: column;
}

    article.product img {
        height: 85px;
        width: 85px;
        margin-bottom: 20px;
}

    article.product h3 {
        color: white;
        font-size: 16px;
        letter-spacing: -.01px;
        padding-bottom: 20px;
}

    article.product div.summary {
        flex: 1 0 auto;
}

    article.product div.summary p {
        color: white;
        padding: 0;
        font-size: 16px;
        margin-bottom: 30px;
        line-height: 26px;
}

    article.product .btn {
        font-size: 15px;
        padding: 10px 35px;
        width: 220px;
        margin: 0 auto;
}

@media screen and (max-width: 992px) {
    section.products-suite .articles {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    section.products-suite article.product {
        margin: 40px 0;
        max-width: 600px;
        min-width: 500px;
    }

    section.products-suite h2.title {
        margin-bottom: 50px;
    }

    article.product h3 {
        font-size: 1.5rem;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    section.products-suite h2.title {
        margin-bottom: 20px;
    }

    section.products-suite .articles {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    section.products-suite article.product {
        margin: 40px 0;
        max-width: 310px;
        min-width: 300px;
        padding: 0;
    }

    article.product h3 {
        font-size: 22px;
    }
}

/* Award Block */
    .bg-none {
        background: none !important;
        border: none !important
}

/* Brands Block */
@media screen and (min-width: 768px) {
    .brands-center {
        padding-left: 85px;
    }
}

/* Awards Block */
    .awards-center {
        width: 75%;
        margin: 0 auto;
        justify-content: space-around;
}

/* Bottom Banner */

    .bottom-banner {
        position: relative;
        height: 400px;
        background-size: cover;
        border-top: 1px solid #c0bec2;
        text-align: center;
        z-index: 1;
}

    .bottom-banner:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        content: "";
        z-index: 10;
}

    .bottom-banner .container {
        height: 100%;
        z-index: 100;
        position: relative;
}

    .bottom-banner .d-table {
        width: 100%;
        height: 100%;
}

    .bottom-banner .d-table .d-table-cell {
        width: 100%;
        vertical-align: middle;
}

    .bottom-banner h3 {
        color: #2a1052;
}

    .bottom-banner h4 {
        font-size: 24px;
}

@media screen and (max-width: 767px) {
    .bottom-banner h4 {
        font-size: 18px;
    }
}

    .bottom-banner p {
        color: #4f5050;
}

    .bottom-banner p span {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
}

/* Video Modal */

    #videoModal .modal-body {
        padding-top: 35px;
        max-height: 800px;
}

/* Inner Page */
    .gray-bg {
        background-color: #ecebf0;
}

    .page-header {
        padding: 80px 450px 80px 0;
        border-bottom: 1px solid #46336a;
}

    .page-header h2 {
        font-size: 50px;
        color: #46336a;
}

    .page-header h4 {
        color: #4f5050;
}

    .page-header.header-image {
        padding-right: 0;
}

    .page-header .text-block {
        display: inline-block;
        max-width: 60%;
        padding-right: 40px;
        vertical-align: top;
}

    .page-header .img-box {
        display: inline-block;
        max-width: 40%;
        float: right;
        vertical-align: top;
}

    .point-listing-block h5 {
        color: #4f5050;
}

    .point-listing-block p {
        color: #4f5050;
}

    .point-listing-block h6 {
        color: #4f5050;
}

    .point-listing-block .right-content {
        float: right;
        max-width: 45%;
        padding-left: 30px;
}

    .point-listing-block .right-content .video-box {
        margin-bottom: 30px;
}

    .point-listing-block .right-content .video-box video {
        min-height: inherit;
}

    .point-listing-block .right-content .video-box .play-btn {
        display: none;
}

    .point-listing-block-wrapper {
        padding-right: 70px;
        padding-left: 0;
}

    .point-listing-view {
        background: #46336a;
        color: #fff;
        padding: 70px;
}

    .point-listing-view.no-bg {
        background: none;
}

    .point-listing-view.no-bg h5,
    .point-listing-view.no-bg p {
        color: #4f5050;
}

    .point-listing-block p strong {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
}

    .point-listing-view h5 {
        color: #fff;
}

    .point-listing-view .img-box {
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
}

    .point-listing-view ul li,
    .point-listing-block-wrapper ul li {
        background: url(../points-icon.html) 0 2px no-repeat;
        margin: 0 0 15px 0;
        padding: 0 0 0 30px;
}

    .point-listing-view.no-bg ul li,
    .point-listing-block-wrapper ul li {
        color: #4f5050;
        background: url(../points-icon2.html) 0 2px no-repeat;
}

    .img-block h5 {
        color: #4f5050;
}

    .img-block p {
        color: #4f5050;
}

    .img-block h5 span {
        font-size: 20px;
}

    .img-block-wrapper {
        padding: 70px;
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
}

    .img-block-wrapper + .img-block-wrapper {
        border-left: none;
}

    .img-block-wrapper.no-top-border {
        border-top: none;
}

    .img-block-thumb {
        position: relative;
        overflow: hidden;
}

    .img-block-thumb img {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        max-width: 100000px;
        transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 991px) {
    .img-block-thumb {
        height: 200px;
    }
    .img-block-thumb img {
        left: 0;
    }
}

    .case-studies {
        position: relative;
}

    .case-studies h3 {
        margin-bottom: 20px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 800;
        font-size: 24px;
        text-transform: none;
}

    .case-studies .page-header {
        padding-bottom: 40px;
        border-bottom: none;
}

    .case-studies .page-header .text-block {
        max-width: 67%;
}

    .case-studies .page-header .text-block p {
        margin-bottom: 40px;
}

    .case-studies .info-text {
        display: inline-block;
        width: 100%;
        margin-top: 20px;
        text-align: center;
}

    .case-studies .info-text h3 {
        margin-bottom: 10px;
}

    .case-studies .info-text h5 {
        margin-top: 10px;
        font-size: 20px;
        color: #2a1052;
}

    .case-studies .grey-block {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 40px;
        background-color: #f8f8fa;
}

    .case-studies .grey-block h2 {
        margin-bottom: 30px;
        font-size: 30px;
        color: #2a1052;
        text-transform: none;
}

    .case-studies .grey-block ul {
        display: block;
}

    .case-studies .grey-block ul li {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 24px;
}

    .case-studies .grey-block ul li:before {
        position: absolute;
        top: 8px;
        left: 0;
        width: 8px;
        height: 8px;
        background-color: #f48d38;
        content: "";
        border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
}

/* Customer */

    .customer h4 {
        color: #4f5050;
        font-size: 24px;
}



    .customer [class^="col"] {
        float: left;
        width: 20%;
        max-width: 20%;
        padding-right: 10px;
        margin-bottom: 15px;
        padding-left: 10px;
        flex: none;
        -webkit-flex: none;
}

    .customer [class^="col"] .box {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        overflow: hidden;
}

    .customer [class^="col"] img {
        width: 100%;
}

/* News */

    .news-event-blocks .card-deck, .soln-event-blocks .card-deck {
        margin-top: -80px;
}

    .news-event-blocks h4, .soln-event-blocks h4 {
        font-size: 24px;
        color: #4f5050;
}

@media (max-width: 768px) {
    .news-event-blocks h4, .soln-event-blocks h4, .customer h4 {
        font-size: 18px;
    }
}

    .news-event-blocks [class^="col"] img,
    .products-blocks-news-style [class^="col"] img {
        margin-top: -48px;
        width: 100%;
}

    .soln-event-blocks [class^="card"] h5,
    .soln-event-blocks [class^="card"] h5 a,
    .news-event-blocks [class^="card"] h5,
    .news-event-blocks [class^="card"] h5 a,
    .team-blocks [class^="col"] h5,
    .team-blocks [class^="col"] h5 a {
        font-size: 20px;
        color: #2f2934;
}

    .news-event-blocks [class^="card"] p,
    .team-blocks [class^="col"] p {
        color: #2f2934;
        min-height: auto;
}

/* Big Image Block */

    .big-img-block {
        position: relative;
}

    .big-img-block:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        background-color: rgba(70, 51, 106, 0.60);
        content: "";
}

    .big-img-block .container {
        position: relative;
        z-index: 10;
}

    .big-img-block h3 {
        color: #fff;
}

    .big-img-block h4 {
        font-size: 24px;
        color: #fff;
}

/* iconic block */

    .iconic-blocks {
        position: relative;
}

    .iconic-blocks .row {
        margin: 80px 0 0 0;
}

    .iconic-blocks .iconic-blocks-content {
        overflow: hidden;
}

    .iconic-blocks [class^="col"] h5 {
        font-size: 18px;
        color: #2f2934;
}

    .iconic-blocks [class^="col"] p {
        color: #2f2934;
}

    .iconic-blocks .icon {
        float: left;
        max-width: 60px;
        margin-right: 15px;
}

    .iconic-blocks .icon img {
        display: block;
        width: 100%;
}

/* Featured Section */

    .featured-section {
    }

    .featured-section h4 {
        margin-top: 10px;
        font-size: 24px;
}

    .featured-section .img-fluid {
        width: auto;
        margin-top: 40px;
}

    .featured-section .img-box .img-fluid {
        max-width: 700px;
}

    .featured-section p {
        margin-top: 25px;
        /*    padding-right: 100px;
        padding-left: 100px;*/
}

    .featured-section2 {
        position: relative;
        /* margin: 50px 0; */
}

    .featured-section2 h5 {
        margin-bottom: 10px;
        font-size: 26px;
        color: #2f2934;
}

    .featured-section2 p {
        color: #2f2934;
}

    .featured-section2 .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 30px;
}

    .featured-section2 .owl-theme .owl-dots .owl-dot span {
        width: 16px;
        height: 16px;
        background-color: #d5d4d6;
}

    .featured-section2 .owl-theme .owl-dots .owl-dot.active span {
        background-color: #f48d38;
}

    .services-blocks .card {
        padding-right: 0 !important;
        padding-left: 0 !important;
}

    .services-blocks .card-block .content-box h5,
    .services-blocks .card-block .text-box h5 {
        min-height: 70px;
}

    .services-blocks .card-block .content-box h5 span,
    .services-blocks .card-block .text-box h5 span {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 400;
        color: #4f5050;
}

    .services-blocks .card-block .content-box h5 a,
    .services-blocks .card-block .text-box h5 a {
        color: #4f5050;
}

/* Points Section */

    .points-section {
        position: relative;
        width: 100%;
}

/* Common Section */

    .common-section {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .common-section h4 {
        font-size: 24px;
}

/* Four Blocks */

    .four-blocks {
        position: relative;
        width: 100%;
}

    .four-blocks h4 {
        font-size: 22px;
}

    .four-blocks .inner-box,
    .four-blocks .card-block {
        /*margin: 0 13px;*/
        display: inline-block;
        width: 100%;
        background-color: #fff;
        border: solid 1px #000;
}

    .four-blocks [class^="card"] h5 {
        font-size: 20px;
        color: #4f5050;
}

    .four-blocks [class^="card"] p {
        font-size: 16px;
        color: #4f5050;
}

    .inner-block {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .inner-block h5 {
        color: #4f5050;
}

/* News Inner */

    .news-inner {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .news-inner p strong {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 400;
}

    .news-inner h3 {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 800;
        font-size: 30px;
}

    .news-inner h6 {
        font-style: 20px;
        color: #4f5050;
        line-height: 26px;
}

    .news-inner h6 span {
        font-size: 20px;
}

    .buttons-bar {
        display: inline-block;
        width: 100%;
        margin-top: 30px;
        text-align: center;
}

/* Page Inner */

    .page-inner {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .page-inner p strong {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
}

    .page-inner h3 {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 800;
        font-size: 30px;
}

    .page-inner h6 {
        font-style: 20px;
        color: #4f5050;
        line-height: 26px;
}

    .page-inner h6 span {
        font-size: 20px;
}

/* Team Detail */

    .team-detail .bio-style p {
        display: block;
        margin-bottom: 15px;
}

    .team-detail {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .team-detail .img-block {
        float: left;
        width: 320px;
        border: solid 1px #000;
}

    .team-detail .img-block img {
        width: 100%;
}

    .team-detail .team-info {
        padding-top: 40px;
        padding-left: 30px;
        overflow: hidden;
}

    .team-detail .team-info h3 {
        margin-bottom: 20px;
        font-size: 30px;
}

    .team-detail .team-info h5 {
        margin-bottom: 20px;
        color: #4f5050;
}

    .team-detail .team-info .social-links {
        display: inline-block;
        width: 100%;
}

    .team-detail .team-info .social-links a {
        display: inline-block;
}

/* Contact Page */

    .contact-form {
        display: inline-block;
        width: 100%;
}

    .contact-form:first-child {
        margin-bottom: 50px;
}

    .contact-form .col-left {
        float: left;
        width: 50%;
        padding-right: 50px;
}

    .contact-form .border-box {
        margin-bottom: 20px;
        padding: 20px;
}

    .contact-form div[class*="block-"] {
        float: left;
        width: 100%;
        text-align: center;
}

    .contact-form .block-1 {
        height: 260px;
}

    .contact-form .block-2 {
        min-height: 192px;
        height: 195px;
        margin-bottom: 0;
}

    .contact-form .border-box .d-table {
        width: 100%;
        height: 100%;
}

    .contact-form .border-box .d-table-cell {
        width: 100%;
        vertical-align: middle;
}

    .contact-form p {
        margin-bottom: 15px;
        font-size: 18px;
        color: #4f5050;
}

    .contact-form p strong {
        display: inline-block;
        padding-top: 10px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-weight: normal;
}

    .contact-form h5 {
        margin-bottom: 15px;
        font-size: 20px;
        color: #4f5050;
        line-height: 24px;
}

    .contact-form p span,
    .contact-form h5 span {
        display: block;
        padding-top: 10px;
        text-align: center;
}

    .contact-form li {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
}

    .contact-form .float-left,
    .contact-form .float-right {
        width: 47%;
}

    .contact-form .col-right {
        float: right;
        width: 50%;
        padding-left: 50px;
}

    .contact-form .text-block {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
}

    .map-block {
        position: relative;
}

    .map-block iframe {
        height: 600px;
}

@media (max-width: 971px) {
    .map-block iframe {
        height: 300px;
    }
}

    strong {
        font-weight: bold;
}

    .laywer-blurb p {
        margin: 3px 0;
}

/* Blog Page */

    .blog_main {
        position: relative;
}

    .blog-single {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 60px;
        text-align: left;
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        padding-bottom: 30px;
}

    .blog-single.content-box {
        height: auto;
}

    .blog-single .inner-block {
        padding: 30px 50px 40px;
}

    .blog-single img + .inner-block {
        padding-top: 0;
}

    .container-inner .row:last-child [class^="col"] .blog-single {
        margin-bottom: 0;
}

    .blog-single .blog-single-img {
        height: 190px;
        position: relative;
        display: block;
        overflow: hidden;
}

    .blog-single .img-fluid {
        width: auto;
        height: 100%;
        margin-bottom: 25px;
        max-width: 10000px;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
}

    .blog-single h5 {
        font-size: 24px;
        color: #4f5050;
}

    .blog-single .video-box {
        position: relative;
        display: inline-block;
        width: 100%;
        border-bottom: none;
}

    .blog-single .video-box iframe {
        position: relative;
        width: 100%;
        border: none;
}

    .blog-summary {
        display: inline-block;
        width: 100%;
        overflow: hidden;
}

    .blog-single .blog-summary {
        margin-top: 10px;
        margin-bottom: 10px;
}

    .blog-summary p {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
}

    .blog-summary p a {
        display: inline-block;
        color: #46336a;
}

    .blog-summary .links {
        display: none;
        vertical-align: middle;
}

    .blog-summary .links a {
        display: inline-block;
        margin-left: 20px;
        font-size: 16px;
        color: #4f5050;
        vertical-align: middle;
}

    .blog-summary .links a .icon {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
}

    .blog-summary .links a:hover {
        color: #f48d38;
}

    .blog-single p {
        margin-bottom: 25px;
        font-size: 16px;
        color: #4f5050;
        line-height: 22px;
}

    .blog-single .blog-summary p,
    .blog-detail .blog-summary p {
        margin: 0;
}

    .blog-comments {
        display: inline-block;
        width: 100%;
        margin-top: 45px;
        text-align: left;
}

    .blog-comments h3 {
        margin-bottom: 25px;
        font-size: 24px;
        color: #4f5050;
}

    .blog-comments p {
        font-size: 16px;
}

    .blog-comments .block {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 35px;
        padding-bottom: 40px;
        border-bottom: solid 1px #f2f2f2;
}

    .blog-comments .img-box {
        float: left;
        width: 50px;
        border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
}

    .blog-comments .img-box img {
        width: 100%;
        border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
}

    .blog-comments .block-text-main {
        padding-left: 0px;
        overflow: hidden;
}

    .blog-comments .text-block {
        display: inline-block;
        width: 100%;
        padding: 8px 20px;
}

    .blog-comments h5 {
        margin-bottom: 6px;
        font-size: 18px;
        color: #4f5050;
}

    .blog-comments h6 {
        margin-bottom: 8px;
        font-size: 16px;
        color: #bdbdbd;
}

    .blog-comments h6 a {
        font-size: 16px;
        color: #f48d38;
}

    .blog-comments h6 a:hover {
        color: #46336a;
}

    .blog-comments .block-text-main .block {
        margin-top: 25px;
        margin-bottom: 0;
        padding-left: 23px;
}

    .blog-comments .block-text-main .block:last-child {
        padding-bottom: 0;
        border-bottom: none;
}

    .blog-comments .block-text-main .block .img-box {
        width: 50px;
}

    .blog-comments .block-text-main .block .text-block {
        display: block;
        width: auto;
        padding-left: 10px;
        border-left: none;
        overflow: hidden;
}

    .blog-post-comments {
        position: relative;
        display: none;
        width: 100%;
        text-align: left;
}

    .blog-post-comments h5 {
        margin-bottom: 15px;
        font-size: 24px;
        color: #4f5050;
}

    .blog-post-comments .row {
        margin-bottom: 30px;
}

    .blog-post-comments .row .btn {
        margin-top: 10px;
}

    .more-link {
        display: inline-block;
}

    .row.equal-collumn {
        transition: all ease-in-out 300ms;
        -ms-transition: all ease-in-out 300ms;
        -webkit-transition: all ease-in-out 300ms;
}

    .row.hide {
        display: none;
        height: 0;
        opacity: 0;
        visibility: hidden;
}

    .row.show {
        display: flex;
        height: auto;
        opacity: 1;
        visibility: visible;
}

    .sidebar {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: left;
}

    .sidebar .widget_block {
        display: inline-block;
        width: 100%;
        margin-bottom: 25px;
        padding: 30px;
        border: solid 1px rgba(31, 31, 31, 0.2);
}

    .widget_block h5 {
        margin-bottom: 15px;
        color: #4f5050;
}

    .widget_block ul {
        display: inline-block;
        width: 100%;
}

    .widget_block ul li {
        display: inline-block;
        width: 100%;
        background: url(../points-icon2.html) left 4px no-repeat;
        margin-bottom: 10px;
        padding-left: 30px;
}

    .widget_block ul li a {
        display: inline-block;
        color: #4f5050;
}

    .widget_block ul li a:hover {
        color: #f48d38;
}

    .widget_block .tags {
        display: inline-block;
        width: 100%;
}

    .widget_block .tags a {
        display: inline-block;
        margin-right: 4px;
        color: #4f5050;
        text-transform: capitalize;
}

    .widget_block .tags a:hover {
        color: #f48d38;
}

/* Filter Section */

    .filter-section {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 70px;
}

    .filter-section .filter-bar {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
}

    .filters-button-group {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        xborder-bottom: solid 1px #000;
}

    .filters-button-group li {
        position: relative;
        display: block;
        float: left;
        padding-right: 9px;
        padding-left: 9px;
}

    .filters-button-group li:first-child {
        padding-left: 0;
}

    .filters-button-group li a {
        position: relative;
        display: block;
        float: left;
        padding: 30px 5px;
        font-size: 14px;
        color: #4f5050;
}

    .filters-button-group li a:after {
        position: absolute;
        bottom: -1px;
        left: 0;
        display: none;
        width: 100%;
        height: 4px;
        background-color: #46336a;
        content: "";
}

    .filters-button-group li a:hover {
        color: #f48d38;
}

    .filters-button-group li.active a {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        color: #f48d38;
}

    .filters-button-group li.active a:after,
    .filters-button-group li a:hover:after {
        display: block;
}

    .filter-section .inner-box .content-box h5,
    .filter-section .inner-box .text-box h5 {
        min-height: 70px;
}

    h5.card-title {
        min-height: 55px;
}

    .news-event-blocks h5.card-title,
    .top-blocks h5.card-title,
    .products-blocks h5.card-title,
    .common-section h5.card-title,
    .four-blocks h5.card-title,
    .featured-blocks2 h5.card-title {
        min-height: inherit;
}

    .top-blocks solution-cards h5.card-title p {
        font-size: 20px;
        color: #2F2942;
        min-height: 20px;
}

    .filter-section .inner-box .content-box h5 span,
    .filter-section .inner-box .text-box h5 span,
    h5.card-title span {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        color: #4f5050;
}

    .filter-section .inner-box .content-box h5 a,
    .filter-section .inner-box .text-box h5 a {
        color: #4f5050;
}

    .equal-collumn .element-item {
        flex: 0 0 33% !important;
        -webkit-flex: 0 0 33% !important;
        -ms-flex: 0 0 33% !important;
        max-width: calc(33.33% - 35px) !important;
        margin-bottom: 30px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}

    .filter-section .card-deck .card {
        margin-right: 15px;
        margin-left: 15px;
        padding-right: 15px !important;
        padding-left: 15px !important;
}

    .filter-section .card-deck .card .card-body {
        padding: 0;
}

    @-moz-document url-prefix() {
        .filter-bar .select-dd .icon {
            top: 15px;
    }
}

    .filter-section .inner-box,
    .featured-blocks .inner-box,
    .featured-blocks .card-block,
    .filter-section .card-block {
        border: solid 1px #c5c5c5;
        text-align: center;
}

    .filter-section .inner-box {
        height: 100%;
}

    .filter-section .card-block {
        display: inline-block;
        width: 100%;
        height: 100%;
}

    .inner-box {
        position: relative;
        display: inline-block;
        width: 100%;
}

    .inner-box .content-box,
    .inner-box .text-box,
    .card-block .text-box {
        text-align: center;
}

    .filter-section .inner-box .content-box,
    .filter-section .inner-box .text-box,
    .filter-section .card-block .text-box {
        min-height: 350px;
}

    .top-blocks .card-block h5 span,
    .inner-box .content-box h5 span,
    .inner-box .text-box h5 span,
    .card-block .text-box h5 span {
        display: block;
        margin-bottom: 0 !important;
        padding-bottom: 10px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        color: #4f5050;
        text-transform: uppercase;
}

    .inner-box .img-box,
    .card-block .img-box {
        position: relative;
        float: left;
        width: 100%;
        border-bottom: solid 1px #c5c5c5;
}

    .img-box img {
        width: 100%;
        margin-bottom: 30px;
}

    .inner-box .video-thumb video,
    .card-block .video-thumb video,
    .inner-box .video-thumb iframe,
    .card-block .video-thumb iframe {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        margin: 0;
        padding: 0;
        border: none;
}

    .inner-box .video-thumb img,
    .card-block .video-thumb img {
        width: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
}

    .video-thumb {
        position: relative;
        float: left;
        width: 100%;
        border-bottom: solid 1px #000;
}

    .filter-section .video-thumb {
        border-bottom: solid 1px #c5c5c5;
}

    .video-section {
        position: relative;
        float: left;
        width: 100%;
}

    .video-section .video-thumb {
        border: none;
}

    .video-thumb .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: block;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        background: url(../play-icon.html) no-repeat center center;
        background-size: cover;
}

    .video-thumb.play .play-btn {
        opacity: 0;
        background: url(../pause-icon.html) no-repeat center center;
        background-size: cover;
}

    .video-thumb:hover .play-btn {
        opacity: 1;
}

    .inner-box .text-box,
    .card-block .text-box {
        position: relative;
        float: left;
        width: 100%;
}

    .video-inner {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 875px;
        margin-right: auto;
        margin-left: auto;
}

    .video-detail {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: left;
}

    .video-detail h3 {
        margin-bottom: 30px;
}

    .video-detail .video-thumb {
        max-height: 490px;
        margin-bottom: 25px;
}

    .footnotes {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        border-top: 1px solid #c0bec2;
}

    .footnotes ol {
        display: inline-block;
        width: 100%;
        max-width: 70%;
        margin-top: 20px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding: 0;
        text-align: left;
        counter-reset: number-counter;
}

    .footnotes ol li {
        position: relative;
        display: inline-block;
        width: 100%;
        padding-left: 25px;
        font-size: 11px;
        color: #777777;
}

    .notes {
        display: inline-block;
        width: 100%;
        max-width: 50%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
}

    .notes p {
        font-size: 12px;
        color: #ccc;
}

    .job-list {
        position: relative;
}

    .job-list [class^="col"] {
        margin-bottom: 50px;
}

    .job-list .text-block {
        position: relative;
        width: 100%;
        min-height: 100px;
        padding-bottom: 120px;
        border-bottom: solid 1px #c5c5c5;
}

    .job-list h4,
    .job-list h5 {
        margin-bottom: 15px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        color: #4f5050;
}

    .job-list h4 a,
    .job-list h5 a {
        color: #4f5050;
}

    .job-list .text-block p {
        font-size: 16px;
        color: #6e6e6e;
}

    .job-list .text-block p span {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
}

    .job-list .text-block .btn {
        position: absolute;
        bottom: 0;
        left: 0;
}

    .job-list .result-list {
        display: inline-block;
        width: 100%;
}

    .job-list .result-list li {
        position: relative;
        margin-bottom: 5px;
}

    .job-list .result-list li a {
        position: relative;
        padding-left: 15px;
        font-size: 20px;
        color: #f48d38;
}

    .job-list .result-list li a:before {
        position: absolute;
        top: 6px;
        left: 0;
        width: 7px;
        height: 7px;
        background-color: #f48d38;
        border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        content: "";
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .job-list .result-list li a:hover:before {
        background-color: #4f5050;
}

    .job-list .result-list li a:hover {
        color: #4f5050;
}

    .job-list #idBack {
        cursor: pointer;
}

@media (max-width: 760px) {
    .job-list #ghDepts > ul > li {
        text-align: center;
    }

    .job-list #ghDepts > ul > li a {
        position: relative;
    }

    .job-list #ghDepts > ul > li .text-block {
        padding-bottom: 0px;
    }
}

/*** Request Demo Modal ***/

    #requestdemo button.close {
        position: absolute;
        right: 15px;
        width: 30px;
        height: 30px;
        color: #fff;
        line-height: 30px;
        opacity: 1;
        -webkit-text-shadow: none;
        text-shadow: none;
}

    .modal-close-button {
        background-color: #f28c42 !important;
        color: white !important;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: inline-block;
        margin-right: -20px;
        margin-top: -20px;
        font-size: 40px;
        opacity: 1 !important;
}

    #requestdemo .modal-dialog, #supportModal .modal-dialog {
        padding: 0 10px;
}

    #requestdemo .modal-header {
        background: #46336a;
        color: #fff;
}

    #requestdemo .modal-lg, #supportModal .modal-lg {
        max-width: 900px;
}

    #requestdemo .modal-body, #supportModal .modal-body {
        padding: 40px;
}

    #requestdemo .form-control:focus, #supportModal .form-control:focus {
        border-color: #000;
}

    .required-fields-text {
        padding: 20px 0;
        font-size: 16px;
}

    .position-r {
        position: relative;
}

/*** Request Demo Modal ***/

/* Products Graph */

    .graph-container {
        float: left;
        width: 100%;
        height: 700px;
        position: relative;
}

    .solution-graph-container {
        height: 575px;
}

@media (min-width: 1200px) {
    .solution-graph-container {
        height: 500px;
    }
}

    .products-graph {
        width: 1000px;
        height: 700px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        border: 0px solid #000;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        margin: 30px 0 -30px 0;
        opacity: 0;
}

    .products-graph.start-animation {
        opacity: 1;
}

    .circular-arrow {
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 100%;
        background: url(../circular-arrow.html) center no-repeat;
        background-size: 100% auto;
        z-index: 0;

}

    .start-animation .circular-arrow {
        animation-name: circular-arrow-rotate;
        animation-duration: 20s;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-direction: normal;
        transform: rotate(0deg);
        transform-origin: center center;
}

    @keyframes circular-arrow-rotate {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
}

    .inner-cloud {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../inner-cloud.html) center no-repeat;
        background-size: 100% auto;
        z-index: 1;
}

    .customer-exp {
        position: absolute;
        left: calc(50% - 60px);
        top: 25px;
        width: 120px;
        height: 120px;
        background: #fff;
        border: 3px solid #f48d38;
        border-radius: 150px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        z-index: 3;
        cursor: pointer;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transform: scale(0);
}

    .customer-exp:after {
        content: "";
        position: absolute;
        left: calc(50% - 24px);
        bottom: 10px;
        background: url(../arrow.html) center no-repeat;
        width: 48px;
        height: 48px;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        z-index: -1;
}

    .customer-exp:hover,
    .customer-exp.active {
        left: calc(50% - 110px);
        top: -25px;
        width: 220px;
        height: 220px;
        border-radius: 220px;
        -webkit-border-radius: 220px;
        -moz-border-radius: 220px;
}

    .customer-exp:hover:after,
    .customer-exp.active:after {
        bottom: -38px;
}

    .start-animation .customer-exp {
        animation-name: customer-exp-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: .5s;
}

    @keyframes customer-exp-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .customer-exp-block {
        position: absolute;
        left: calc(50% - 50px);
        top: calc(50% - 50px);
        width: 100px;
        height: 100px;
        background: #46336a;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        color: #fff;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        overflow: hidden;
}

    .customer-exp-block span {
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .customer-exp-block .customer-exp-block-hover {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        padding: 0 20px;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translate(0, -50%);
        opacity: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .customer-exp-block .customer-exp-block-hover p:first-child {
        font-size: 14px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
}

    .customer-exp-block .customer-exp-block-hover p {
        margin: 0 0 10px 0;
}

    .customer-exp-block .customer-exp-block-hover a {
        display: inline-block;
        padding: 5px 20px;
        margin: 0 0 -10px 0;
        border: 1px solid #f48d38;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
}

    .customer-exp-block .customer-exp-block-hover a:hover {
        background: #f48d38;
        color: #fff;
}

    .customer-exp:hover .customer-exp-block,
    .customer-exp.active .customer-exp-block {
        left: calc(50% - 110px);
        top: calc(50% - 110px);
        width: 220px;
        height: 220px;
        border-radius: 220px;
        -webkit-border-radius: 220px;
        -moz-border-radius: 220px;
        background: #fff;
        border: 2px solid #46336a;
        color: #2f2934;
}

    .customer-exp:hover .customer-exp-block span,
    .customer-exp.active .customer-exp-block span {
        opacity: 0;
}

    .customer-exp:hover .customer-exp-block .customer-exp-block-hover,
    .customer-exp.active .customer-exp-block .customer-exp-block-hover {
        opacity: 1;
        transition: all .5s ease .5s;
        -webkit-transition: all .5s ease .5s;
        -moz-transition: all .5s ease .5s;
}

    .service {
        position: absolute;
        left: 200px;
        bottom: 175px;
        width: 120px;
        height: 120px;
        border: 3px solid #f48d38;
        border-radius: 150px;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        z-index: 3;
        cursor: pointer;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transform: scale(0);
}

    .service:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 24px;
        background: url(../arrow.html) center no-repeat;
        width: 48px;
        height: 48px;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        z-index: -1;
        transform: rotate(-136deg)
}

    .service:hover,
    .service.active {
        left: 175px;
        bottom: 80px;
        width: 220px;
        height: 220px;
        border-radius: 220px;
        -webkit-border-radius: 220px;
        -moz-border-radius: 220px;
        background: #fff;
        border: 1px solid #46336a;
        color: #2f2934;
}

    .service:hover:after,
    .service.active:after {
        left: calc(50% + 60px);
        top: 0;
}

    .start-animation .service {
        animation-name: service-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: .7s;
}

    @keyframes service-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .service-block {
        position: absolute;
        left: calc(50% - 50px);
        top: calc(50% - 50px);
        width: 100px;
        height: 100px;
        background: #46336a;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        color: #fff;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        overflow: hidden;
}

    .service-block span {
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .service-block .service-block-hover {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        padding: 0 20px;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translate(0, -50%);
        opacity: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .service-block .service-block-hover p:first-child {
        font-size: 14px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
}

    .service-block .service-block-hover p {
        margin: 0 0 10px 0;
}

    .service-block .service-block-hover a {
        display: inline-block;
        padding: 5px 20px;
        margin: 0 0 -10px 0;
        border: 1px solid #f48d38;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
}

    .service-block .service-block-hover a:hover {
        background: #f48d38;
        color: #fff;
}

    .service:hover .service-block,
    .service.active .service-block {
        left: calc(50% - 110px);
        top: calc(50% - 110px);
        width: 220px;
        height: 220px;
        border-radius: 220px;
        -webkit-border-radius: 220px;
        -moz-border-radius: 220px;
        background: #fff;
        border: 2px solid #46336a;
        color: #2f2934;
}

    .service:hover .service-block span,
    .service.active .service-block span {
        opacity: 0;
}

    .service:hover .service-block .service-block-hover,
    .service.active .service-block .service-block-hover {
        opacity: 1;
        transition: all .5s ease .5s;
        -webkit-transition: all .5s ease .5s;
        -moz-transition: all .5s ease .5s;
}

    .marketing {
        position: absolute;
        right: 200px;
        bottom: 175px;
        width: 120px;
        height: 120px;
        border: 3px solid #f48d38;
        border-radius: 120px;
        -webkit-border-radius: 120px;
        -moz-border-radius: 120px;
        z-index: 3;
        cursor: pointer;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transform: scale(0);
}

    .marketing:after {
        content: "";
        position: absolute;
        left: 23px;
        top: 24px;
        background: url(../arrow.html) center no-repeat;
        width: 48px;
        height: 48px;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        z-index: -1;
        transform: rotate(136deg)
}

    .marketing:hover,
    .marketing.active {
        right: 170px;
        bottom: 80px;
        width: 220px;
        height: 220px;
        border-radius: 220px;
        -webkit-border-radius: 220px;
        -moz-border-radius: 220px;
}

    .marketing:hover:after,
    .marketing.active:after {
        left: -3px;
        top: 0;
}

    .start-animation .marketing {
        animation-name: marketing-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: .9s;
}

    @keyframes marketing-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .marketing-block {
        position: absolute;
        left: calc(50% - 50px);
        top: calc(50% - 50px);
        width: 100px;
        height: 100px;
        background: #46336a;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        color: #fff;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        overflow: hidden;
}

    .marketing-block span {
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .marketing-block .marketing-block-hover {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        padding: 0 20px;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translate(0, -50%);
        opacity: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .marketing-block .marketing-block-hover p:first-child {
        font-size: 14px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
}

    .marketing-block .marketing-block-hover p {
        margin: 0 0 10px 0;
}

    .marketing-block .marketing-block-hover a {
        display: inline-block;
        padding: 5px 20px;
        margin: 0 0 -10px 0;
        border: 1px solid #f48d38;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
}

    .marketing-block .marketing-block-hover a:hover {
        background: #f48d38;
        color: #fff;
}

    .marketing:hover .marketing-block,
    .marketing.active .marketing-block {
        left: calc(50% - 110px);
        top: calc(50% - 110px);
        width: 220px;
        height: 220px;
        border-radius: 220px;
        -webkit-border-radius: 220px;
        -moz-border-radius: 220px;
        background: #fff;
        border: 2px solid #46336a;
        color: #2f2934;
}

    .marketing:hover .marketing-block span,
    .marketing.active .marketing-block span {
    opacity: 0;
}

    .marketing:hover .marketing-block .marketing-block-hover,
    .marketing.active .marketing-block .marketing-block-hover {
        opacity: 1;
        transition: all .5s ease .5s;
        -webkit-transition: all .5s ease .5s;
        -moz-transition: all .5s ease .5s;
}

    .inner-cloud-data {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
}

    .credit-data {
        position: absolute;
        left: calc(50% - 200px);
        top: 210px;
        width: 140px;
        height: 65px;
        background: url(../cloud.html) center no-repeat;
        background-size: 100% auto;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: #46336a;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: scale(0);
}

    .start-animation .credit-data {
        animation-name: credit-data-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 1.1s;
}

    @keyframes credit-data-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .dealer-data {
        position: absolute;
        right: calc(50% - 200px);
        top: 210px;
        width: 140px;
        height: 65px;
        background: url(../cloud.html) center no-repeat;
        background-size: 100% auto;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: #46336a;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: scale(0);
}

    .start-animation .dealer-data {
        animation-name: dealer-data-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 1.3s;
}

    @keyframes dealer-data-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .social-data {
        position: absolute;
        left: calc(50% - 250px);
        top: calc(50% - 10px);
        width: 140px;
        height: 65px;
        background: url(../cloud.html) center no-repeat;
        background-size: 100% auto;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: #46336a;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: scale(0);
}

    .start-animation .social-data {
        animation-name: social-data-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 1.5s;
}

    @keyframes social-data-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .behavioral-data {
        position: absolute;
        right: calc(50% - 240px);
        top: calc(50% - 10px);
        width: 140px;
        height: 65px;
        background: url(../cloud.html) center no-repeat;
        background-size: 100% auto;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: #46336a;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: scale(0);
}

    .start-animation .behavioral-data {
        animation-name: behavioral-data-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 1.7s;
}

    @keyframes behavioral-data-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .thirdparty-data {
        position: absolute;
        left: calc(50% - 70px);
        bottom: calc(50% - 165px);
        width: 140px;
        height: 65px;
        background: url(../cloud.html) center no-repeat;
        background-size: 100% auto;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: #46336a;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: scale(0);
}

    .start-animation .thirdparty-data {
        animation-name: thirdparty-data-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 1.9s;
}

    @keyframes thirdparty-data-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
}

    .inner-circle-data {
        position: absolute;
        left: calc(50% - 75px);
        top: calc(50% - 89px);
        width: 150px;
        height: 150px;
        background: #fff;
        border: 3px solid #34bc26;
        z-index: 3;
        border-radius: 200px;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        transform: scale(0);
}

    .start-animation .inner-circle-data {
        animation-name: inner-circle-data-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 2.1s;
}

    @keyframes inner-circle-data-visible {
        0% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
    }
}

    .sales-drivers {
        position: absolute;
        width: 60px;
        height: 60px;
        top: -35px;
        left: calc(50% - 30px);
        background: #ffffff;
        border-radius: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: rgba(70, 51, 106, .7);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
}

    .predictive-ranking {
        position: absolute;
        width: 60px;
        height: 60px;
        left: -35px;
        top: calc(50% - 60px);
        background: #ffffff;
        border-radius: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: rgba(70, 51, 106, .7);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
}

    .data-capture {
        position: absolute;
        width: 60px;
        height: 60px;
        right: -35px;
        top: calc(50% - 60px);
        background: #ffffff;
        border-radius: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: rgba(70, 51, 106, .7);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
}

.behavioral-analysis {
        position: absolute;
        width: 60px;
        height: 60px;
        left: -10px;
        bottom: -5px;
        background: #ffffff;
        border-radius: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: rgba(70, 51, 106, .7);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
}

    .targeted-communications {
        position: absolute;
        width: 60px;
        height: 60px;
        right: -10px;
        bottom: -5px;
        background: #ffffff;
        border-radius: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        color: rgba(70, 51, 106, .7);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
}

    .people-icon {
        position: absolute;
        width: 70px;
        height: 70px;
        left: calc(50% - 35px);
        top: calc(50% - 50px);
        background: url(../people.html) center no-repeat;
        background-size: 80% auto;
        z-index: 4;
        border: 2px solid #34bc26;
        border-radius: 60px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
}

    .left-popup-circle {
        position: absolute;
        width: 220px;
        height: 220px;
        left: calc(50% - 110px);
        top: calc(50% - 110px);
        background: rgba(0, 0, 0, 0);
        z-index: 5;
        border-radius: 260px;
        -webkit-border-radius: 260px;
        -moz-border-radius: 260px;
        cursor: pointer;
}

    .left-popup-circle .left-popup-circle-wrapper {
        position: absolute;
        left: -210%;
        top: -80%;
        width: 300px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #46336a;
        background: transparent;
        padding: 20px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        opacity: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        cursor: pointer;
}

    .left-popup-circle:hover .left-popup-circle-wrapper {
        left: -200%;
        opacity: 1;
}

    .left-popup-circle .left-popup-circle-wrapper p {
        margin: 0;
}

    .right-popup-circle {
        position: absolute;
        width: 460px;
        height: 460px;
        left: calc(50% - 230px);
        top: calc(50% - 230px);
        background: rgba(0, 0, 0, 0);
        z-index: 2;
        border-radius: 460px;
        -webkit-border-radius: 460px;
        -moz-border-radius: 460px;
        cursor: pointer;
}

    .right-popup-circle .right-popup-circle-wrapper {
        position: absolute;
        left: 110%;
        top: -23%;
        width: 300px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #46336a;
        background: transparent;
        padding: 20px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        opacity: 0;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        cursor: pointer;
}

    .right-popup-circle.active .right-popup-circle-wrapper {
        left: 100%;
        opacity: 1;
}

    .right-popup-circle .right-popup-circle-wrapper p {
        margin: 0;
}

/* Solution Drive Graph */

    .solution-drive-graph {
        max-width: 1000px;
        width: 100%;
        height: 700px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        border: 0px solid #000;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
}

    .solution-drive-graph:after {
        content: "";
        position: absolute;
        left: 0;
        top: 165px;
        width: 100%;
        height: 10px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        background: #DCDCDC;
        z-index: -1;
}

    .solutions-drive {
        position: absolute;
        left: 0;
        top: 100px;
        width: 140px;
        height: 140px;
        border: 3px solid #f48d38;
        background: #fff;
        border-radius: 140px;
        -webkit-border-radius: 140px;
        -moz-border-radius: 140px;
        z-index: 3;
        cursor: pointer;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
}

    .solutions-drive1 {
        left: 50px;
}

    .solutions-drive2 {
        left: calc(50% - 70px);
}

    .solutions-drive3 {
        left: calc(100% - 180px);
}

    .solutions-drive1:hover,
    .solutions-drive1.active {
        width: 160px;
        height: 160px;
        left: 40px;
        top: 90px;
}

    .solutions-drive2:hover,
    .solutions-drive2.active {
        width: 160px;
        height: 160px;
        left: calc(50% - 80px);
        top: 90px;
}

    .solutions-drive3:hover,
    .solutions-drive3.active {
        width: 160px;
        height: 160px;
        left: calc(100% - 190px);
        top: 90px;
}

    .solutions-drive1:hover:after,
    .solutions-drive1.active:after,
    .solutions-drive2:hover:after,
    .solutions-drive2.active:after,
    .solutions-drive3:hover:after,
    .solutions-drive3.active:after {
        content: "HOW DO I...";
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 100%;
        text-align: center;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
}

    .solutions-drive-block {
        position: absolute;
        left: calc(50% - 60px);
        top: calc(50% - 60px);
        width: 120px;
        height: 120px;
        background: #46336a;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        color: #fff;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        overflow: hidden;
}

    .solutions-drive:hover .solutions-drive-block,
    .solutions-drive.active .solutions-drive-block {
        background: #f48d38;
        width: 160px;
        height: 160px;
        left: calc(50% - 80px);
        top: calc(50% - 80px);
}

    .solutions-drive-options {
        position: absolute;
        top: 260px;
        left: 0;
        width: 100%;
        padding: 0;
        display: inline-block;
        text-align: center;
}

    .solutions-drive-option {
        display: inline-block;
        width: 19.67%;
        box-sizing: border-box;
        font-size: 14px;
        vertical-align: top;
        text-align: center;
        opacity: 0;
        position: relative;
        top: 50px;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        margin: 50px 0px;
}

    .solutions-drive-options.options-visible .solutions-drive-option:nth-child(1) {
        animation-name: option1-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 0s;
}

    @keyframes option1-visible {
        0% {
            opacity: 0;
            top: 50px;
        }
        100% {
            opacity: 1;
            top: 0px;
        }
}

    .solutions-drive-options.options-visible .solutions-drive-option:nth-child(2) {
        animation-name: option2-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: .2s;
}

    @keyframes option2-visible {
        0% {
            opacity: 0;
            top: 50px;
        }
        100% {
            opacity: 1;
            top: 0px;
        }
}

    .solutions-drive-options.options-visible .solutions-drive-option:nth-child(3) {
        animation-name: option3-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: .4s;
}

    @keyframes option3-visible {
        0% {
            opacity: 0;
            top: 50px;
        }
        100% {
            opacity: 1;
            top: 0px;
        }
}

    .solutions-drive-options.options-visible .solutions-drive-option:nth-child(4) {
        animation-name: option4-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: .6s;
}

    @keyframes option4-visible {
        0% {
            opacity: 0;
            top: 50px;
    }

        100% {
            opacity: 1;
            top: 0px;
        }
}

    .solutions-drive-options.options-visible .solutions-drive-option:nth-child(5) {
        animation-name: option5-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: .8s;
}

    @keyframes option5-visible {
        0% {
            opacity: 0;
            top: 50px;
        }
        100% {
            opacity: 1;
            top: 0px;
        }
}

    .solutions-drive-option img {
        margin: 0 auto 10px auto;
        width: 52px;
}

    .solutions-drive-option p {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;
}

    .solutions-drive-options a {
        display: inline-block;
        padding: 12px 30px;
        margin: 0 auto;
        background: #f48d38;
        color: #fff;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        opacity: 0;
        top: 50px;
        position: relative;
        z-index: 1;
}

    .solutions-drive-options.options-visible a {
        animation-name: button-visible;
        animation-duration: .2s;
        animation-fill-mode: forwards;
        animation-delay: 1s;
}

    @keyframes button-visible {
        0% {
            opacity: 0;
            top: 50px;
        }
        100% {
            opacity: 1;
            top: 0px;
        }
}

    .solutions-drive-options a:hover {
        background: #46336a;
}


/*** Custom Media Queries ***/

@media (min-width: 1199px) and (max-width: 1599px) {
    body {
        font-size: 16px;
    }

    header .my-2, header .my-2 #header-image {
        max-width: 345px;
    }

    .spacer {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .spacer-small {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .spacer-tiny {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .spacer-small-top {
        padding-top: 50px;
    }

    .spacer-small-bottom {
        padding-bottom: 50px;
    }

    h2 {
        font-size: 50px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 25px;
    }

    .mb-4 {
        margin-bottom: 1rem !important;
    }

    .mb-3 {
        margin-bottom: 0.5rem !important;
    }

    .p-5 {
        padding: 2em !important;
    }

    .p-30 {
        padding: 25px;
    }

    .pt-5 {
        padding-top: 2em !important;
    }

    .pb-5 {
        padding-bottom: 2em !important;
    }

    .btn {
        padding: 10px 40px 8px 40px;
        font-size: 14px;
    }

    .statistics-blocks [class^="col"] h3 {
        font-size: 110px;
    }

    .point-listing-block h5,
    .img-block h5,
    .blog-single h5 {
        font-size: 20px;
    }

    .img-block-wrapper,
    .point-listing-view {
        padding: 50px;
    }

    .point-listing-view ul li {
        font-size: 15px;
    }

    .top-blocks [class^="card"] h5,
    .products-blocks [class^="card"] h5,
    .featured-blocks [class^="card"] h5,
    .news-event-blocks [class^="card"] h5,
    .services-blocks [class^="card"] h5,
    .common-section [class^="card"] h5,
    .filter-section .inner-box h5,
    .four-blocks [class^="card"] h5,
    .team-blocks [class^="col"] h5,
    .featured-blocks2 [class^="col"] h5 {
        font-size: 18px;
    }

    .top-blocks [class^="card"] p,
    .products-blocks [class^="card"] p,
    .statistics-blocks [class^="col"] p,
    .featured-blocks [class^="card"] p,
    .news-event-blocks [class^="card"] p,
    .services-blocks [class^="card"] p,
    .common-section [class^="card"] p,
    .filter-section .inner-box p,
    .team-blocks [class^="col"] p,
    .featured-blocks2 [class^="col"] p {
        min-height: 100px;
        font-size: 18px;
    }

    .case-studies .page-header .text-block {
        max-width: 60%;
    }

    .home-section.top-blocks [class^="card"] h5,
    .featured-section2 h5 {
        font-size: 20px;
    }

    .video h4,
    .featured-blocks h4,
    .customer h4,
    .page-header h4 {
        font-size: 22px;
    }

    .testimonials-blocks .client-says[class^="col"] p {
        font-size: 26px;
    }

    .statistics-blocks [class^="col"] h3 {
        font-size: 90px;
    }

    .featured-blocks .card-deck {
        margin-top: 60px;
    }

    .bottom-banner {
        height: 400px;
    }

    .carousel.carousel-medium {
        height: 410px;
    }

    .news-event-blocks [class^="card"] span,
    .team-blocks [class^="col"] span {
        font-size: 14px;
    }

    .news-event-blocks [class^="col"] img,
    .products-blocks-news-style [class^="col"] img {
        margin-top: -32px;
    }

    .featured-section .img-box .img-fluid {
        max-width: 650px;
    }

    .common-section.news-section .inline-block .btn {
        display: block;
        max-width: 200px;
        margin-right: auto;
        margin-left: auto;
    }

    .inline-block .btn:first-child,
    .inline-block .btn:last-child {
        float: none;
    }

    .inline-block .btn:first-child {
        margin-bottom: 10px;
    }

    .blog-single img + .inner-block {
        padding-right: 40px;
        padding-left: 40px;
    }

    .blog-detail h3 {
        font-size: 40px;
    }

    .blockquote p {
        font-size: 22px;
        line-height: 28px;
    }

    .contact-form p {
        font-size: 18px;
    }

    .contact-form .block-1 {
        height: 258px;
    }

    .contact-form .block-2 {
        height: 180px;
    }

    .filter-section .inner-box .content-box h5,
    .filter-section .inner-box .text-box h5 {
        min-height: 85px;
    }

    .card .card-text {
        min-height: 160px;
    }
}

@media (min-width: 1199px) and (max-width: 1299px) {

    h2 {
        font-size: 46px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 25px;
    }

    .statistics-blocks [class^="col"] h3 {
        font-size: 90px;
    }

    .top-blocks .card-deck {
        margin-top: 50px;
    }

    .case-studies .page-header .text-block {
        max-width: 60%;
    }

    .bottom-banner {
        height: 400px;
    }

    .four-blocks .card-deck {
        display: block;
        margin-right: -15px;
        margin-left: -15px;
        overflow: hidden;
    }

    .four-blocks .card {
        display: block;
        float: left;
        flex: none;
        -webkit-flex: none;
        max-width: calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 0 15px !important;
        margin-bottom: 30px !important;
        padding-right: 15px;
        padding-left: 15px;
    }

    .four-blocks .card-deck .card:nth-child(2) {
        margin-right: 0;
    }

    .four-blocks .card-deck .card:nth-child(3) {
        margin-left: 0;
    }

    .four-blocks .card-deck .card:last-child {
        margin-left: 0;
    }

}

@media (max-width: 1199px) {

    .xxmb-4 {
        margin-bottom: 1rem !important;
    }

    .mb-3 {
        margin-bottom: 0.5rem !important;
    }

    .p-5 {
        padding: 2em !important;
    }

    .p-30 {
        padding: 25px;
    }

    .pt-5 {
        padding-top: 2em !important;
    }

    .pb-5 {
        padding-bottom: 2em !important;
    }

    .btn {
        padding: 10px 40px 8px 40px;
        font-size: 14px;
    }

    nav {
        left: -100%;
    }

    header,
    .carousel,
    .nav-wrapper {
        margin-left: 0;
        width: 100%;
    }

    .nav-open nav {
        left: 0;
    }

    .case-studies .page-header .text-block {
        max-width: 60%;
    }

    .img-block-wrapper,
    .point-listing-view {
        padding: 50px;
    }

    .point-listing-view ul li {
        font-size: 15px;
    }

    .bottom-banner {
        height: 400px;
    }

    .four-blocks .card-deck {
        display: block;
        margin-right: -15px;
        margin-left: -15px;
        overflow: hidden;
    }

    .four-blocks .card {
        display: block;
        float: left;
        flex: none;
        -webkit-flex: none;
        max-width: calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 0 15px !important;
        margin-bottom: 30px !important;
        padding-right: 15px;
        padding-left: 15px;
    }

    .four-blocks .card-deck .card:nth-child(2) {
        margin-right: 0;
    }

    .four-blocks .card-deck .card:nth-child(3) {
        margin-left: 0;
    }

    .four-blocks .card-deck .card:last-child {
        margin-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .spacer {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .spacer-top {
        padding-top: 100px;
    }

    .spacer-bottom {
        padding-bottom: 100px;
    }

    .spacer-small {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    h2 {
        font-size: 46px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 27px;
    }

    .page-header h2 {
        font-size: 46px;
    }

    h5.px-5,
    p.px-5 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    [class^="col"] > div.p-5 {
        padding: 2rem !important;
    }

    .home-section.top-blocks [class^="card"] h5,
    .point-listing-block h5,
    .img-block h5 {
        font-size: 20px;
    }

    .testimonials-blocks .client-says[class^="col"] h5 {
        font-size: 22px;
    }

    .testimonials-blocks .client-says[class^="col"] p {
        font-size: 20px;
    }

    .top-blocks [class^="col"],
    .products-blocks [class^="col"],
    .statistics-blocks [class^="col"],
    .news-event-blocks [class^="col"],
    .services-blocks [class^="col"],
    .common-section [class^="col"],
    .featured-blocks [class^="col"] {
        -webkit-flex: 0 0 33.3333%;
    }

    .featured-blocks [class^="col"].col-lg-6,
    .common-section .img-block [class^="col"].col-lg-6,
    .featured-blocks2 [class^="col"].col-lg-6 {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .testimonials-blocks .container.spacer,
    .featured-blocks .container.spacer {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .testimonials-blocks .client-says[class^="col"] {
        padding: 40px;
    }

    .statistics-blocks [class^="col"] h3 {
        font-size: 80px;
    }

    .products-blocks .container.spacer {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .four-blocks [class^="col"].col-lg-6 {
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .four-blocks [class^="card"].card {
        margin-bottom: 15px;
    }

    .filter-section .inner-box .content-box,
    .filter-section .inner-box .text-box {
        min-height: 370px;
    }

    .bottom-banner h3 {
        font-size: 46px;
    }

    .inline-block .btn:first-child,
    .inline-block .btn:last-child {
        float: none;
    }

    .inline-block .btn + .btn {
        margin-top: 10px;
    }

    .blog-single .inner-block,
    .blog-single img + .inner-block {
        padding-right: 40px;
        padding-left: 40px;
    }

    .blog-detail h3 {
        font-size: 40px;
    }

    .featured-section2 p {
        font-size: 18px;
        line-height: 24px;
    }

    .contact-form .block-2 {
        height: 210px;
    }

    .filter-section .inner-box {
        min-height: 510px;
    }

    .filter-section .inner-box .content-box p,
    .filter-section .inner-box .text-box p {
        min-height: 170px;
    }

    .filter-section .inner-box .content-box h5,
    .filter-section .inner-box .text-box h5 {
        min-height: 85px;
    }

    .equal-collumn .element-item {
        flex: 0 0 calc(33.33% - 30px) !important;
        -webkit-flex: 0 0 calc(33.33% - 30px) !important;
        -ms-flex: 0 0 calc(33.33% - 30px) !important;
        max-width: calc(33.33% - 30px) !important;
    }

    .footer-bottom {
        margin-top: 15px;
    }

    .card .card-text {
        min-height: 180px;
    }
}

@media (max-width: 1199px) {
    .top-blocks .card,
    .products-blocks .card,
    .statistics-blocks [class^="col"],
    .news-event-blocks .card,
    .services-blocks .card,
    .common-section .card,
    .featured-blocks .card {
        margin-bottom: 30px;
    }

    .top-blocks [class^="card"] h5,
    .products-blocks [class^="card"] h5,
    .featured-blocks [class^="card"] h5,
    .news-event-blocks [class^="card"] h5,
    .services-blocks [class^="card"] h5,
    .common-section [class^="card"] h5,
    .filter-section .inner-box h5,
    .team-blocks [class^="col"] h5,
    .featured-blocks2 [class^="col"] h5 {
        font-size: 18px;
    }

    .news-event-blocks [class^="col"] img,
    .products-blocks-news-style [class^="col"] img {
        margin-top: -36px;
    }

    .page-header {
        padding-right: 50px;
    }

    .bottom-banner p span {
        display: inline-block;
    }

    .products-blocks .container.spacer {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .video,
    .video-bg-wrapper {
        background-size: 250px 642px;
    }

    .video {
        background-position: right 110px !important;
    }

    .video-bg-wrapper {
        background-position: left 80px !important;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .news-event-blocks [class^="card"] span,
    .team-blocks [class^="col"] span {
        font-size: 12px;
    }

    .bottom-banner {
        height: 500px;
        background-position: center top !important;
    }

    .products-blocks,
    .statistics-blocks,
    .products-blocks-news-style {
        background-attachment: inherit;
        background-position: left top !important;
    }

    .footer-bottom p.small-text br {
        display: none;
    }
}

@media (max-width: 991px) {
    #home-banner {
        height: 85vh;
    }

    .sub-nav {
        border-bottom: none;
    }

    .sub-nav ul li {
        position: relative;
        width: 100%;
        margin-right: 0;
    }

    .sub-nav ul li a {
        display: block;
    }

    .sub-nav ul li:after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
        content: "";
    }

    .top-blocks .card,
    .products-blocks .card,
    .featured-blocks .card,
    .services-blocks .card,
    .common-section .card,
    .news-event-blocks .card {
        float: left;
        flex: none;
        -webkit-flex: none;
        max-width: 100%;
        width: 100%;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .common-section .card {
        margin: 10px 0 !important;
    }

    .point-listing-block-wrapper {
        padding-right: 15px;
    }

    .products-blocks-news-style {
        background-attachment: inherit;
        background-position: left top !important;
    }

    .page-header {
        padding-right: 0;
    }

    .iconic-blocks [class^="col"] {
        margin-bottom: 15px;
    }

    .img-block.d-table {
        display: inline-block !important;
        width: 100%;
    }

    .img-block.d-table .d-table-cell {
        display: inline-block !important;
        width: 100%;
    }

    .img-block-thumb img {
        position: relative;
        width: 100%;
        min-height: inherit;
        top: 50%;
        transform: translateY(-50%);
    }

    .inline-block .btn:first-child,
    .inline-block .btn:last-child {
        display: inline-block;
        float: none;
    }

    .inline-block .btn {
        margin-right: 5px;
    }

    .contact-form .col-left .float-left,
    .contact-form .col-left .float-right {
        width: 100%;
    }

    .contact-form .col-left .float-left {
        margin-bottom: 20px;
    }

    .case-studies .page-header .text-block {
        max-width: 100%;
    }

    .page-header .text-block {
        max-width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .page-header .img-box {
        float: left;
        width: 100%;
        max-width: 100%;
    }

    .page-header .img-box img {
        width: 100%;
    }

    .featured-section2 .col-left {
        position: relative;
        margin-bottom: 20px;
    }

    .featured-section2 .blank-box {
        display: none;
    }

    .top-blocks [class^="card"] p,
    .products-blocks [class^="card"] p,
    .statistics-blocks [class^="col"] p,
    .featured-blocks [class^="card"] p,
    .news-event-blocks [class^="card"] p,
    .services-blocks [class^="card"] p,
    .common-section [class^="card"] p,
    .team-blocks [class^="col"] p,
    .featured-blocks2 [class^="col"] p {
        min-height: inherit;
    }

    .featured-section2 [class^="col"],
    .featured-blocks2 [class^="col"] {
        margin-bottom: 20px;
    }

    .filter-section .inner-box .content-box,
    .filter-section .inner-box .text-box {
        min-height: 330px;
    }

    .footer-bottom {
        padding: 0 20%;
    }

    .footer-bottom p {
        width: 100%;
    }

    .footer-bottom ul {
        float: left;
        width: 100%;
    }

    .point-listing-block .right-content {
        max-width: 100%;
        padding-bottom: 30px;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .common-section .card {
        margin: 10px 0px !important;
    }

    #header .my-2 #header-image {
        margin-left: 10px;
        max-width: 350px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .spacer {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .spacer-top {
        padding-top: 90px;
    }

    .spacer-bottom {
        padding-bottom: 90px;
    }

    .spacer-small {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    #header .my-2 a, #header .my-2 #header-image {
        max-width: 350px;
    }

    h2 {
        font-size: 46px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 36px;
    }

    .page-header h2 {
        font-size: 46px;
    }

    h5.px-5,
    p.px-5 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .home-section.top-blocks [class^="card"] h5,
    .point-listing-block h5,
    .img-block h5 {
        font-size: 20px;
    }

    .testimonials-blocks p,
    .testimonials-blocks-bg p {
        font-size: 20px;
    }

    .carousel h4 {
        font-size: 18px;
    }

    [class^="col"] > div.p-5 {
        padding: 20px !important;
    }

    .testimonials-blocks .container.spacer,
    .featured-blocks .container.spacer {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .testimonials-blocks .client-says[class^="col"],
    .testimonials-blocks-bg .client-says[class^="col"] {
        padding: 30px;
    }

    .testimonials-blocks .carousel-inner p,
    .testimonials-blocks-bg .carousel-inner p {
        max-width: 90%;
    }

    .statistics-blocks .container.spacer {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .statistics-blocks [class^="col"] h3 {
        font-size: 60px;
    }

    .point-listing-block-wrapper {
        padding-bottom: 50px;
    }

    .four-blocks .card-deck .card {
        margin-bottom: 15px;
    }

    .bottom-banner h3 {
        font-size: 40px;
    }

    .page-header h2 {
        font-size: 45px;
    }

    .bottom-banner {
        height: 380px;
    }

    .blog-single {
        margin-bottom: 70px;
        padding-bottom: 60px;
    }

    .contact-form .col-left {
        padding-right: 30px;
    }

    .contact-form .col-right {
        padding-left: 30px;
    }

    .blog-detail h3 {
        font-size: 40px;
    }

    .blog-single .inner-block,
    .blog-single img + .inner-block {
        padding-right: 20px;
        padding-left: 20px;
    }

    .equal-collumn .element-item {
        flex: 0 0 calc(50% - 30px) !important;
        -webkit-flex: 0 0 calc(50% - 30px) !important;
        -ms-flex: 0 0 calc(50% - 30px) !important;
        max-width: calc(50% - 30px) !important;
    }

    .customer [class^="col"] {
        width: 50%;
        max-width: 50%;
    }

    .footnotes ol {
        max-width: 90%;
    }
}

@media (max-width: 767px ) {
    h1.mb-2 {
        font-size: 30px;
    }
    .spacer,
    .spacer-small {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .spacer-top {
        padding-top: 70px;
    }

    .spacer-bottom {
        padding-bottom: 70px;
    }

    #header {
        background: rgba(70, 51, 106, 0.9);
    }

    header .container .btn {
        position: absolute;
        right: 15px;
        width: 80px;
        height: 35px;
        margin-top: 5px;
        padding: 10px;
        font-size: 0;
        text-indent: -9999px;
        background: url(../login-icon.html) no-repeat center center #f48d38;
        background-size: 21px 24px;
    }

    header .container .btn:hover {
        background-color: #46336a;
    }

    header h1 a img {
        max-width: 270px;
    }

    header h1.float-left {
        width: 84%;
        text-align: center;
    }

    header h1.float-left a {
        display: block;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        white-space: normal;
        word-wrap: break-word;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 36px;
    }

    h4 {
        font-size: 28px;
    }

    .px-5 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    h5.px-5,
    p.px-5 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    nav ul li a {
        width: 100px;
        padding: 15px 0;
    }

    nav ul li.home a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .carousel.slide {
        min-height: 600px;
    }

    .carousel-item img {
        width: auto;
        height: calc(100% + 70px);
    }

    .carousel.carousel-small,
    .carousel.carousel-medium {
        height: auto;
        min-height: inherit;
    }

    .carousel h4, .carousel h4 p{
        font-size: 18px;
    }

    .carousel h4{
        line-height: 1.4;
    }

    .carousel .container {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .carousel.carousel-small .carousel-caption h2 {
        margin-top: 60px;
        font-size: 30px;
    }

    .carousel.carousel-small .carousel-caption-inner h2 {
        margin-top: 60px;
        font-size: 30px;
    }

    [class^="col"] > div.p-5 {
        padding: 15px !important;
    }

    .card-deck {
        display: inline-block;
        width: 100%;
    }

    .four-blocks .card-deck {
        width: auto;
    }

    .home-section.top-blocks [class^="card"] h5,
    .point-listing-block h5,
    .img-block h5 {
        font-size: 20px;
    }

    .testimonials-blocks .container.spacer,
    .featured-blocks .container.spacer {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .statistics-blocks .container.spacer {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .statistics-blocks [class^="col"] h3 {
        font-size: 50px;
    }

    .testimonials-blocks .client-says[class^="col"],
    .testimonials-blocks-bg .client-says[class^="col"] {
        padding: 50px;
    }

    .testimonials-blocks .carousel,
    .testimonials-blocks-bg .carousel {
        min-height: inherit;
    }

    .testimonials-blocks .carousel-inner p,
    .testimonials-blocks-bg .carousel-inner p {
        max-width: 100%;
    }

    .testimonials-blocks .client-says[class^="col"] p,
    .testimonials-blocks-bg .client-says[class^="col"] p {
        font-size: 24px;
    }

    .products-blocks,
    .statistics-blocks {
        background-position: center top !important;
        background-attachment: inherit;
    }

    .featured-blocks .card-deck {
        margin-top: 50px;
    }

    .featured-blocks h4 {
        font-size: 22px;
    }

    .featured-section .img-box .img-fluid,
    .featured-section .img-box img {
        max-width: 100%;
    }

    .point-listing-block-wrapper {
        padding-bottom: 40px;
    }

    .point-listing-view {
        padding: 40px;
    }

    .four-blocks .card-deck .card {
        margin-bottom: 15px;
    }

    .img-block-wrapper {
        padding: 30px;
    }

    .inner-block .col-10,
    .news-inner .col-8,
    .team-detail .col-10 {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bottom-banner .container.spacer {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .bottom-banner h3 {
        font-size: 36px;
    }

    .page-header h2 {
        font-size: 36px;
    }

    .page-header h4 {
        font-size: 30px;
    }

    .featured-section2 h5 {
        font-size: 24px;
    }

    .news-inner.spacer-small {
        padding-bottom: 0;
    }

    .team-detail .img-block {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    .team-detail .team-info {
        padding-left: 0;
    }

    .iconic-blocks h4 {
        font-size: 24px;
    }

    .video h4 {
        font-size: 22px;
    }

    .blog-single {
        margin-bottom: 50px;
        padding: 0 0px 40px 0px;
    }

    .blog-summary .links {
        width: 100%;
        margin-top: 10px;
    }

    .blog-summary .links a {
        margin-right: 10px;
        margin-left: 0;
    }

    .contact-form .col-left {
        width: 100%;
        padding-right: 0;
    }

    .contact-form .col-right {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
    }

    .blog-detail {
        padding: 0 15px 50px 15px;
    }

    .blog-detail h3 {
        font-size: 36px;
    }

    .blog-detail .blockquote p {
        font-size: 20px;
        line-height: 26px;
    }

    .blog-comments {
        padding: 0 15px 0 15px;
    }

    .blog-comments p {
        font-size: 16px;
    }

    .blog-post-comments {
        padding: 0 15px 0 15px;
    }

    .carousel-fade .carousel-inner .carousel-item {
        opacity: 0;
        transition-property: opacity;
    }

    .carousel-fade .carousel-inner .active {
        opacity: 1;
    }

    .blog-single .inner-block,
    .blog-single img + .inner-block {
        padding-right: 15px;
        padding-bottom: 0;
        padding-left: 15px;
    }

    .featured-section2 p {
        font-size: 16px;
        line-height: 22px;
    }

    .four-blocks .card {
        float: left;
        flex: none;
        -webkit-flex: none;
        margin: 0 15px 15px 15px !important;
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
    }

    .four-blocks [class^="card"] .btn {
        margin-bottom: 0;
    }

    .filter-section .card-deck {
        display: flex;
        width: auto;
    }

    .equal-collumn .element-item,
    .col-8 {
        flex: 0 0 calc(100% - 30px) !important;
        -webkit-flex: 0 0 calc(100% - 30px) !important;
        -ms-flex: 0 0 calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
    }

    .filter-section .inner-box,
    .inner-box .img-box,
    .inner-box .video-thumb {
        height: auto !important;
    }

    .inner-box .video-thumb {
        max-height: inherit;
    }

    .filters-button-group li {
        padding-right: 5px;
        padding-left: 5px;
    }

    .filters-button-group li a {
        font-size: 14px;
    }

    .featured-section2 p {
        font-size: 16px;
        line-height: 20px;
    }

    .case-studies .grey-block {
        padding-right: 20px;
        padding-left: 20px;
    }

    .customer [class^="col"] {
        width: 50%;
        max-width: 50%;
    }

    .customer [class^="col"] img {
        width: 100%;

    }

    #requestdemo.modal {
        position: absolute;
        overflow: visible;
    }

    /* CSS for MENU on mobile */
    nav ul li:hover a {
        background: none;
    }

    nav .menu-btn {
        display: block;
    }

    nav .menu-btn.active {
        position: absolute;
        top: 0;
        right: 15px;
        height: 68px;
        color: #fff;
    }

    nav .menu-btn.active span {
        color: #fff;
        background-color: #fff;
    }

    nav .menu-btn.active span::before,
    nav .menu-btn.active span::after {
        background-color: #fff;
    }

    nav ul li.home a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .nav-open nav {
        width: 100%;
    }

    nav ul li {
        line-height: 0;
    }

    nav ul li a {
        width: 100%;
        text-align: left;
        padding: 8px 0;
        line-height: 28px;
    }

    nav ul li a span.icon {
        float: left;
        width: 15% !important;
        margin: 4px 0 4px 0;
    }

    nav ul li a span.menu-name {
        float: left;
        width: 60%;
        padding: 5px 0;
    }

    nav ul li.social a {
        padding: 8px 1px;
    }

    nav ul li.social a span.icon {
        width: 28px !important
    }

    .footnotes ol {
        max-width: 100%;
    }

    .bottom-banner {
        height: 380px;
    }

    .graph-container {
        display: none;
    }

    .filter-section .card h5.card-title,
    .filter-section .card p {
        min-height: initial;
    }
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 567px) {
    .spacer,
    .spacer-small {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .spacer-tiny {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .spacer-top {
        padding-top: 50px;
    }

    .spacer-bottom {
        padding-bottom: 50px;
    }

    .spacer-small-top {
        padding-top: 40px;
    }

    .spacer-small-bottom {
        padding-bottom: 40px;
    }

    .btn {
        padding: 9px 35px;
    }

    header .container .btn {
        position: absolute;
        width: 55px;
        top: 16px;
        right: 15px;
        display: block;
        float: none !important;
        max-width: 150px;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
    }

    header h1.float-left {
        display: inline-block;
        width: 90%;
        margin-top: 5px !important;
        padding-right: 40px;
    }

    #header .my-2 #header-image {
        max-width: 240px;
    }
    header h1 a img {
        max-width: 240px;
    }

    h1 p, h2, h2 p {
        font-size: 30px;
    }

    h3, h3 p {
        font-size: 26px;
    }

    .carousel.slide {
        height: 100%;
        min-height: 450px;
    }

    .carousel.carousel-small,
    .carousel.carousel-medium {
        height: auto;
        min-height: inherit;
    }

    .carousel.slide .carousel-caption-inner {
        padding-top: 110px;
    }

    .top-blocks .card-deck {
        margin-top: 50px;
    }

    .video-bg-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .products-blocks .container.spacer,
    .statistics-blocks .container.spacer {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .testimonials-blocks .client-says[class^="col"],
    .testimonials-blocks-bg .client-says[class^="col"] {
        padding: 30px;
    }

    .testimonials-blocks .client-says[class^="col"] h5,
    .video h4,
    .featured-blocks h4,
    .customer h4 {
        font-size: 20px;
    }

    .testimonials-blocks .client-says[class^="col"] p,
    .testimonials-blocks-bg .client-says[class^="col"] p {
        font-size: 18px;
    }

    .news-inner h3,
    .page-inner h3 {
        font-size: 26px;
    }

    .point-listing-view,
    .img-block-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }

    .inline-block .btn:first-child,
    .inline-block .btn:last-child {
        display: block;
    }

    .inline-block .btn {
        margin-right: 0;
    }

    .inline-block .btn + .btn {
        margin-top: 10px;
    }

    .team-detail .img-block {
        width: auto;
        max-width: 280px;
    }

    .iconic-blocks .icon,
    .iconic-blocks img.float-left {
        float: none !important;
        margin-right: auto !important;
        margin-bottom: 15px;
        margin-left: auto;
    }

    .bottom-banner .container.spacer {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bottom-banner h3 {
        font-size: 24px;
    }

    .blog-detail h3 {
        font-size: 26px;
    }

    .contact-form .float-left,
    .contact-form .float-right {
        width: 100%;
    }

    .contact-form .float-left {
        margin-bottom: 10px;
    }

    .footer-block .icon {
        margin-right: 8px !important;
    }

    footer .footer-block a,
    .footer-bottom p,
    .footer-bottom ul li {
        font-size: 12px;
    }

    .footer-block {
        text-align: left !important;
        padding: 0 10px;
    }

    .footer-block p.mb-4 {
        max-width: 85%;
    }

    .footer-block p.mb-4 a {
        white-space: normal;
        word-wrap: break-word;
    }

    .footer-bottom {
        padding: 0 10px;
    }

    .filters-button-group {
        border-bottom: none;
    }

    .filters-button-group li {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-bottom: solid 1px #000;
    }

    .filters-button-group li a {
        width: 100%;
    }

    #requestdemo .modal-body {
        padding: 20px;
    }

    #requestdemo .modal-dialog {
        padding: 0;
    }

    .card-block.p-5 {
        padding: 1em !important;
    }
}

@media (max-width: 479px) {
    #home-banner {
        height: 90vh;
    }

    .contact-form .col-right li a {
        max-width: 210px;
        white-space: normal;
        word-wrap: break-word;
    }
}

@media (max-width: 375px) {
    #home-banner {
        height: 100vh;
    }

    header .container .btn {
        right: 5px;
    }

    #header .my-2 #header-image {
        max-width: 200px;
    }

    header h1 a img {
        max-width: 200px;
    }

    header h1.float-left {
        width: 88%;
        padding-right: 40px;
    }

    header .container .btn {
        width: 45px;
    }
}

@media (max-height: 845px) {
    nav ul li a {
        padding: 9px 0;
    }
}

    span.card-subtitle.d-block {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700 !important;
        color: #4f5050 !important;
}

    .resTitleLink {
        color: #4f5050 !important;
        display: block;
        min-height: 70px;
}

    .products-blocks::before, .products-blocks-news-style::before {
        background-color: rgba(63, 45, 118, 0);
}

    .statistics-blocks::before {
        background-color: rgba(63, 45, 118, 0.80);
}

    .notes {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
}

    .notes p.notesGrey {
        font-size: 12px;
        line-height: 26px;
        opacity: 0.69;
        color: #fff;
}

    .notes p.notesBlack {
        font-size: 12px;
        line-height: 12px;
        color: #000 !important;
}

    .point-listing-block .right-content {
        float: right;
        max-width: 45%;
        padding-left: 30px;
}

    .point-listing-block .right-content .video-box {
        margin-bottom: 30px;
}

    .point-listing-block .right-content .video-box video {
        min-height: inherit;
}

    .point-listing-block .right-content .video-box .play-btn {
        display: none;
}

@media (max-width: 900px) {
    .point-listing-block .right-content {
        float: none;
        display: block;
        max-width: 100%;
        padding: 0;
    }
}



@media (max-width: 1599px) and (min-width: 1199px) {
    .point-listing-block h5, .img-block h5, .blog-single h5 {
        font-size: 20px;
    }
}

    .point-listing-block p {
        color: #4f5050;
}

@media (max-width: 1599px) and (min-width: 1199px) {
    .mb-4 {
        margin-bottom: 1rem !important;
    }
}

    .space-left15 {
        margin-left: 15px;
}

    .space30 {
        margin-top: 30px;
}

    .form-error-text {
        color: darkred !important;
        font-weight: bold !important;
        font-size: 0.8em !important;
}

@media (min-width: 1024px) {
    .home-video {
        max-width: 850px;
    }
}

    .iconic-blocks h4 {
        font-size: 24px;
}



    .hidden-nav {
        display: none;
}

    #sitemap a {
        font-weight: bold;
}

    #sitemap .api-contents ul li {
        list-style-type: circle;
        margin-left: 20px !important;
}

    .ie-column-fix-half {
        width: 50%
}

    ie-column-fix-half img {
        height: 100%;
}

@media (max-width: 1000px) {
    .mobile-small-row {
        display: flex;
    }

    .ie-column-fix-half {
        width: 100%; /** fOR ie*/
    }

    .ie-column-fix-half img {
        width: 100% !important;
    }
}

    .wide-text {
        width: 100%;
        padding: 50px;
        max-width: 1500px;
        margin: auto;
}

    .product-text-container {
        padding: 20px 20px 20px 20px;
        position: relative;
        display: inline-block;
}
    .product-caption {
        color: #F28D43;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 12px;
        padding-bottom: 14px;
        padding-top: 90px;
}

    .product-quote-container {
        text-align: center;
        display: inline-block
}

    .product-quote {
        color: #FFFFFF;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 42px;
        padding-bottom: 30px;
        width: 100%;
}

    .product-description {
        color: #FFFFFF;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 34px;
        text-align: center;
}


@media (max-width: 1199px) {
    .products-banner {
        height: auto;
        background-position: center top !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .products-banner {
        height: auto;
    }
}
@media (max-width: 767px ) {
    .products-banner {
        height: 380px;
    }
}

@media (max-width: 500px) {
    .product-caption {
        padding-bottom: 13px;
        padding-top: 50px;
    }

    .product-quote {
        font-size: 28px;
        line-height: 30px;
    }

    .product-description {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (min-width: 501px) {
    .product-quote {
    }
}

    .products-banner {
        position: relative;
        height: auto;
        background-size: cover;
        border-top: 1px solid #c0bec2;
        text-align: center
}

    .gray-purple-hover:hover {
        opacity: .6;
}

    .subscribe-button {
        padding-top: 30px;
}

    .subscribe-modal {
        background-color: #46336A;
}

    .subscribe-modal-description {
        color: #FFFFFF;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 33px;
        text-align: center;
        padding-left: 20%;
        padding-right: 20%;
        padding-top: 10%;
        word-break: break-word;
}

    .subscribe-input-container {
        padding-left: 20%;
        padding-right: 20%;
        padding-top: 5%;
}

    .subscribe-input::placeholder {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 400;
        color: lightgray;
}
    .subscribe-modal-btn-container {
        padding-bottom: 15%;
}

    .subscribe-modal-btn {
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
}

    .subscribe-modal-close-button {
        color: white !important;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        display: inline-block;
        font-size: 40px;
        font-weight: 50;
        opacity: 1 !important;
        font-family: Ionicons;
}

    .mobile-subscribe {
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
}

    .social-subscribe-container {
        display: inline-block;
        position: absolute;
        right: 0;
}