/*
[//]: # (Website Components/Modules)
[//]: # (**************************)
*/

/*
[//]: # (Common styles for responsive and layout)
[//]: # (***************************************)
*/

.desktop-only {
    display: none;
}

.mobile-only {
    display: block;
}

.expand {
    display: block !important;
}

.collapse {
    display: none;
}


.collapsing {
    display: none;
}

.collapse.in {
    display: block !important;
}

.panel-toggle .fa-minus-square {
    display: inline-block !important;
}

.panel-toggle .fa-plus-square {
    display: none !important;
}


.panel-toggle.collapsed .fa-minus-square, .panel-toggle:not([aria-expanded]) .fa-minus-square {
    display: none !important;
}
.panel-toggle.collapsed .fa-plus-square, .panel-toggle:not([aria-expanded]) .fa-plus-square {
    display: inline-block !important;
}



.relative {
    position: relative;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

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

.right {
    float: right;
    right: 0;
}

.bottom {
    position: absolute;
    bottom: .8em;
}

.center-text {
    text-align: center;
}

.strong {
    font-weight: 900;
}


.clearfix:after {
    content: "";
    display: table;
    clear: both;
}







@media (min-width: 768px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    .no-padding-desktop {
        padding: 0;
    }

    .no-margin-desktop {
        margin: 0;
    }

    .right-desktop {
        float: right;
        right: 0;
    }
}

.desktop-only-md {
    display: none;
}

.mobile-only-md {
    display: block;
}

@media (min-width:992px) {
    .desktop-only-md {
        display: block;
    }

    .mobile-only-md {
        display: none;
    }
}
/*.vertical-align-js { visibility: hidden; }*/

.full-width {
    width: 100% !important;
}

.half-width {
    width: 50% !important;
}


.dot {
    background: #f2f3f4;
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    left: 37%;
    top: -26px;
    -moz-box-shadow: 0px 0px 2px 1px #ccc;
    -webkit-box-shadow: 0px 0px 2px 1px #ccc;
    box-shadow: 0px 0px 2px 1px #ccc;
}

.active .dot {
    background: #2d499d;
    box-shadow: 0 0 0 0;
}



/*
[//]: # (Screen Read AODA)
[//]: # (****************)
*/
.off-screen {
    position: absolute;
    left: -99999px;
}

/*
[//]: # (Page Loader)
[//]: # (****************)
*/
.adv-preloader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: url(/AdvantageCSP/Assets/Images/System/adv_preloader.gif) center no-repeat #2d499d;
}


/*
[//]: # (TypeKit fix for FOUT on firefox)
[//]: # (*******************************)
*/
.wf-loading {
    visibility: hidden; /* Hide elements while web fonts are loading */
}

/*
[//]: # (Handle Flash of Unstyled Content)
[//]: # (********************************)
*/
.fouc {
    display: none;
}



/*
[//]: # (Bootstrap Override)
[//]: # (******************)
*/
.row img,
[class*=col-] img {
    width: 100%;
}

/*
[//]: # (Image Hover effect)
[//]: # (******************)
*/
.zoom-in {
    overflow: hidden;
    display: block;
}

    .zoom-in img {
        margin: 0 auto;
        display: block;
        -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition-delay: 0ms;
        -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
        -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
        -ms-interpolation-mode: bicubic;
        height: auto;
    }

        .zoom-in img:hover {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.2);
            transform: scale(1.1);
            cursor: pointer;
            opacity: 1;
            outline: none;
        }


/*
[//]: # (Magnific popup Overrides)
[//]: # (************************)
*/
.mfp-inline-holder .mfp-content {
    width: initial !important;
}

.mfp-bg {
    background: #fff !important;
}

.popup {
    position: relative;
    background: #f2f3f4;
    border-radius: 2px;
    padding: 11rem 5rem 5rem;
    width: auto;
    max-width: 1140px;
    display: inline-block;
    margin: 20px auto;
}

    .popup input {
        margin-bottom: 20px;
    }

.mfp-close-btn-in .mfp-close {
    font-size: 0.0001px;
    width: 25px;
    height: 25px;
    color: #f2f3f4 !important;
    top: 5rem;
    right: 5rem;
    background: url(/AdvantageCSP/Assets/Images/System/Close.svg) 0 0 no-repeat;
    background-size: contain;
}

.mfp-close:active {
    top: 5rem !important;
}
/*
[//]: # (Ajax Loading)
[//]: # (************)
*/
.overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}


/*
[//]: # (admin control)
[//]: # (*************)
*/
.admin-control {
    background: #F9F9F9;
    min-height: 35px;
    padding: 0.5em 2em 0;
    border-bottom: 2px solid #EEE;
    width: 100%;
    position: fixed;
    top: -148px;
    z-index: 1000;
}

    .admin-control:hover {
        top: 0;
    }

    .admin-control .user-identity {
        display: inline-block;
        vertical-align: top;
        margin: 0em 1em 0;
        float: right;
        font-size: 0.75em;
        line-height: 3em;
        font-family: Arial;
        font-size: 12px;
    }

    .admin-control .logo-advantage {
        height: 50px;
        width: auto;
    }

    .admin-control nav ul {
        width: 100%;
        list-style: none;
    }

        .admin-control nav ul li {
            float: left;
            margin: 0 0.25em;
            height: 35px;
            list-style: none;
        }

            .admin-control nav ul li a {
                padding: .5em 1em .6em;
            }

                .admin-control nav ul li a:hover {
                    background-color: rgb(143, 176, 217);
                    border-radius: .35em;
                    color: #fff;
                }

    .admin-control .logout-button {
        font-size: 82.47% !important;
        height: 27px !important;
        padding: .1em 1.1em .1em 1.1em !important;
        margin: .3em 0 0.3em 0 !important;
        float: right;
        border: none;
        background-color: #8fb0d9;
        background: linear-gradient(0deg, #BDCDE0, #8fb0d9 68%) no-repeat;
        letter-spacing: .06em !important;
        color: #fff !important;
        font-weight: 400 !important;
        border-radius: .35em !important;
        text-transform: uppercase;
    }

        .admin-control .logout-button:hover {
            background-color: #275C98 !important;
            background: linear-gradient(0deg, #7391B3, #275C98 82%) no-repeat !important;
            color: #fff !important;
            border: none;
        }

    .admin-control .arrow-down {
        position: relative;
        bottom: -16px;
        margin: auto;
        width: 30px;
    }

        .admin-control .arrow-down .icon {
            background: #F9F9F9;
            border-radius: .5em;
        }

/*
[//]: # (idangerous.swiper-2.0 overrides)
[//]: # (*******************************)
*/
.swiper-container {
    position: relative;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
}

.swiper-container, .swiper-slide {
    overflow: hidden;
}

.swiper-slide {
    float: right;
    position: relative;
}

    .swiper-slide img {
        width: 100%;
    }

/* set the arrow images in components.css as overrides */
/*a.arrow-left { display: none; position: absolute; z-index: 2;} 
a.arrow-right { display: none; position: absolute; z-index: 2;}*/

.swiper-pagination {
    position: absolute;
    z-index: 20;
}

    .swiper-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        margin: 0 5px;
        cursor: pointer;
    }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

@media (min-width: 768px) {
    .swiper-slide .content {
        position: absolute;
        bottom: 0;
        height: 100%;
    }
}



/*
[//]: # (Banner)
[//]: # (******)
*/
.swiper-container, .swiper-slide {
    height: auto !important;
}

    .swiper-slide a {
        display: block;
    }


    /*.swiper-slide .content { height: auto; left: 0; }*/

    .swiper-slide .content {
        width: 100%;
        padding-bottom: 11rem;
    }

        .swiper-slide .content h1 {
            font-size: 5.6rem; /* margin-bottom: 2.4rem; */
            line-height: 135%;
            margin-top: 5rem;
        }

            .swiper-slide .content h1 br {
                display: none;
            }

        .swiper-slide .content a {
            display: inline-block;
            margin: 0 auto;
            font-size: 2.7rem;
        }

        .swiper-slide .content p img {
            margin: 0 auto;
        }

@media (min-width:768px) {
    .swiper-slide .content.center {
        text-align: center;
    }

    .swiper-slide .content.right {
        text-align: right;
    }
}


@media (max-width: 450px) {
    .swiper-slide .content h1 {
        font-size: 3.9rem;
    }
}

@media (min-width: 768px) {
    /*.swiper-container { margin-top:10rem}*/
    .swiper-container, .swiper-slide {
        height: auto;
    }

        .swiper-slide .content {
            top: 75px;
        }

            .swiper-slide .content h1 {
                font-size: 2.8rem;
            }
}

@media (min-width: 1200px) {
    .swiper-slide .content {
        top: 100px;
    }

        .swiper-slide .content h1 {
            font-size: 3.9rem;
        }
}

@media (min-width: 1440px) {
    .swiper-slide .content {
        top: 120px;
    }
}


.swiper-slide .content.bottom {
    position: inherit; /* bottom: 0; */
}

/*
[//]: # (Thumbs Carousel slider)
[//]: # (***********************)
*/
.swiper-button-next,
.swiper-button-prev {
    display: none;
    top: 37%;
}

.gallery-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
}

    .gallery-thumbs .swiper-slide img {
        width: 180px;
    }

    .gallery-thumbs .swiper-slide {
        width: 180px;
        height: 100%;
        margin-right: 10px;
        border-bottom: 2px solid #fff;
        float: none !important;
        margin: auto;
        display: inline-block;
    }

    .gallery-thumbs .swiper-slide-active {
        border-bottom: 2px solid #2d499d;
    }

    .gallery-thumbs .swiper-wrapper {
        transition-duration: 0ms;
        transform: none !important;
        text-align: center;
        margin: auto;
        display: inline-block;
    }



/*
[//]: # (Text Left Image Right slider)
[//]: # (****************************)
*/
.container-inner-page-slider { /* background: url(/AdvantageCSP/Assets/Images/System/inner-slider-bg.png) top left no-repeat; */ /*margin-top: -1.8rem !important; padding: 4rem 25px 0; width: calc(100vw - 6px); left: 0; margin-left: calc(-50vw + 50%) !important;*/
}

    .container-inner-page-slider .swiper-container {
        margin-top: 0;
    }

.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.container-inner-page-slider .swiper-container .swiper-arrows {
    display: none;
}

.container-inner-page-slider .swiper-slide .content {
    top: 0;
}

@media (max-width: 450px) {
    .container-inner-page-slider {
        background: url(/AdvantageCSP/Assets/Images/System/inner-slider-mobile-bg.jpg) 0 0 no-repeat;
    }
}

@media (min-width: 768px) {

    .container-inner-page-slider .swiper-slide {
        overflow: visible;
    }

        .container-inner-page-slider .swiper-slide > a {
            float: right;
        }

        .container-inner-page-slider .swiper-slide a img {
            width: 100%;
        }

        .container-inner-page-slider .swiper-slide .content { /* position: relative; */ /* right: 0; */ /* top: 0; */
        }

    .container-inner-page-slider .swiper-container {
        margin-right: 0;
        padding-top: 8rem;
    }

        .container-inner-page-slider .swiper-container .swiper-pagination { /* text-align: left */
            left: -23%;
        }

    .container-inner-page-slider .swiper-slide .content { /* width: 50%; */ /* padding-bottom: 5rem; */
    }

    .container-inner-page-slider .swiper-container .swiper-slide > a {
        width: 50%;
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media (min-width: 1200px) {

    .container-inner-page-slider .swiper-slide a img {
        width: 100%;
    }

    .container-inner-page-slider .swiper-container .swiper-slide > a {
        width: 59%;
        position: relative;
    }

    .container-inner-page-slider .swiper-slide .content { /* width: 33%; */
    }

    .container-inner-page-slider .swiper-container .swiper-arrows {
        display: none;
    }

    .container-inner-page-slider .swiper-container .swiper-pagination { /* text-align: left */
    }
}


/*
[//]: # (Accordion)
[//]: # (*********)
*/
.ui-accordion { /* margin: 8rem 0; */
}

    .ui-accordion .ui-accordion-header {
        outline-color: #fff;
        cursor: pointer;
        border-bottom: solid 1px #2d499d;
        padding-bottom: 8px;
    }

        .ui-accordion .ui-accordion-header:after {
            content: "+";
            right: 43px;
            position: absolute;
            font-size: 34px;
            color: #2d499d;
        }

    .ui-accordion .ui-accordion-header-active:after {
        content: "-";
        right: 46px;
    }

    .ui-accordion .ui-accordion-content {
        margin-bottom: 2rem;
    }


/*
[//]: # (Breadcrumb)
[//]: # (**********)
*/
.breadcrumb ul li {
    list-style: none;
    float: left;
    margin-right: .5rem;
}

    .breadcrumb ul li a {
        padding: .4rem;
    }

    .breadcrumb ul li.chevron {
        padding-right: 1px;
    }

        .breadcrumb ul li.chevron:after {
            content: '\3E';
        }

        .breadcrumb ul li.chevron:last-child:after {
            content: '';
        }

/*
[//]: # (Sitemap)
[//]: # (*******)
*/
.sitemap ul {
    margin: 0px;
}

    .sitemap ul li {
        list-style: none;
        text-indent: 0px;
    }

        .sitemap ul li li {
            padding-left: 1.3em;
        }

        .sitemap ul li a {
            text-decoration: none;
            font-size: 1.8rem;
            text-transform: none;
            font-weight: normal;
        }

        .sitemap ul li h3 {
            margin: 0px;
        }

.sitemap h1 {
    text-align: center;
    margin: 8rem 0 6rem;
}


/*
[//]: # (News)
[//]: # (*******)
*/

.news .listing {
    margin-bottom: 8rem;
}

    .news .listing h1 {
        text-align: center; /* margin:8rem 0 6rem */
    }

    .news .listing a {
        text-decoration: none;
    }

        .news .listing a p {
            color: #000;
        }

        .news .listing a:hover time {
            color: #818181;
        }

        .news .listing a span.img-holder {
            padding: 8rem 18px;
            border: 1px solid #f2f3f4;
            display: block;
        }
.pricing .pricing-col
        .news .listing a:hover span.img-holder {
            background: #f2f3f4;
        }

        .news .listing a span.img-holder img {
            -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
            transition: all 0.7s cubic-bezier(.77,0,.175,1);
        }

        .news .listing a:hover span.img-holder img { /*transform:translate(0%, 15%);*/
        }

        .news .listing a > [class*=span-] {
            transition: all 0.9s ease 0s;
        }

        .news .listing a:hover > [class*=span-] { /*margin-top:-0.5rem; margin-bottom:0.5rem*/
        }

.news .more-news {
    text-align: center;
}

.tableprice .pricing-col {
    border: none;
}

.tableprice table {
    width: 100%;
    float: left;
    border-spacing: 0;
    border: 1px solid #818181;
    border-collapse: collapse;
}

    .tableprice table th {
        padding: 15px;
        color: #2d499d;
        border: 1px solid #818181;
        font-family: gotham_boldregular;
    }

    .tableprice table td {
        padding: 8px 15px;
        color: #2d499d;
        border: 1px solid #818181;
    }

        .tableprice table td:first-child {
            border-left: none;
        }

@media (min-width: 768px) {
    .news .listing a span.img-holder {
        height: 390px;
    }
}


@media (max-width: 992px) {

    .swiper-container-news {
        margin-bottom: 4rem;
    }

    .swiper-pagination-news {
        bottom: -6px !important;
    }

    .swiper-container-news .img-holder img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        text-align: center;
        margin: auto;
    }
}


/*
[//]: # (Features)
[//]: # (*******)
*/
.features h1 {
    text-align: center;
    margin: 8rem 0 6rem;
}

.popup .icon strong,
.features .heading strong {
    color: #000;
    padding: 5px 0 0;
    display: block;
    font-family: gotham_boldregular;
}

.features .heading a {
    font-style: italic;
}

.features [class*=span-] .heading {
    border: 1px solid #f2f3f4;
    min-height: 190px;
    transition: all 0.5s ease 0s;
    position: relative;
}

.features [class*=span-]:hover .heading {
    background: #f2f3f4;
}

.features [class*=span-] .heading p {
    position: absolute;
    width: auto;
    top: 50%;
    left: 55%;
    margin-right: -55%;
    transform: translate(-45%, -50%);
    max-width: 90%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
    transition: all 0.7s cubic-bezier(.77,0,.175,1);
    width: 100%;
}

.features [class*=span-]:hover .heading p { /*transform:translate(-50%, -35%);*/
}

@media (max-width: 767px) {
    .features [class*=span-] .heading {
        margin-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .features [class*=span-] .heading {
        min-height: 270px;
    }
}

/*
[//]: # (Client stories)
[//]: # (*******)
*/
/*.swiper-container-story.negative-margin {overflow:hidden; position:relative;}*/
.tile article {
    position: relative;
    border: 1px solid #f2f3f4;
    min-height: 194px;
    margin-bottom: 11rem;
    padding-bottom: 5rem;
}

    .tile article.detail {
        position: relative;
        border: 0;
        min-height: auto;
        margin-bottom: 0rem;
    }

    .tile article:nth-child(3n+3) {
        margin-right: 0;
    }

    .tile article p {
        color: #000;
        padding-top: 0.8rem;
        top: 205px;
        position: absolute;
    }

    .tile article a {
        display: block;
        height: 100%;
    }

        .tile article a:hover {
            background: #f2f3f4;
        }

        .tile article a img {
            position: absolute;
            width: auto;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
            max-width: 90%;
            -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
            transition: all 0.7s cubic-bezier(.77,0,.175,1);
        }

    .tile article:hover {
        background-color: #f2f3f4; /*rgba(45, 73, 157, 0.06);*/
    }

.tile.client-stories-home { /* margin-bottom:8rem; */
}

    .tile.client-stories-home article {
        border: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .tile.client-stories-home [class*=span-] {
        border-bottom: 1px solid #f2f3f4;
    }

        .tile.client-stories-home [class*=span-]:nth-child(5n),
        .tile.client-stories-home [class*=span-]:nth-child(6n) {
            border-bottom: 0;
        }

        .tile.client-stories-home [class*=span-]:nth-child(odd) {
            padding-right: 0;
            padding-left: 0;
            border-right: 1px solid #f2f3f4;
        }

        .tile.client-stories-home [class*=span-]:nth-child(even) {
            padding-left: 0;
            padding-right: 0;
        }

.tile.client-stories-listing {
    padding: 10rem 0 0;
}

section.main h1 {
    text-align: center;
    color: #818181;
    margin: 6rem 0;
}

section.main aside {
    text-align: right;
}



.meta-data {
    margin-bottom: 3rem;
}

    .meta-data a {
        color: #2d499d;
        text-transform: capitalize;
        text-decoration: none;
    }

    .meta-data > div:first-child > a {
        text-transform: none;
    }

    .meta-data a:hover {
        text-decoration: underline;
    }

    .meta-data small:last-child {
        display: none;
    }

    .meta-data p {
        text-transform: capitalize;
        display: inline;
    }


@media (max-width: 767px) {
    section.main aside {
        text-align: left;
    }

        section.main aside > div > div a {
            font-size: 2rem;
        }

    .tile article {
        margin-bottom: 10rem;
    }

    .tile.client-stories-home [class*=span-] {
        width: 50%;
        float: left;
    }

    .tile article p {
        line-height: 130%;
        bottom: -8rem;
        position: absolute;
    }

    .tile.client-stories-home {
        float: left;
        width: 100%;
    }

    .client-story-left {
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 5rem;
    }

    .social-share {
        width: 100% !important;
        margin-left: -1.5rem;
    }

        .social-share #SocialMediaLink {
            display: block;
            margin-left: -1rem;
        }

            .social-share #SocialMediaLink a {
                display: inline-block !important;
                margin-right: 3rem;
            }

                .social-share #SocialMediaLink a:last-child {
                    margin-right: 0;
                }
}


@media (max-width: 480px) {
    .tile.client-stories-home [class*=span-] {
        width: 100%;
    }

        .tile.client-stories-home [class*=span-]:nth-child(odd) {
            border-right: 0;
        }

        .tile.client-stories-home [class*=span-]:nth-child(5n) {
            border-bottom: 1px solid #f2f3f4;
        }
}

@media (min-width: 768px) {
    .tile article a img {
        max-height: 99px;
    }

    .client-story-left {
        padding-top: 200px;
    }
}

@media (min-width: 992px) {
    .tile.client-stories-home {
        float: right;
        width: 100%;
    }
}


/*
[//]: # (Image Tile)
[//]: # (**********)
*/
.image-tile article {
    position: relative;
    border: 1px solid #f2f3f4;
}

.image-tile .content h1 {
    text-align: center;
    margin: 0 0 3rem;
}

.image-tile .content p {
    text-align: center;
    margin: 0 0 6rem;
}

.image-tile article:nth-child(3n+3) {
    margin-right: 0;
}

.image-tile article a {
    display: block;
    min-height: 194px;
}

    .image-tile article a:hover {
        background: #f2f3f4;
    }

    .image-tile article a img {
        position: absolute;
        width: auto;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        max-width: 90%;
        transform: translate(-50%, -50%);
        max-width: 90%;
        -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
        transition: all 0.7s cubic-bezier(.77,0,.175,1);
    }

    .image-tile article a:hover img {
        transform: translate(-50%, -35%);
    }

.image-tile p {
    padding-top: 0.8rem;
}

    .image-tile p strong {
        color: #000;
    }

@media (min-width: 768px) {
    .image-tile .content {
        padding: 0 13%;
    }
}

/*
[//]: # (Counter)
[//]: # (*******)
*/

.counter .counter-content {
    text-align: center;
}

    .counter .counter-content h1 {
        font-size: 10rem;
        padding-bottom: 0;
        line-height: 100%;
    }

@media (min-width: 768px) {
    .counter {
        padding-top: 10rem;
    }

        .counter .counter-content {
            margin-bottom: 11rem;
        }
}

@media (min-width: 992px) {
    .counter .counter-content p {
        padding: 0 7rem;
    }
}


/*
[//]: # (Content Card)
[//]: # (************)
*/
.content-card {
    padding-bottom: 3rem;
}

@media (max-width: 767px) {
    .content-card h2 {
        padding-bottom: 2rem;
    }
}


/*
[//]: # (Content Tile)
[//]: # (************)
*/
figure.content-tile {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 2.5rem; /* ~1 */
    overflow: hidden;
    z-index: 1;
}

    figure.content-tile a {
        text-decoration: none;
    }

    figure.content-tile .background-image {
        position: relative;
        top: 0;
        z-index: -1;
    }

    figure.content-tile.center-text {
        text-align: center;
        margin: 6rem 0;
    }

        figure.content-tile.center-text [class*=span-] {
            margin: 0 auto;
            float: none;
        }

        figure.content-tile.center-text img {
            margin: 0 auto;
        }

    figure.content-tile.left-text.ghost-A-bg {
        background: url(/AdvantageCSP/Assets/Images/System/ghosted-A.png) no-repeat 0 bottom;
    }


@media (max-width:991px) {
    figure.content-tile.center-text img {
        width: 100%;
    }
}

@media (max-width:767px) {
    figure.content-tile .figcaption {
        margin-top: 1rem;
    }

    figure.content-tile.left-text.ghost-A-bg {
        text-align: center;
    }

    figure.content-tile.stack .figcaption {
        position: inherit;
        text-align: left;
    }
}

@media (min-width:768px) {
    figure.content-tile .figcaption a {
        text-transform: uppercase;
    }

    figure.content-tile.left-text {
        padding: 6rem 0;
    }

        figure.content-tile.left-text.ghost-A-bg {
            min-height: 530px;
            padding-top: 15%;
            width: calc(100vw - 9px);
            left: 0;
            margin-left: calc(-50vw + 50%) !important;
        }

    figure.content-tile.right-text .figcaption {
        position: absolute;
        left: 50%;
        padding: 3rem;
        width: 50%;
        top: 50%;
        transform: translateY(-50%);
    }
}

/*
[//]: # (Image Comparison)
[//]: # (************)
*/
.image-comparison-outer {
    width: calc(100vw - 9px);
    left: 0;
    margin-left: calc(-50vw + 50%) !important;
    background: url('/AdvantageCSP/Assets/Images/System/image_comparision_bg.png') no-repeat right 0;
    text-align: center;
    margin: -1rem 0 0;
}

.image-comparison {
    padding: 155px 25px 115px 0;
    display: inline-block;
    overflow: hidden;
    float: none;
}

    .image-comparison .image-comparison-container {
        position: relative;
        margin: 0em auto;
        max-width: none;
        transition: all 2s ease 0s;
    }

        .image-comparison .image-comparison-container img {
            display: block;
            width: 100%;
        }

.image-comparison-label {
    position: absolute;
    top: -100px;
    right: -91px;
    color: #000;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
    font-family: gotham_boldregular;
    font-size: 1.6rem;
    transition: all .3s ease 0s;
    text-align: left;
    left: 52%;
}

.image-comparison-resize-img .image-comparison-label {
    text-align: right;
}

.image-comparison-label {
    width: 400px;
}

    .image-comparison-label small {
        font-family: gotham_bookregular, Arial, sans-serif;
    }

    .image-comparison-label.is-hidden {
        visibility: hidden;
    }

.is-visible .image-comparison-label {
    opacity: 1;
}

.image-comparison-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .image-comparison-resize-img .image-comparison-label {
        right: auto;
        left: 0px;
    }

.is-visible .image-comparison-resize-img {
    width: 50%;
    -webkit-animation: bounce-in 0.7s;
    -moz-animation: bounce-in 0.7s;
    animation: bounce-in 0.7s;
}

.image-comparison-handle {
    position: absolute;
    height: 1086px;
    width: 76px; /* center the element */
    left: 50%;
    top: -260px;
    margin-left: -38px;
    margin-top: -22px;
    border-radius: 50%;
    background: url("/AdvantageCSP/Assets/Images/System/dragable_bar.png") no-repeat center center;
    cursor: move;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}

.is-visible .image-comparison-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

@media (max-width: 1201px) {
    .image-comparison-label {
        right: auto;
    }

    .image-comparison-resize-img .image-comparison-label {
        right: 0;
        left: auto;
    }
}

@media (max-width: 991px) {
    .image-comparison-handle {
        background-size: 90%;
    }
}

@media (max-width: 767px) {
    .image-comparison {
        background: none;
        padding-top: 90px;
        padding-bottom: 8rem;
    }

    .image-comparison-label {
        display: none;
    }

    .image-comparison-handle {
        background-position: 0 -70px;
    }
}

@media (max-width: 460px) {
    .image-comparison-handle {
        background-size: 80%;
        background-position: 7px -59px;
    }
}

@media (min-width: 992px) {
    .image-comparison {
        padding: 255px 25px 115px 0;
        display: inline-block;
        overflow: visible;
    }
}

@media (min-width: 1440px) {
    .image-comparison .image-comparison-container {
        max-width: 846px;
    }

        .image-comparison .image-comparison-container img {
            width: auto;
        }
}


/*
[//]: # (Sticker)
*/
.advantage-stiker {
    margin: 0 auto;
    display: block;
    text-align: center;
    position: absolute;
    top: -3rem;
    left: 38.7%;
}

    .advantage-stiker img {
        width: auto;
        display: inline-block;
    }

@media (min-width: 480px) {
    .advantage-stiker {
        left: 40%;
    }
}

@media (min-width: 620px) {
    .advantage-stiker {
        left: 44%;
    }
}

@media (min-width: 768px) {
    .advantage-stiker {
        left: 45%;
    }
}

@media (min-width: 992px) {
    .advantage-stiker {
        left: 45.8%;
    }
}

@media (min-width: 1170px) {
    .advantage-stiker {
        left: 46.2%;
    }
}

@media (min-width: 1440px) {
    .advantage-stiker {
        left: 47.7%;
    }
}


/*
[//]: # (Negative margin)
*/
.left-tabbed-content {
    background: #2d499d;
    padding: 17rem 0 9rem;
    position: relative;
    overflow: visible;
    width: calc(100vw - 9px);
    left: 0;
    margin-left: calc(-50vw + 50%) !important;
}

    .left-tabbed-content h1 {
        text-align: center;
        color: #fff; /* margin-bottom:5rem */
    }

    .left-tabbed-content .tabbed-nav {
        counter-reset: my-badass-counter;
    }

        .left-tabbed-content .tabbed-nav dt {
            float: left;
            list-style-type: decimal;
            z-index: 1;
            width: 91%;
            position: relative;
            padding-left: 1rem;
            line-height: 5rem;
            min-height: 64px;
            background: url("/AdvantageCSP/Assets/Images/System/tab-line.png") no-repeat 0 bottom;
        }

            .left-tabbed-content .tabbed-nav dt a {
                padding: .9rem 1rem 1rem 3.5rem;
                color: #fff;
                height: 64px;
                text-align: left;
                width: 100%;
                text-decoration: none;
            }

            .left-tabbed-content .tabbed-nav dt:first-child { /* line-height:inherit */
            }

            .left-tabbed-content .tabbed-nav dt:last-child {
                background: none;
            }

            .left-tabbed-content .tabbed-nav dt.active {
                background-color: transparent; /* margin-top:-2px; */
                background: url("/AdvantageCSP/Assets/Images/System/tab-active-bg-left.png") no-repeat left 0;
                width: 100%;
            }

                .left-tabbed-content .tabbed-nav dt.active a {
                    color: #fff;
                    background: url("/AdvantageCSP/Assets/Images/System/tab-active-bg.png") no-repeat right 0;
                }

            .left-tabbed-content .tabbed-nav dt.prev,
            .left-tabbed-content .tabbed-nav dt.next {
                border: 0;
            }

            .left-tabbed-content .tabbed-nav dt a:before {
                content: counter(my-badass-counter)".";
                counter-increment: my-badass-counter;
                position: absolute;
                left: 2rem;
                top: .9rem;
                font-size: 20px;
            }

            .left-tabbed-content .tabbed-nav dt:first-child a:before { /* top: 1.2rem; */
            }

            .left-tabbed-content .tabbed-nav dt > a > span,
            .left-tabbed-content .tabbed-content .tab-pane {
                display: none;
            }

@media (max-width: 767px) {
    .left-tabbed-content {
        padding: 10rem 0 6rem;
    }

        .left-tabbed-content .tabbed-nav {
            text-align: center;
        }

            .left-tabbed-content .tabbed-nav dt {
                width: auto;
                min-height: auto;
                background: none;
                float: none;
                display: inline-block;
            }

                .left-tabbed-content .tabbed-nav dt > a {
                    border: 1px solid #fff;
                    border-radius: 50%;
                    width: 64px;
                    min-height: auto;
                    padding: 7px;
                    background: none;
                }

                .left-tabbed-content .tabbed-nav dt.active {
                    background: none;
                    margin-top: 0;
                    width: auto;
                }

                    .left-tabbed-content .tabbed-nav dt.active a {
                        background: none;
                        -moz-box-shadow: inset 0 0 20px #fff;
                        -webkit-box-shadow: inset 0 0 20px #fff;
                        box-shadow: inset 0 0 20px #fff;
                        margin-top: 0;
                    }

                .left-tabbed-content .tabbed-nav dt a:before {
                    content: "";
                }

        .left-tabbed-content .headings {
            text-align: center;
            color: #fff;
            font-weight: bold;
            padding: 0 0 3rem;
        }
}

@media (min-width: 768px) {
    .left-tabbed-content .tabbed-nav dt > a > span {
        display: block;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .left-tabbed-content .tabbed-nav dt a {
        padding: 0.6rem 3.5rem 1rem 2.5rem;
    }

    .left-tabbed-content .tabbed-nav dt:nth-child(3n) a,
    .left-tabbed-content .tabbed-nav dt:nth-child(4n) a,
    .left-tabbed-content .tabbed-nav dt:nth-child(5n) a,
    .left-tabbed-content .tabbed-nav dt:nth-child(6n) a {
        padding: 2rem 1rem 1rem 2.5rem;
    }

    .left-tabbed-content .tabbed-nav dt:first-child {
        line-height: 140%;
    }

    .left-tabbed-content .tabbed-nav dt:nth-child(2n) {
        line-height: 200%;
    }

    .left-tabbed-content .tabbed-nav dt a:before {
        left: 1.4rem;
        top: 0.6rem;
        font-size: 14px;
    }

    .left-tabbed-content .tabbed-nav dt:nth-child(3n) a:before,
    .left-tabbed-content .tabbed-nav dt:nth-child(4n) a:before,
    .left-tabbed-content .tabbed-nav dt:nth-child(5n) a:before {
        top: 2rem;
    }

    .left-tabbed-content .tabbed-nav dt:first-child a:before {
        top: 0.5rem;
    }
}



/*
[//]: # (timeline-slider)
*/
.timeline-slider {
    border: 1px solid #f2f3f4;
    padding: 2rem 5rem 4rem 5rem;
}

    .timeline-slider .tabbed-content {
        padding-bottom: 5rem;
    }

    .timeline-slider .tabbed-nav {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 0 6rem 0;
    }

        .timeline-slider .tabbed-nav dt {
            display: table-cell;
            text-align: center;
        }

        .timeline-slider .tabbed-nav a {
            text-decoration: none;
        }

            .timeline-slider .tabbed-nav a h2 {
                color: #818181;
                position: relative;
            }

        .timeline-slider .tabbed-nav .active a h2 {
            color: #2d499d;
        }



@media (max-width: 767px) {
    .timeline-slider {
        padding: 2rem;
    }

        .timeline-slider .tabbed-content {
            padding-bottom: 0;
        }

        .timeline-slider .tabbed-nav a h2 {
            text-indent: -9999px;
        }

            .timeline-slider .tabbed-nav a h2 span {
                width: 3.3rem;
                height: 3.3rem;
                bottom: -5rem;
            }
}

/*
[//]: # (ImageCollection)
[//]: # (***************)
*/
@media (max-width:767px) {
    .image-collection a {
        width: 100%;
    }
}

/*
[//]: # (Calendar)
[//]: # (********)
*/

.calendar {
    min-height: 780px;
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
}

    .calendar .tabs li {
        list-style: none;
        display: inline-block;
        margin-right: 20px;
    }

    .calendar .fc-widget-header thead th {
        background-color: #ddd;
        padding: 8px 0;
    }


    /* event */
    .calendar .fc-day-grid-event {
        padding: .5rem;
    }

        /* pop up */
        .calendar .fc-day-grid-event .verboseInfo {
            position: absolute;
            bottom: 23px;
            min-width: 300px;
            max-width: 500px;
            background-color: #fff;
            color: #333;
            z-index: 5000;
            border: 1px solid #333;
            display: none;
            animation: fadein 1s;
            -moz-animation: fadein 1s;
            -webkit-animation: fadein 1s;
            -o-animation: fadein 1s;
        }

            .calendar .fc-day-grid-event .verboseInfo .eventTime {
            }

            .calendar .fc-day-grid-event .verboseInfo h2 {
                padding: 1rem;
            }

            .calendar .fc-day-grid-event .verboseInfo p {
                padding: 0 .5rem;
            }

    .calendar .fc-month-view .fc-scroller,
    .calendar .fc-month-view .fc-row.fc-rigid {
        overflow: visible !important;
    }

    .calendar .fc-agendaDay-view .verboseInfo,
    .calendar .fc-agendaWeek-view .verboseInfo {
        display: none !important;
    }


    /* Detail */
    .calendar .detail ul li {
        list-style: none;
        overflow: auto;
        margin-bottom: 1rem;
        padding-top: 6px;
        min-height: 3rem;
    }

    .calendar .detail img {
        width: auto;
        float: left;
        margin: -6px .5rem 0 0;
    }

    /* List View */
    .calendar .list-view h2 {
        color: #fff;
        padding: 5px;
    }

    .calendar .color-filter {
        text-align: center;
        margin: 3rem 0;
    }

        .calendar .color-filter a {
            color: #fff;
            padding: 1rem;
        }

            .calendar .color-filter a:hover {
                color: #fff;
            }

    .calendar .filtered {
        opacity: 1;
    }

    .calendar .non-filtered {
        opacity: 0.3;
    }

/* common overrides */
/*.calendar .desktop-only.expand { display: none !important; }
.calendar .mobile-only { display: block !important; }

@media (min-width: 768px) {
    .calendar .desktop-only.expand { display: block !important; }
    .calendar .mobile-only { display: block !important; }
}*/

/*
[//]: # (One Page Scroll)
[//]: # (***************)
*/
.fragment-section {
    position: relative;
    clear: both; /*display: block;*/ /* display block if not using offset */
}

/*
[//]: # (Twitter)
[//]: # (*******)
*/
.twitter-feed {
}


/*
[//]: # (Sub Navigation Module)
[//]: # (**************)
*/
.sub-nav {
    border-radius: 8px;
    background: #f2f3f4;
    margin: 5rem 0 0 0;
    padding: 2px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .sub-nav a {
        font-size: 2.4rem;
        font-family: gotham_boldregular;
        text-decoration: none;
        padding: 1rem 5rem;
        display: table-cell;
        text-align: center;
    }

        .sub-nav a.active {
            background: #fff;
            border-radius: 8px;
            color: #2d499d;
        }

@media (max-width:480px) {
    .sub-nav {
        margin: 4rem 0 2rem;
        padding: 1rem;
    }

        .sub-nav a {
            display: block;
            margin: 2rem 0;
        }
}

@media (min-width:768px) {
    .sub-nav a {
        font-size: 1.8rem;
    }
}


/*
[//]: # (Side sub Navigation Module)
[//]: # (**************)
*/
.side-sub-nav {
    border-radius: 8px;
    background: #f2f3f4;
    padding: 2px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .side-sub-nav a {
        font-size: 2.4rem;
        font-family: gotham_boldregular;
        text-decoration: none;
        padding: 1rem 5rem;
        display: table-cell;
        text-align: center;
    }

        .side-sub-nav a.active {
            background: #fff;
            border-radius: 8px;
            color: #2d499d;
        }

@media (max-width:480px) {
    .side-sub-nav {
        margin: 4rem 0 2rem;
        padding: 1rem;
    }

        .side-sub-nav a {
            display: block;
            margin: 2rem 0;
        }
}

@media (min-width:768px) {
    .side-sub-nav a {
        font-size: 1.8rem;
    }
}

/*
[//]: # (Search)
[//]: # (**************)
*/
.search h1 {
    text-align: center;
    padding-bottom: 4rem;
}



/*
[//]: # (Priving Hosted and Install)
[//]: # (**************)
*/
.pricing .tab-pane > h1 {
    text-align: center;
    padding-bottom: 4rem;
}

.pricing .tabbed-nav {
    border-radius: 8px;
    background: #f2f3f4;
    margin: 12rem 0 10rem;
    padding: 2px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .pricing .tabbed-nav dt {
        font-family: gotham_boldregular;
        display: table-cell;
        text-align: center;
    }

        .pricing .tabbed-nav dt a {
            display: table;
            font-size: 2rem;
            color: #000;
            table-layout: fixed;
            width: 100%;
            padding: 1rem 5rem;
            text-decoration: none;
        }

        .pricing .tabbed-nav dt.active a {
            background: #fff;
            border-radius: 8px;
            color: #2d499d;
        }

.pricing .pricing-col {
    display: table;
    table-layout: fixed;
    width: 100%;
     border: 1px solid #818181; 
    -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
    transition: all 0.7s cubic-bezier(.77,0,.175,1);
    margin-bottom: 4rem;
}

    .pricing .pricing-col > div {
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 3rem 5rem;
    }

.pricing .center {
    text-align: center;
}

.pricing .pricing-col > div:first-child {
    border-bottom: 1px solid #818181;
    -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
    transition: all 0.7s cubic-bezier(.77,0,.175,1);
}

.pricing .pricing-col > div .button {
    display: block;
}

.pricing .pricing-col .total {
    background: url("/AdvantageCSP/Assets/Images/System/Pricing/pricing-down-grey.png") no-repeat center bottom;
}

.pricing .pricing-col > div h1 {
    font-size: 7rem;
    font-family: gotham_boldregular;
    line-height: 100%;
}

    .pricing .pricing-col > div h1 sup {
        font-size: 2.8rem;
        vertical-align: super;
    }

.pricing .pricing-col > div.center strong {
    font-family: gotham_boldregular;
}

.pricing .pricing-col > div.center {
    color: #2d499d;
}

.pricing .pricing-col > div p:first-child {
    color: #000;
}

.pricing .pricing-col:hover > div:first-child {
    border-color: #2d499d;
}

.pricing .pricing-col:hover {
    border-color: #2d499d;
    box-shadow: 1px 1px 17px #2d499d;
}

    .pricing .pricing-col:hover .total {
        background: url("/AdvantageCSP/Assets/Images/System/Pricing/pricing-down-blue.png") no-repeat center bottom;
    }

.pricing .pricing-form .selectric-wrapper {
    min-width: auto;
}

.pricing .pricing-form > div {
    border-bottom: 1px solid #f2f3f4;
    padding: 4rem 0 5rem;
}

    .pricing .pricing-form > div.no-border {
        border: 0;
        padding-bottom: 0;
    }

    .pricing .pricing-form > div label {
        font-family: gotham_bookregular, Arial, sans-serif;
    }

.pricing .pricing-form > .radio span {
    position: relative;
    width: 35px;
    height: 25px;
    float: left;
    margin-top: 0.5rem;
}

    .pricing .pricing-form > .radio span label {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        width: 20px !important;
        height: 20px;
        background: url("/AdvantageCSP/Assets/Images/System/Pricing/Pricing_Radio_Inactive.svg") no-repeat center bottom;
        z-index: 1;
    }

.pricing .pricing-form > .radio input[type="radio"]:checked + label {
    background: url("/AdvantageCSP/Assets/Images/System/Pricing/Pricing_Radio_Active.svg") no-repeat center bottom;
}

.pricing .pricing-form > .radio input {
    opacity: 0;
    cursor: pointer;
    height: 25px !important;
    width: 30px;
    position: relative;
    z-index: 9;
}

.pricing .pricing-form > .checkbox span label {
    background: url("/AdvantageCSP/Assets/Images/System/Pricing/Pricing_CheckBox_Inactive.svg") no-repeat center bottom;
    z-index: 1;
}

.pricing .pricing-form > .checkbox input[type="checkbox"]:checked + label {
    background: url("/AdvantageCSP/Assets/Images/System/Pricing/Pricing_CheckBox_Active.svg") no-repeat center bottom;
}

.pricing .pricing-form .collepse-header {
    border: 1px solid #f2f3f4;
    border-radius: 4px;
}

    .pricing .pricing-form .collepse-header > div:first-child {
        cursor: pointer;
        background: url("/AdvantageCSP/Assets/Images/System/Pricing/Pricing_Expand.svg") no-repeat right;
        padding: 0.6rem 0;
    }

    .pricing .pricing-form .collepse-header > div.open {
        cursor: pointer;
        background: url("/AdvantageCSP/Assets/Images/System/Pricing/Pricing_Contract.svg") no-repeat right;
        background-size: 20px;
    }

    .pricing .pricing-form .collepse-header .expand-content {
        display: none;
    }

.pricing .pricing-form .selectric-wrapper .selectric .button {
    border: 0;
    padding: 0 !important;
    margin-right: 0;
}

.pricing .pricing-form .selectric .button:after {
    background: url("/AdvantageCSP/Assets/Images/System/select-arrow.png") no-repeat right;
    border: 0;
    width: 15px;
    height: 100%;
}

.pricing .pricing-form .selectric-items li {
    border: 0;
}


/*
[//]: # (Tabbed Content)
[//]: # (**************)
*/
.tabbed .tabbed-nav {
    text-align: center;
}

    .tabbed .tabbed-nav li {
        float: left;
        list-style: none;
        z-index: 1;
        width: 20%;
        border: 1px solid #cccccc;
        border-right: none;
    }

        .tabbed .tabbed-nav li.active {
            color: #6993c2;
            border-top: solid 2px #6993c2;
            border-bottom-color: #fff;
            background-color: #fff;
        }

        .tabbed .tabbed-nav li:last-child {
            border-right: 1px solid #cccccc;
        }

        .tabbed .tabbed-nav li a {
            padding: 10%;
            text-align: center;
            width: 100%;
        }

.tabbed .tabbed-content .tab-pane {
    display: none;
}

/*
[//]: # (Documents)
[//]: # (*********)
*/
.document ul li {
    list-style: none;
    margin: 0 0 2rem 0;
}


/*
[//]: # (Gallery)
[//]: # (*********)
*/

.gallery-video {
    display: inline-block !important;
}

    .gallery-video.mfp-hide {
        display: none !important;
    }

.gallery-popup-item {
    display: inline-block;
}

@media (max-width:767px) {
    .gallery a {
        width: 100%;
    }

    .gallery-popup-item {
        width: 70vw;
    }
}

@media (min-width:768px) {
    .gallery-popup-item {
        max-height: 70vh;
    }
}

/*
[//]: # (Social Share)
[//]: # (************)
*/
#SocialMediaLink {
    display: inline-block;
}

    #SocialMediaLink .addthis_toolbox a { /*clear:both;*/ /*display:block*/
    }

        #SocialMediaLink .addthis_toolbox a div {
            margin-left: 10px;
            width: 33px;
            height: 30px;
            font-size: 1px;
            background-size: cover;
        }


/*
[//]: # (Banner Video)
[//]: # (************)
*/

.banner-video img {
    width: 100%;
}

.video-content {
    width: 100%;
    overflow: hidden;
}

.video-content {
    height: auto !important;
}

    .video-content .video-js {
        width: 100% !important;
        float: left;
    }

    .video-content .video-js {
        height: auto !important;
    }

        .video-content .video-js video {
            width: 100% !important;
            height: auto !important;
            position: relative;
            float: left;
            cursor: pointer;
            background: #fff;
        }

.video-js {
    padding-top: 56.25%;
}

.vjs-fullscreen {
    padding-top: 0px;
}

.vjs-poster {
    display: none;
    background-color: #fff !important;
}


/*
[//]: # (Pagination)
[//]: # (************)
*/
.pagination-adv {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 3rem;
    padding: 8px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .pagination-adv li {
        display: inline-block;
        margin: auto;
        min-width: 18px;
    }

        .pagination-adv li a.current {
            font-weight: bold;
            font-family: gotham_boldregular;
            font-size: 22px;
        }

/*
[//]: # (Profile)
[//]: # (*******)
*/
.profile {
    background: url("/AdvantageCSP/Assets/Images/System/Features_Ghosted-A-White.png") no-repeat 0 1rem; /* padding-top:4rem */
}

    .profile .member {
        flex-flow: row wrap;
    }

        .profile .member [class*=span-] {
            margin-bottom: 0.8rem;
        }

        .profile .member:hover img {
            -webkit-opacity: 0.3;
            -moz-opacity: 0.3;
            opacity: 0.3;
            transition: all .3s;
        }

            .profile .member:hover img:hover {
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
            }


/* .slider-full { width: 100%; float: left;} */
/* .slider-full div { width: 100%; float: left;} */

@media (max-width:767px) {
    .profile h1 {
        text-align: center;
        margin: 0rem 0 6rem;
    }

    .profile .member figure {
        text-align: center;
    }


    .tile article a img {
        padding: 30px;
        max-height: 100%;
    }

    .swiper-slide .content {
        padding-bottom: 0px;
    }

    .normalspacing br {
        display: none;
    }

    .normalspacing iframe {
        height: 300px;
    }

    .tableprice table, .tableprice table ul li {
        font-size: 14px;
    }

        .tableprice table th {
            padding: 12px;
        }

        .tableprice table td {
            padding: 6px 10px;
        }
}

@media (min-width:768px) {
    .profile { /* padding-top:7rem */
    }

        .profile .member [class*=span-] {
            padding-left: 0;
        }

    .news-listing .span-4:nth-of-type(3n+4) {
        clear: both;
    }
}

/*
[//]: # (Product)
[//]: # (*******)
*/
/* dept & cat */
.category .parent {
    margin-top: 1rem;
}

/* filter */
.filter .category {
    margin-bottom: 1rem;
}

.filter .active {
    color: aqua;
}

/* product listing */
.product {
    margin-bottom: 1rem;
}

    .product .info .name,
    .product .info .price {
        display: block;
    }

    /* product detail */
    .product .flow .form-row label {
        width: 35%;
        text-align: left;
    }

    .product .flow .form-row select {
        width: 50%;
    }

/*
[//]: # (questionnaire)
[//]: # (*************)
*/
.questionnaire ul {
    margin-top: 1rem;
}

    .questionnaire ul li {
        list-style: none;
        margin-left: 0;
        overflow: auto;
    }

.questionnaire input[type=radio] {
    float: left;
    margin: .4rem .5rem .5rem 0;
}

    .questionnaire input[type=radio] + label {
        float: left;
        margin-top: .3rem;
    }

.questionnaire .answer ul li {
    margin-bottom: 1rem;
    padding: .4rem 1.8rem;
}

.questionnaire .answer .selected {
    background-color: #ef8181;
    border-radius: .35rem;
    border: solid 1px #d81616;
}

.questionnaire .answer .correct {
    border: #006eb9 solid 1px;
    border-radius: .35rem;
}

    .questionnaire .answer .correct.selected {
        background-color: #50a24a;
        border-color: #356931;
    }

.progress-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(255,255,255,0.4) url('/AdvantageCSP/Assets/Images/System/ajax-loader.gif') no-repeat center center;
}

.swiper-container-banner img {
    width: 70%;
    margin: auto;
    padding-bottom: 5rem;
}





.sign-up-modal {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
}

.sign-up {
    padding: 40px 15px 0 15px;
    margin: 70px 0 90px -340px;
    width: 680px;
    position: absolute;
    top: 0px;
    left: 50%;
    background: #fff;
    border: 4px solid #2d499d;
    border-radius: 8px;
    z-index: 2;
}

    .sign-up .close_form {
        font-size: 40px;
        color: #2d499d;
        font-weight: bold;
        text-decoration: none;
        position: absolute;
        top: 0px;
        right: 10px;
        line-height: 46px;
    }

    .sign-up .form_cntr {
        max-width: 400px;
        margin: 0 auto;
    }

    .sign-up .success_cntr {
        max-width: 460px;
    }

    .sign-up .form_cntr label {
        font-size: 14px;
        font-weight: normal;
        font-family: gotham_bookregular, Arial, sans-serif;
        line-height: normal;
    }

    .sign-up .form_cntr .form_title {
        margin-bottom: 28px;
        line-height: normal;
        font-size: 38px;
        text-align: center;
        font-weight: normal;
        color: #2d499d;
        text-transform: none;
    }

    .sign-up .search input[type=text], .sign-up .form-row input[type=text], .sign-up .form-row input[type=password], .sign-up .form-row select, .sign-up .form-row textarea {
        border: 1px solid #9b9b9b;
        border-radius: 8px;
        height: 40px !important;
        font-size: 14px;
    }

    .sign-up .form-row {
        padding-bottom: 15px;
        font-size: 15px;
    }

        .sign-up .form-row span {
            padding: 0px;
            font-size: 14px;
            display: block;
        }

        .sign-up .form-row .btn-cta-primary, .sign-up .form-row input[type=button] {
            margin: 10px auto 0 auto;
            display: block;
            padding: .7rem 8.4rem !important;
        }



    .sign-up .success_cntr {
        padding: 60px 0px;
    }

        .sign-up .success_cntr .form_title {
            margin-bottom: 50px;
        }

    .sign-up .success_ques {
        text-align: center;
    }

        .sign-up .success_ques span {
            display: block;
            font-size: 14px;
        }

        .sign-up .success_ques .button {
            padding: 5px 10px 4px 10px !important;
            margin: 5px 0 0 0;
            font-size: 12px;
            border-width: 1px;
        }

.popup_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}

.Bottom_question {
    margin-bottom: 10px;
}

    .Bottom_question a {
        text-decoration: none;
        font-size: 14px;
    }

        .Bottom_question a span {
            margin-right: 6px;
            display: inline-block;
            vertical-align: middle;
        }

.list-control input[type=radio] {
    height: auto !important;
}

    .list-control input[type=radio] + label {
        margin: 1px 0 0 6px !important;
        width: auto !important;
    }

.product_cart {
    width: 100%;
    float: left;
}

    .product_cart .cart_text {
        padding-bottom: 7px;
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 18px;
    }

    .product_cart .view_plan {
        display: inline-block;
        margin-bottom: 25px;
        font-size: 12px;
        color: #2d499d;
        text-decoration: underline;
    }

    .product_cart .title {
        margin-bottom: 5px;
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
    }

        .product_cart .title .opt {
            float: left;
            font-size: 15px;
            color: #2d499d;
            text-transform: uppercase;
        }

            .product_cart .title .opt:last-child {
                float: right;
                width: 20%;
            }

    .product_cart .cart_info {
        padding: 4px 0;
        width: 100%;
        float: left;
        font-size: 14px;
    }

        .product_cart .cart_info input[type="radio"] {
            margin: 5px 20px 0 0;
            float: left;
            height: auto !important;
        }

        .product_cart .cart_info .name {
            float: left;
            width: calc(45% - 35px);
        }

        .product_cart .cart_info .domain {
            float: left;
            width: 35%;
            min-height: 1px;
        }

        .product_cart .cart_info .price {
            float: left;
            width: 20%;
            min-height: 1px;
            color: #2d499d;
        }

    .product_cart .sub_cart_info {
        padding: 10px 0 0 0;
        width: 100%;
        float: left;
    }

        .product_cart .sub_cart_info .name {
            margin-left: 75px;
            width: calc(45% - 75px);
        }

        .product_cart .sub_cart_info .dname {
            padding-right: 20px;
            width: 35%;
            float: left;
        }

    .product_cart .count {
        width: 50px;
        height: 30px !important;
        float: right;
        border-radius: 8px;
        border: 1px solid #ccc;
    }

    .product_cart .title_bottom {
        margin-top: 15px;
        padding: 8px 0 0 0;
        width: 100%;
        float: left;
        border-top: 1px solid #ccc;
    }

        .product_cart .title_bottom .opt {
            float: left;
            width: 20%;
            font-size: 15px;
            color: #2d499d;
            text-transform: uppercase;
        }

        .product_cart .title_bottom .total {
            padding-right: 200px;
            width: 80%;
            text-align: right;
        }

    .product_cart .cart_btn {
        float: right;
        margin: 50px 32px 0 0;
        font-size: 14px;
        font-weight: normal;
        padding: 0 20px !important;
    }

@media (max-width: 767px) {

    .sign-up {
        margin: 90px 0;
        left: 15px;
        width: calc(100% - 30px);
    }

        .sign-up .form_cntr .form_title {
            font-size: 28px;
            margin-bottom: 25px;
        }
}


.user_login .user_registeration {
    display: table;
    width: 100%;
}

.user_login {
    padding: 120px 0;
    width: 100%;
    float: left;
}

    .user_login .half {
        padding: 0 100px 0 0;
        width: 50%;
        display: table-cell;
        float: none;
        border-right: 1px solid #9b9b9b;
        box-sizing: border-box;
        vertical-align: middle;
    }

        .user_login .half.Rform_style {
            padding: 0;
            border: none;
            text-align: center;
        }

    .user_login .form_title {
        margin-bottom: 30px;
        color: #2d499d;
        font-size: 22px;
        font-weight: normal;
        text-transform: none;
    }

    .user_login .form_title_sm {
        color: #2d499d;
        font-size: 18px;
        font-weight: normal;
        text-transform: none;
    }

    .user_login .form-row label {
        font-size: 14px;
        font-weight: normal;
        font-family: gotham_bookregular, Arial, sans-serif;
        line-height: normal;
    }

        .user_login .form-row label a {
            color: #2d499d;
            text-decoration: none;
        }

            .user_login .form-row label a:hover {
                text-decoration: underline;
            }

    .user_login input[type=text], .user_login .form-row input[type=text], .user_login .form-row input[type=password], .user_login .form-row select, .user_login .form-row textarea {
        border: 1px solid #9b9b9b;
        border-radius: 8px;
        font-size: 14px;
    }

    .user_login .Lform_style .btn-cta-primary {
        margin: 0px auto;
        display: block;
        width: 300px;
    }

    .user_login .btn-cta-primary {
        cursor: pointer;
    }

.blankHeader_theme {
    display: table;
    width: 100%;
}

    .blankHeader_theme > div {
        display: table-cell;
        vertical-align: middle;
    }

    .blankHeader_theme a {
        margin-top: 0;
        margin-bottom: 0;
        display: initial;
    }

/*** form custmer account Starts***/
.headertop {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    z-index: 99999;
    background-color: #f8f8fa;
    padding: 23px 0 !important;
}

.Customer_account_detail {
    height: 100%;
    padding: 120px 0 30px 0;
}

    .Customer_account_detail .container {
        position: relative;
    }

    .Customer_account_detail .left_content {
        background: #818181;
        box-sizing: border-box;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: fixed;
        left: 0;
        top: 113px;
        bottom: auto;
        right: auto;
        width: 200px;
        height: 100%;
    }

    .Customer_account_detail .right_content {
        max-width: 1250px;
        padding: 10px 15px 15px 15px;
        padding-left: 220px;
    }

        .Customer_account_detail .right_content .container {
            width: 100%;
        }

    .Customer_account_detail .left_content .tope_menu {
        margin: 0;
        padding: 10px 0;
    }

        .Customer_account_detail .left_content .tope_menu ul {
            margin: 0;
            padding: 0;
            transition: initial;
        }

            .Customer_account_detail .left_content .tope_menu ul li {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .Customer_account_detail .left_content .tope_menu ul li a {
                    text-decoration: none;
                }

            .Customer_account_detail .left_content .tope_menu ul > li > a {
                font-size: 12px;
                display: block;
                color: #fff;
                padding: 6px 30px 6px 15px;
                position: relative;
            }

                .Customer_account_detail .left_content .tope_menu ul > li > a:hover {
                    background: #ededef !important;
                    color: #2D499D !important;
                }

                .Customer_account_detail .left_content .tope_menu ul > li > a span {
                    cursor: pointer;
                    height: 10px;
                    position: absolute;
                    width: 14px;
                    right: 0px;
                    top: 50%;
                    transform: translate(-50%, 0);
                    -webkit-transform: translate(-50%, 0);
                    -moz-transform: translate(-50%, 0);
                }

                    .Customer_account_detail .left_content .tope_menu ul > li > a span:before {
                        background: #fff;
                        content: '';
                        height: 3px;
                        left: 0;
                        position: absolute;
                        top: 0;
                        width: 10px;
                        transition: transform 500ms ease;
                    }

                    .Customer_account_detail .left_content .tope_menu ul > li > a span:after {
                        background: #fff;
                        content: '';
                        height: 3px;
                        left: 0;
                        position: absolute;
                        top: 0;
                        width: 10px;
                        transition: transform 500ms ease;
                        transform: rotate(90deg);
                    }

                    .Customer_account_detail .left_content .tope_menu ul > li > a span:after {
                        transform-origin: center;
                    }

            .Customer_account_detail .left_content .tope_menu ul > li.hassub.up-submenu span:after {
                display: none;
            }

            .Customer_account_detail .left_content .tope_menu ul > li > a:hover span:before {
                background: #2D499D;
            }

            .Customer_account_detail .left_content .tope_menu ul > li > a:hover span:after {
                background: #2D499D;
            }

            .Customer_account_detail .left_content .tope_menu ul li > ul {
                background: #9b9b9b;
                display: none;
            }

                .Customer_account_detail .left_content .tope_menu ul li > ul li a {
                    padding: 5px 30px 5px 30px;
                }

            .Customer_account_detail .left_content .tope_menu ul > li.hassub.up-submenu > a {
                background: #ffffff0d;
            }

/*** form custmer account Ends***/


/* Resource Table */
.resource_table {
    width: 100%;
    float: left;
}

    .resource_table table {
        width: 100%;
        float: left;
        border-collapse: collapse;
        border-spacing: 0px;
        text-align: left;
        border: 1px solid #ccc;
    }

    .resource_table th {
        padding: 6px 15px;
        font-size: 16px;
        color: #2d499d;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
    }

    .resource_table td {
        padding: 6px 15px;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
    }

    .resource_table img {
        max-width: 100px;
        display: block;
        max-height: 100px;
        width: auto;
    }

    .resource_table a {
        color: #2d499d;
    }

        .resource_table a:hover {
            text-decoration: none;
        }





/* user dashboard */
.user_dashboard {
    width: 100%;
    display: table;
    clear: both;
}

.dashboard_content {
    padding-right: 20px;
    width: 74%;
    display: table-cell;
    vertical-align: top;
}

    .dashboard_content .statictext {
        width: 100%;
        height: 100%;
        float: left;
        border: 1px solid #c0c0c0;
        box-shadow: 4px 4px 14px 0 #D5DCED;
        border-radius: .35rem;
    }

    .dashboard_content.dashboard_content .static_dec {
        padding: 15px;
        width: 100%;
        float: left;
        font-size: 16px;
    }

.userprofile {
    width: 26%;
    display: table-cell;
    vertical-align: top;
    font-size: 12px;
    color: #111;
    border: 1px solid #c0c0c0;
    box-shadow: 4px 4px 14px 0 #D5DCED;
    border-radius: .35rem;
}

.users-title {
    padding: 8px 10px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #c0c0c0;
}

    .users-title .title {
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        color: #2d499d;
    }

    .users-title .fancy-link {
        margin-top: 3px;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
    }

.userprofile .user_info {
    padding: 15px 10px;
    width: 100%;
    float: left;
}

    .userprofile .user_info .field {
        padding: 5px 0;
        width: 100%;
        float: left;
    }

.users-title .fancy-link {
    font-size: 10px;
}

.users-title .title {
    font-size: 15px;
}

.recentnews {
    margin-top: 20px;
    width: 100%;
    float: left;
}

  /*      .recentnews table {
        padding: 10px;
    }*/

    .recentnews .RadGrid_Default {
        border: 1px solid #c0c0c0;
        box-shadow: 4px 4px 14px 0 #D5DCED;
        border-radius: .35rem;
    }

    .recentnews .rgHeader {
        padding: 8px 10px !important;
        font-size: 14px;
    }

    .recentnews .RadGrid td {
        padding: 8px 10px !important;
        border-color: #ddd !important;
    }


/* loder */
.ProgressRedirect {
    position: absolute;
    z-index: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 20px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.bgDivRedirect {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: black;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 500;
}


.ProgressRedirect_master {
    position: absolute;
    z-index: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 20px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.bgDivRedirect_master {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: black;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 500;
}

.button, input[type=button], input[type=submit] { cursor: pointer; }

@media (max-width: 1200px) {
    .headertop nav.main-nav ul li .button.blue {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .headertop nav.main-nav ul li:last-child .button.blue {
        margin-right: 0;
    }

    .Customer_account_detail {
        padding: 115px 0 30px 0;
    }

        .Customer_account_detail .left_content {
            top: 125px;
        }
}

@media (min-width: 992px) {
    .headertop nav.main-nav ul {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .user_login {
        padding: 80px 0;
    }

    .headertop {
        background-position: top;
        padding: 0.86em 0 !important;
    }

    .Customer_account_detail .left_content {
        top: 110px;
    }

    .Customer_account_detail {
        padding: 100px 0 30px 0;
    }

    .resource_table th {
        padding: 6px 10px;
        font-size: 14px;
        line-height: normal;
    }

    .resource_table td {
        padding: 6px 15px;
        font-size: 12px;
        line-height: normal;
    }
}

@media (max-width: 767px) {
    .user_login .user_registeration {
        display: block;
    }

    .user_login {
        padding: 50px 0;
    }

        .user_login .half {
            padding: 0 0 20px;
            width: 100%;
            display: block;
            border-bottom: 1px solid #9b9b9b;
            border-right: none;
        }

            .user_login .half.Rform_style {
                padding: 50px 0;
                display: block;
            }

        .user_login .Lform_style .btn-cta-primary {
            width: auto;
        }

    .sign-up .form-row .btn-cta-primary {
        font-size: 1.6rem;
    }

    .Customer_account_detail {
        display: block;
        padding: 107px 0 30px 0;
    }

        .Customer_account_detail .left_content {
            width: 100%;
            min-height: initial;
            position: initial;
        }

        .Customer_account_detail .right_content {
            width: 100%;
            padding: 15px 15px;
        }

    .user_dashboard {
        display: block;
    }

    .dashboard_content {
        width: 100%;
        float: left;
        padding: 0 0 20px;
        display: block;
    }

    .userprofile {
        width: 100%;
        float: left;
        display: block;
    }

    .resource_table table {
        display: block;
    }

    .resource_table tr {
        display: block;
    }

    .resource_table tbody {
        display: block;
    }

    .resource_table th {
        display: none;
    }

    .resource_table img {
        margin: 0px;
        max-width: 80px;
        display: inline-block;
        vertical-align: middle;
    }

    .resource_table td {
        padding: 10px 12px;
        display: block;
    }

        .resource_table td:before {
            margin-right: 8px;
            content: attr(data-title) ":";
            color: #2d499d;
            text-transform: uppercase;
            font-weight: 700;
        }
}


@media (max-width: 500px) {
    .blankHeader_theme {
        display: block;
        width: 100%;
        text-align: center;
    }

        .blankHeader_theme > div {
            display: block;
            clear: both;
        }

        .blankHeader_theme a {
            float: none !important;
        }

            .blankHeader_theme a.logo {
                margin-bottom: 10px;
                display: inline-block;
            }

    .sign-up .form-row .btn-cta-primary {
        padding: .7rem 4.4rem !important;
    }
}



/* Cart Page */
.snip-open { overflow: hidden; }
.snip-layout { display: none; width: 100%; height: 100%; overflow: auto; position: fixed; top: 0px; left: 0px; z-index: 99999; background: rgba(0,0,0,0.7); }
.snip-layout .snip-active { display: block; }
.snip-layout #snipcart-close { display: none; width: 40px; height: 40px; position: absolute; top: -20px; right: -20px; border-radius: 100%; z-index: 1; background: #2d499d; }

.snip-layout p { font-size: 14px; }
.snip-layout .snip-form__error { color: red; }

.snip-layout .snip-layout__main-container { max-width: 1024px; margin: 50px auto; position: relative; }
.snip-layout #snipcart-main-content { padding: 30px; margin-bottom: 50px; width: 100%; float: left; position: relative; background: #fff; }

.snip-layout .snip-header { width: 100%; float: left; }
.snip-layout .snip-header .snip-header__title { float: left; color: #2d499d; font-size: 30px; font-family: gotham_bookregular, Arial, sans-serif; }
.snip-layout .snip-header .snip-header__total { margin: 0 0 10px 0; text-align: right; color: #2d499d; font-size: 14px; }
.snip-layout .snip-header .snip-header__total #snipcart-amount { font-weight: 700; }
.snip-layout .snip-btn { padding: 7px 14px; display: inline-block; font-size: 12px; color: #2d499d; text-decoration: none; border: 2px solid #2d499d; border-radius: 40px; text-transform: uppercase; }
.snip-layout .snip-btn:hover { color: #fff; background: #2d499d; }
.snip-layout #snipcart-cartitems-continue-top { float: right; }
.snip-layout #snipcart-placeorder-top { float: right; margin-right: 10px; }

.snip-layout .snip-flash { margin: 7px 0 0 0; width: 100%; float: left; font-size: 14px; }
.snip-layout .snip-flash li { font-size: 14px; line-height: 20px; }

.snip-layout .snip-steps { padding: 20px 25px; margin: 20px 0 0 -30px; width: calc(100% + 60px); float: left; list-style: none; counter-reset: section; background: #f8f8f8; }
.snip-layout .snip-steps li { padding: 0 20px 0 40px; width: 25%; float: left; display: table; min-height: 30px; list-style: none; position: relative; }
.snip-layout .snip-steps li p { height: 100%; margin: 0px; font-size: 12px; line-height: 15px; display: table-cell; vertical-align: middle; }
.snip-layout .snip-steps li:before { counter-increment: section; content: counter(section); width: 30px; height: 30px; border: 2px solid #2d499d; font-size: 14px; color: #2d499d; top: 0px; left: 0px; position: absolute; text-align: center; line-height: 26px; border-radius: 100%; background: #fff; }
.snip-layout .snip-steps li.js-active:before { color: #fff; background: #2d499d; }
.snip-layout .snip-steps #snipcart-shipping-address-step { display: none; }

.snip-layout #snipcart-sub-content {
    padding: 30px 0 0 0;
    width: 100%;
    float: left;
}
.snip-layout .snip-table { width: 100%; float: left; border-spacing: 0; border-collapse: collapse; }
.snip-layout .snip-table th { padding: 5px 0; font-size: 15px; color: #2d499d; text-transform: uppercase; text-align: left; border-bottom: 1px solid #ccc; }
.snip-layout .snip-table td { padding: 6px 0; font-size: 14px; border-bottom: 1px solid #ccc; line-height: normal; }
.snip-layout .snip-table td h2 { padding: 0 15px 0 0; margin: 0px; font-size: 14px; color: #818181; font-family: gotham_bookregular, Arial, sans-serif; font-weight: 600; }
.snip-layout .snip-table td p { margin: 0px; }
.snip-layout .snip-table .snip-product__remove { width: 16px; height: 16px; display: inline-block; font-size: 10px; color: #fff; font-weight: 700; line-height: 15px; text-align: center; text-decoration: none; border-radius: 100%; background: #9b9b9b; }
.snip-layout .snip-table .snip-product__remove:after { content: 'x'; }

.snip-layout .snip-btn--left { float: left; }
.snip-layout .snip-btn--right { float: right; }

.snip-layout #snipcart-upcoming-payments { width: 100%; float: left; }

.snip-layout #snipcart-discounts { width: 100%; float: left; }
.snip-layout #snipcart-discounts a { font-size: 14px; color: #2d499d; }
.snip-layout #snipcart-discounts a:hover { text-decoration: none; }

.snip-layout .snip-actions { padding: 15px 0 0 0; width: 100%; float: left; }

.snip-layout .snip-footer { display: none; padding: 18px 0 0 0; margin-top: 30px; width: 100%; float: left; font-size: 16px; border-top: 1px solid #ccc; }
.snip-layout .snip-footer a { color: #2d499d; }
.snip-layout .snip-footer a:hover { text-decoration: none; } 

.snip-layout input, .snip-layout select { height: 36px!important; font-size: 14px; }

.snip-layout .snipcart-step { width: 100%; float: left; }
.snip-layout .snip-layout__content { width: 100%; float: left; }
.snip-layout .snip-layout__content .snip-col { margin: 0 -10px; display: block; clear: both; }
.snip-layout .snip-layout__content .snip-col > .snip-form__container { padding: 0 10px 20px 10px; width: 25%; float: left; }
.snip-layout .snip-layout__content .snip-col > .snip-form__container.snip-form__container--select { width: 50%; }
.snip-layout .snip-layout__content .snip-col > .snip-form__container.snip-form__container--select .snip-form__container--select { width: 48%; float: left; }
.snip-layout .snip-layout__content .snip-col > .snip-form__container.snip-form__container--select .snip-form__container--select:last-child { float: right; }
.snip-layout .snip-layout__content .snip-col .snip-form__container label { margin-bottom: 4px; display: inline-block; font-size: 14px; }
.snip-layout .snip-layout__content .snip-col .snip-form__container .snip-form__help { margin-right: 5px; display: inline-block; text-decoration: none; font-weight: 700; font-size: 14px; color: #2d499d; }
.snip-layout .snip-layout__content .snip-col .snip-form__container input, .snip-layout .snip-layout__content .snip-col .snip-form__container select { width: 100%; }

.snip-layout .snip-static__title { padding: 0 10px; color: #2d499d; font-family: gotham_bookregular, Arial, sans-serif; }
.snip-layout .snip-static__content { padding: 0 10px; margin-bottom: 25px; width: 100%; float: left; }
.snip-layout .snip-static__content p { margin: 0px; font-size: 14px; }

.snip-layout #snipcart-cvc-content-holder { width: 100%; float: left; }

.snip-layout .snipcart-step > div > .snip-col { width: 50%; float: left; clear: none; }

.product_cart #msg { color: red; clear: both; float: left; width: 100%; }

.Userbutton { text-align: center; }
.Userbutton input[type=button] { min-width: 220px; }

/*Ticket __AMW-85___*/

.contact-form .form-row input[type=text],
.contact-form .form-row input[type=password],
.contact-form .form-row input[type=number],
.contact-form .form-row input[type=email],
.contact-form .form-row select,
.contact-form .form-row textarea,
.contact-form .form-row .selectric-wrapper .selectric {
    color: #9B9B9B;
    font-family: gotham_bookregular;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-width: 1px;
    width: 100%;
}
    .contact-form .form-row .selectric-wrapper .selectric .label,
    .contact-form .form-row label,
    .contact-form .form-row .label-area {
        color: #9B9B9B;
        width: 100%;
        text-align: left;
        font-family: gotham_bookregular;
    }

.contact-form .form-row input[type=submit], .contact-form .form-row input[type=button] {
    margin: 20px 0 0 0 !important;
}
/*Ticket __AMW-85___End*/

@media (max-width: 1023px) {
    .snip-layout { padding: 0 15px; }

}

@media (max-width: 767px) {

    .snip-layout .snip-header .snip-header__title { font-size: 22px; }
    .snip-layout .snip-btn { padding: 6px 10px; }

    .snip-layout p { font-size: 13px; }

    .snip-layout .snip-table th { font-size: 12px; line-height: 14px;}
    .snip-layout #snipcart-main-content { padding: 25px 15px; }
    .snip-layout .snip-table td h2 { font-size: 12px; line-height: 16px; }
    .snip-layout .snip-table td { font-size: 12px; line-height: 16px; }
    .snip-layout .snip-layout__content .snip-col > .snip-form__container { padding: 0 10px 10px 10px; width: 100%; }
    .snip-layout .snip-layout__content .snip-col .snip-form__container label { margin-bottom: 0; }
    .snip-layout .snip-layout__content .snip-col > .snip-form__container.snip-form__container--select { width: 100%; }

    .snip-layout .snip-steps { margin: 15px 0 0 -15px; padding: 15px 15px; width: calc(100% + 30px); }
    .snip-layout .snip-steps li { margin: 5px 0; width: 50%; }

    .snip-layout #snipcart-sub-content { padding: 20px 0 0 0; }

    .snip-layout .snip-form--discount { width: 40%; }
    .snip-layout .snip-form--discount input { width: 100%; }

    .snip-layout .snipcart-step > div > .snip-col { width: 100%; }

    .detail > .span-12 { padding: 0; }
    .detail .span-12 .span-9, .detail .span-12 .span-3 { padding: 0; }
    .product_cart .title .opt { font-size: 12px; line-height: 18px; }
    .product_cart .title_bottom .opt { font-size: 13px; }
    .product_cart .cart_info { font-size: 12px; line-height: 18px; }
    .product_cart .cart_info input[type="radio"] { margin: 3px 7px 0 0; }
    .product_cart .cart_btn { margin: 50px 0 0 0; }
    .product_cart .sub_cart_info .name { margin-left: 20px; width: calc(45% - 35px); }
    .product_cart .title .opt:last-child { width: 25%; }
    .product_cart .title_bottom .total { padding-right: 25px; width: 75%; }

}

@media (max-width: 480px) {
    
    .snip-layout .snip-table th { font-size: 9px; }
    .snip-layout .snip-table td, .snip-layout .snip-table td h2 { font-size: 10px; padding-right: 5px; line-height: 14px; }
    

}



.pricing-clone tr{display:none}
.pricing-clone tr:first-child,
.pricing-clone tr:nth-child(2),
.pricing-clone tr:nth-child(3),
.pricing-clone tr:nth-child(4),
.pricing-clone tr:nth-child(5),
.pricing-clone tr.show-all  {display:table-row}


@media (min-width: 768px){
	
	.pricingnew .pricing-col { display: table !important; }
	.pricingnew .pricing-col.pricing-clone { display: none !important; }
	
}

@media (max-width: 767px){
	
	/*.pricingnew .pricing-col { display: none !important; }
	.pricingnew .pricing-col.pricing-clone { display: none !important; }
	
}


.pricing-clone .button-container {
    border: 2px solid #f9f9fb;
    /*margin: -6px -12px -8px;*/
    padding: 7px 0;
    position: relative;
    z-index: 2;
}



@media (max-width: 459px) {
    .pricing.tableprice.enterpriseonpremise {
        overflow-y: auto;
    }
    .pricing.tableprice.enterpriseonpremise .pricing-col {
        width: auto;
    }
}

/*test*/
/* For ticket amw-92 Start */
.full-container {
    overflow: hidden;
}
.parent_pricing {padding: 0 0 60px 0;width: 100%;}  /*float: left;*/
.parent_pricing:after {width: auto;height: 300px;position: absolute;content: "";bottom: 0px;left: -100%;z-index: -1;background: #2D499D;right: -100%;}
.parent_pricing .pricing { margin-bottom: 20px; padding: 60px 15px 40px 15px; width: 100%; float: left; text-align: center; box-shadow: 0px 0px 7px rgba(0,0,0,0.1); background: #fff; }
.parent_pricing .pricing .heading { width: 100%; float: left; }
.parent_pricing .pricing .title { font-size: 28px; color: #2D499D; text-transform: none; letter-spacing: 4px; }
.parent_pricing .pricing .image { width: 100%; float: left; height: 200px; }
.parent_pricing .pricing .image.starter { background: url(/AdvantageCSP/Assets/Images/starter.png) no-repeat center center / 40px auto; }
.parent_pricing .pricing .image.professional {background: url(/AdvantageCSP/Assets/Images/professional.png) no-repeat center center / 90px auto;}
.parent_pricing .pricing .image.enterprise { background: url(/AdvantageCSP/Assets/Images/enterprise.png) no-repeat center center / 110px auto; }
.parent_pricing .pricing .content { width: 100%; float: left; }
.parent_pricing .pricing .content .price_text { min-height: 105px; font-size: 16px; color: #5d5b5b; line-height: normal; }
.parent_pricing .pricing .content .price-figure { margin: 0 0 34px 0; font-size: 38px; color: #5d5b5b; }
.parent_pricing .pricing .btn-cta-primary { padding: 5px 18px; display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; text-decoration: none; border-radius: 30px; background: #2D499D; }
.parent_pricing .pricing .compare { margin-top: 5px; font-size: 16px; color: #2D499D; text-transform: uppercase; text-decoration: none; }

@media (max-width: 991px){

    .parent_pricing { padding: 0 0 40px 0; }
    .parent_pricing .pricing { padding: 50px 15px 35px 15px; }
    .parent_pricing .pricing .title { letter-spacing: 3px; font-size: 22px; }
    .parent_pricing .pricing .image { height: 150px; }
    .parent_pricing .pricing .content .price_text { font-size: 15px; }
    .parent_pricing .pricing .content .price-figure { font-size: 30px; }
    .parent_pricing .pricing .btn-cta-primary { font-size: 15px; }
    .parent_pricing:after { height: 260px; }

}

@media (max-width: 767px) {

    .parent_pricing { padding: 0 0 30px 0; }
    .parent_pricing .pricing .compare { display: block; }
    
    .parent_pricing:after { display: none; }
    .parent_pricing .pricing .image { height: 140px; }

    .span-12 { clear: both; }

}

    /* For ticket amw-92 End */


/* For ticket amw-93 start */

.white_search .search-content { position: relative; }
.white_search .nav-icon { width: 44px; height: 44px; position: absolute; top: 0px; right: 0px; }
nav.main-nav div.search .white_search input[type=text] { width: 100%; }

@media (max-width: 767px) {
    .white_search {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* For ticket amw-93 end */

.contact-form .form-row label {
    float: none;
}
.contact-form .form-row {
    overflow: visible;
}

.sew_ac_results{ 
    z-index: 100000 !important;
}

@media(min-width: 992px){
    .logo.only-logo{
        margin-top:2rem;
        margin-bottom:1.4rem;
    }
}


.panel-collapse {transition:all 0.5s; overflow:hidden;}
.panel-collapse.collapse {display:block; height:0; overflow:hidden;}
.panel-collapse.collapsing {display:block;}
.panel-collapse.collapse.in {height:auto}
.panel-collapse .panel-body {padding:10px 30px}


a.panel-toggle svg {margin-right:10px; }
.panel-heading {margin-top:15px}

.panel-title a {font-size: 1.9rem;
    line-height: 3rem;
    margin-bottom: .5rem;
    text-transform: inherit;
}