.fp-controlArrow,
.fp-slidesNav {
    -ms-transform: translate3d(0, 0, 0)
}

.fp-controlArrow,
.slick-slider {
    -webkit-user-select: none;
    -khtml-user-select: none
}

.clearfix,
.clearfix:after,
.nice-select,
.slick-track:after {
    clear: both
}

    .focussed,
    .nice-select:after,
    .slick-slide.dragging img {
        pointer-events: none
    }

.media .fancybox-is-hidden,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.media .fancybox-infobar,
.slick-slider {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.features .features-section .tab-main .wrapper.card-changs .tab-content .grid .item .content .title {
    /*height:80px;*/
}

.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -moz-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#fp-nav,
.fp-slidesNav {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%
}

    #fp-nav.right {
        right: 17px
    }

    #fp-nav.left {
        left: 17px
    }

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    transform: translate3d(0, 0, 0)
}

    .fp-slidesNav.bottom {
        bottom: 17px
    }

    .fp-slidesNav.top {
        top: 17px
    }

    #fp-nav ul,
    .fp-slidesNav ul {
        margin: 0;
        padding: 0
    }

        #fp-nav ul li,
        .fp-slidesNav ul li {
            display: block;
            width: 14px;
            height: 13px;
            margin: 7px;
            position: relative
        }

        .fp-slidesNav ul li {
            display: inline-block
        }

            #fp-nav ul li a,
            .fp-slidesNav ul li a {
                display: block;
                position: relative;
                z-index: 1;
                width: 100%;
                height: 100%;
                cursor: pointer;
                text-decoration: none
            }

                #fp-nav ul li a.active span,
                #fp-nav ul li:hover a.active span,
                .fp-slidesNav ul li a.active span,
                .fp-slidesNav ul li:hover a.active span {
                    height: 12px;
                    width: 12px;
                    margin: -6px 0 0 -6px;
                    border-radius: 100%
                }

                #fp-nav ul li a span,
                .fp-slidesNav ul li a span {
                    border-radius: 50%;
                    position: absolute;
                    z-index: 1;
                    height: 4px;
                    width: 4px;
                    border: 0;
                    background: #333;
                    left: 50%;
                    top: 50%;
                    margin: -2px 0 0 -2px;
                    -webkit-transition: all .1s ease-in-out;
                    -moz-transition: all .1s ease-in-out;
                    -o-transition: all .1s ease-in-out;
                    transition: all .1s ease-in-out
                }

            #fp-nav ul li:hover a span,
            .fp-slidesNav ul li:hover a span {
                width: 10px;
                height: 10px;
                margin: -5px 0 0 -5px
            }

        #fp-nav ul li .fp-tooltip {
            position: absolute;
            top: -2px;
            color: #fff;
            font-size: 14px;
            /* font-family: arial, helvetica, sans-serif; */
            white-space: nowrap;
            max-width: 220px;
            overflow: hidden;
            display: block;
            opacity: 0;
            width: 0;
            cursor: pointer
        }

.bottom-gradient .owners,
.bottom-gradient h3 {
    font-family: 'IBM Plex Sans', sans-serif;
    text-transform: uppercase
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after,
    .slick-track:before {
        content: "";
        display: table
    }

.slick-slide,
.slick-slide.slick-loading img {
    display: none
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover,
    .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonDown.nice-select.open,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft.nice-select.open,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight.nice-select.open,
    .mCSB_scrollTools .mCSB_buttonRight:active,
    .mCSB_scrollTools .mCSB_buttonUp.nice-select.open,
    .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, .2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2)
format("woff2"), url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: IBM Plex Sans; src: url(font/IBM Plex Sans.eot); src: url(font/IBM
Plex Sans.eot?#iefix) format("embedded-opentype"), url(font/IBM Plex Sans.woff2) format("woff2"), url(font/IBM Plex Sans.woff) format("woff"), url(font/IBM Plex Sans.svg#IBM Plex Sans) format("svg"); font-weight: 500; font-style: normal } */

main {
    width: 100%
}

    main .banner-section {
        position: relative;
        height: 100%;
        width: 100%;
        /* overflow: hidden; */
    }

        main .banner-section .home-banner {
            height: 100%;
            width: 100%
        }

@media (max-width: 1024px) {
    header .top-section .header-right {
        padding-top: 15px;
    }

    main .banner-section .home-banner .slick-dots {
        bottom: 0px;
    }

    .fullscreen-menu.active a.pull-left img {
        max-width: 110px;
        max-height: 100px;
        margin-left: 10px;
    }

    .fullscreen-menu.active .brder-btm-line {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #E3E3E3;
        padding-bottom: 10px;
    }
}

@media (max-width:767px) {
    main .banner-section .home-banner {
        height: calc(100vh - 130px)
    }

    .sticky-btm_navigation {
        display: none;
    }
}

@media (max-width:600px) {
    main .banner-section {
        margin-top: 60px
    }

        main .banner-section .home-banner {
            padding-bottom: 0;
            height: 100%
        }
}

main .banner-section .home-banner .slick-list,
main .banner-section .home-banner .slick-slider,
main .banner-section .home-banner .slick-track {
    height: 100%
}

main .banner-section .home-banner .slider-item {
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 1
}

    main .banner-section .home-banner .slider-item .image-holder {
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important
    }

        main .banner-section .home-banner .slider-item .image-holder .in-mobile {
            display: none
        }

@media (max-width:768px) {
    main .banner-section .home-banner .slider-item .image-holder .in-mobile {
        display: inline
    }
}

main .banner-section .home-banner .slider-item .image-holder .in-desktop {
    display: inline-block;
    width: 100%;
    /* margin-top: 40px */
}

@media (max-width:768px) {
    main .banner-section .home-banner .slider-item .image-holder .in-desktop {
        display: none
    }

    main .banner-section .home-banner .slider-item .image-holder {
        background: 0 0 !important
    }
}

main .banner-section .home-banner .slick-dots {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 30px;
    z-index: 4;
    max-width: 370px;
    /* margin: 0 auto; */
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30px;
    padding: 0px 0 10px 0px;
    background-color: #fff;
    /* box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1); */
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

@media (max-width:1200px) {
    main .banner-section .home-banner .slick-dots {
        bottom: -60px
    }
}
/* @media (max-width:600px) {
    main .banner-section .home-banner .slick-dots {
        bottom: 20px
    }
} */

main .banner-section .home-banner .slick-dots li {
    display: inline-block;
    margin: 10px
}

    main .banner-section .home-banner .slick-dots li button {
        background: #222429;
        min-width: 40px;
        font-size: 0;
        border: none;
        outline: 0;
        height: 6px;
        cursor: pointer;
        border-radius: 30px;
    }

@media (max-width:780px) {
    main .banner-section .home-banner .slick-dots {
        background-color: transparent;
        box-shadow: none;
    }

    main .banner-section .home-banner .slick-dots {
        bottom: -40px;
    }
}

@media (max-width:480px) {
    main .banner-section .home-banner .slick-dots li button {
        width: 12px;
        min-width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #222429;
        /* opacity: .8; */
        margin: 0 3px
    }
}

main .banner-section .home-banner .slick-dots li button:hover {
    background: #CE0024;
}

main .banner-section .home-banner .slick-dots li.slick-active button {
    background: #CE0024;
}

@media (max-width:480px) {
    main .banner-section .home-banner .slick-dots li.slick-active button {
        background: #CE0024;
        opacity: 1
    }
}

.bottom-gradient {
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .3) 100%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .3) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 50px;
    z-index: 99;
    transition: all .34s;
    display: table
}

@media (max-width:769px) {
    .bottom-gradient {
        display: none
    }
}

.bottom-gradient div {
    display: table-cell;
    vertical-align: middle
}

.bottom-gradient h3 {
    font-size: 25px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    transition: all .34s
}

    .bottom-gradient h3 span {
        font-size: 20px;
        transition: all .34s
    }

.bottom-gradient .owners {
    font-size: 21px;
    color: #5575b3;
    transition: all .34s
}

    .bottom-gradient .owners sub {
        font-size: 15px
    }

.bottom-gradient .bottom-sticky-links {
    text-align: right
}

    .bottom-gradient .bottom-sticky-links li {
        display: inline-block;
        list-style: none;
        margin-left: 10px
    }

        .bottom-gradient .bottom-sticky-links li a {
            padding: 7px 12px;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 1px;
            display: table-cell;
            vertical-align: middle;
            line-height: 15px;
            width: 150px;
            height: 45px;
            text-align: center;
            color: #fff;
            transition: all .34s;
            font-size: 12px
        }

.bottom-gradient.sticky-bottom {
    background: #000;
    padding: 15px 50px 10px
}

    .bottom-gradient.sticky-bottom h3 {
        font-size: 21px
    }

        .bottom-gradient.sticky-bottom h3 span {
            font-size: 16px
        }

    .bottom-gradient.sticky-bottom .owners {
        font-size: 18px
    }

        .bottom-gradient.sticky-bottom .owners sub {
            font-size: 12px
        }

.home-products {
    overflow-x: hidden
}

    .home-products .home-products-inner {
        padding-top: 80px
    }

        .home-products .home-products-inner h3 {
            font-weight: 500;
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 40px;
            text-align: center;
            text-transform: capitalize;
            color: #000;
        }

@media (max-width:769px) {
    .home-products .home-products-inner {
        padding-top: 20px
    }
}

@media (max-width:600px) {
    .home-products .home-products-inner {
        padding-top: 0
    }

        .home-products .home-products-inner h3 {
            margin-top: 0;
            font-size: 26px;
            line-height: 30px;
            font-weight: 500;
        }

    .items .slick-list li .content img,
    .items .slick-track li .content img {
        margin-bottom: 0;
    }

    .home-products-inner {
        background-color: #eef2f5;
    }

        .home-products-inner > h3 {
            padding: 40px 0 20px;
            margin-bottom: 0;
        }

    .home-products .home-products-inner .items {
        margin-top: 0px
    }
}

.home-products .home-products-inner .home-product-slider {
    position: relative;
    padding-bottom: 100px
}

    .home-products .home-products-inner .home-product-slider:before {
        left: -50px;
        background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 8%
    }

    .home-products .home-products-inner .home-product-slider:after {
        right: -50px;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 8%
    }

.home-products .home-products-inner .slick-dots {
    width: 100%;
    text-align: center;
    margin: 20px auto;
    background: 0 0
}

    .home-products .home-products-inner .slick-dots li {
        background: 0 0;
        display: inline-block;
        padding: 8px
    }

        .home-products .home-products-inner .slick-dots li button {
            font-size: 0;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            outline: 0;
            background: #222429;
            border: none
        }

        .home-products .home-products-inner .slick-dots li.slick-active button {
            background: #CE0024;
        }

.items {
    list-style: none;
    margin-top: 50px;
    margin-bottom: 0px;
    position: relative
}

    .items .slick-list,
    .items .slick-track {
        height: 100%
    }

        .items .slick-list li .content,
        .items .slick-track li .content {
            padding: 60px 50px;
            width: 100%;
            position: relative
        }

@media (max-width:768px) {
    .items .slick-list li .content,
    .items .slick-track li .content {
        border: none
    }
}

.items .slick-list li .content .nav,
.items .slick-track li .content .nav {
    display: none
}

    .items .slick-list li .content .nav .left,
    .items .slick-track li .content .nav .left {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 45%;
        left: -20px;
        cursor: pointer;
        background: url(images/arrows-sprite.png) 0 -39px no-repeat;
        transition: all .34s
    }

        .items .slick-list li .content .nav .left:hover,
        .items .slick-track li .content .nav .left:hover {
            background-position: -40px -39px
        }

    .items .slick-list li .content .nav .right,
    .items .slick-track li .content .nav .right {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 45%;
        right: -20px;
        cursor: pointer;
        background: url(images/arrows-sprite.png) no-repeat;
        transition: all .34s;
        z-index: 9
    }

        .items .slick-list li .content .nav .right:hover,
        .items .slick-track li .content .nav .right:hover {
            background-position: -40px 0
        }

@media (max-width:769px) {
    .items .slick-list li .content img,
    .items .slick-track li .content img {
        margin-top: 0;
        margin-bottom: 30px
    }
}

.items .slick-list li .content .slider-content,
.items .slick-track li .content .slider-content {
    display: table;
    width: 100%;
    color: #000
}

.items:after,
.items:before {
    position: absolute;
    top: 0;
    height: 100%;
    width: 80px;
    content: ""
}

.items .slick-list li .content .slider-content div,
.items .slick-track li .content .slider-content div {
    display: table-cell;
    vertical-align: middle
}

@media (max-width:1050px) {
    .items .slick-list li .content,
    .items .slick-track li .content {
        padding: 10px
    }

        .items .slick-list li .content .slider-content div,
        .items .slick-track li .content .slider-content div {
            display: block;
            text-align: center
        }
}

.items .slick-list li .content .slider-content div:last-child,
.items .slick-track li .content .slider-content div:last-child {
    text-align: right
}

@media (max-width:1050px) {
    .items .slick-list li .content .slider-content div:last-child,
    .items .slick-track li .content .slider-content div:last-child {
        text-align: center
    }
}

.items .slick-list li .content .slider-content h3,
.items .slick-track li .content .slider-content h3 {
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 0;
    text-align: left;
    font-family: IBM Plex Sans;
    font-weight: bolder;
    margin-top: 0
}

@media (max-width:1050px) {
    .items .slick-list li .content .slider-content h3,
    .items .slick-track li .content .slider-content h3 {
        text-align: center;
        /* background: #4660aa;
        background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
        background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
        background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1); */
        -webkit-background-clip: text;
        -webkit-text-fill-color: #000;
        margin-top: 20px
    }
}

@media (max-width:600px) {
    .items .slick-list li .content .slider-content h3,
    .items .slick-track li .content .slider-content h3 {
        font-size: 24px
    }

    .items .slick-list li .content,
    .items .slick-track li .content {
        padding: 20px 20px 10px;
    }

        .items .slick-list li .content .slider-content h3,
        .items .slick-track li .content .slider-content h3 {
            margin-top: 0;
        }
}

.items .slick-list li .content .slider-content span,
.items .slick-track li .content .slider-content span {
    font-size: 22px;
    display: block;
    text-align: left;
    margin-top: 5px
}

@media (max-width:1050px) {
    .items .slick-list li .content .slider-content span,
    .items .slick-track li .content .slider-content span {
        text-align: center;
        font-size: 25px;
        color: #000;
        font-family: IBM Plex Sans
    }
}

@media (max-width:600px) {
    .items .slick-list li .content .slider-content span,
    .items .slick-track li .content .slider-content span {
        font-size: 17px;
        font-family: IBM Plex Sans;
        line-height: 20px;
    }
}

.items .slick-list li .content .slider-content a,
.items .slick-track li .content .slider-content a {
    float: right;
    padding: 12px 23px;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    min-width: 150px;
    text-align: center
}

.items:before {
    left: -50px;
    background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    z-index: 1
}

.items:after {
    right: -50px;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.items .slick-list li.slick-current .content .nav,
.items .slick-track li.slick-current .content .nav {
    display: block
}

.items li .content {
    transition: transform .8s linear;
    transition-delay: .5s;
    text-align: center;
    opacity: 1;
    position: relative;
    /* border: 1px solid #eaeaea */
}

    .items li .content .slider-content {
        opacity: 1
    }

.items li:not(.slick-current) .content {
    transition-delay: 0s;
    opacity: 1;
    border: none;
    cursor: pointer
}

@media (max-width:1050px) {
    .items .slick-list li .content .slider-content a,
    .items .slick-track li .content .slider-content a {
        float: none;
        max-width: 150px;
        margin: 30px auto;
        display: block
    }

    .items .slick-list li.slick-current .content .nav,
    .items .slick-track li.slick-current .content .nav {
        display: none
    }

    .items li.slick-active {
        background: #eef2f5;
        border: none
    }

    .items li:not(.slick-current) .content {
        opacity: 1
    }
}

@media (max-width:600px) {
    .items .slick-list li .content .slider-content a,
    .items .slick-track li .content .slider-content a {
        margin-bottom: 12px
    }

    .items li:not(.slick-current) .content {
        opacity: .5
    }
}

.items li:not(.slick-current) .content .nav,
.items li:not(.slick-current) .content .slider-content {
    opacity: 0;
    transition: all .34s
}

.pioneers {
    background: #EAEAEA;
    padding: 80px 0;
    position: relative
}

@media (max-width:px) {
    .pioneers {
        padding: 40px 0
    }
}

.pioneers .title {
    color: #000;
    text-transform: initial;
    font-size: 40px;
    line-height: 52px;
    text-align: center;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500
}

@media (max-width:600px) {
    .pioneers .title {
        font-size: 26px;
        line-height: 30px;
    }

    .home-products .home-products-inner .slick-dots {
        width: 100%;
        text-align: center;
        margin: 0;
        background: 0 0;
        padding-bottom: 20px;
    }
}

.pioneers .p-slider {
    max-width: 1170px;
    margin: auto;
    padding: 10px 0;
    position: relative
}

    .pioneers .p-slider .slick-next,
    .pioneers .p-slider .slick-prev {
        font-size: 0;
        border: none;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 50%;
        transition: all .34s;
        z-index: 1;
        cursor: pointer;
        outline: 0
    }

    .pioneers .p-slider .slick-prev {
        left: -10px;
        background: url(images/arrows-sprite.png) 0 -39px no-repeat
    }

        .pioneers .p-slider .slick-prev:hover {
            background-position: -40px -39px
        }

    .pioneers .p-slider .slick-next {
        right: -10px;
        background: url(images/arrows-sprite.png) no-repeat
    }

        .pioneers .p-slider .slick-next:hover {
            background-position: -40px 0
        }

@media (max-width:769px) {
    .pioneers .p-slider .slick-next,
    .pioneers .p-slider .slick-prev {
        display: none !important
    }
}

.pioneers .p-slider .p-item .p-inner {
    /* border: 1px solid #2e3136; */
    margin: 80px 10px 10px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 4px 13px rgba(0, 0, 0, .129412)
}

    .pioneers .p-slider .p-item .p-inner .testi-image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        margin-bottom: 30px;
    }

        .pioneers .p-slider .p-item .p-inner .testi-image img {
            width: 100%
        }

@media (max-width:600px) {
    /* .pioneers .p-slider .p-item .p-inner .testi-image {
        margin: -80px auto auto
    } */
}

.pioneers .p-slider .p-item .p-inner p {
    color: #000;
    line-height: 30px;
    font-size: 15px;
    display: block;
    min-height: 113px;
    max-width: 85%;
    position: relative;
    margin-bottom: 25px
}

    .pioneers .p-slider .p-item .p-inner p:after {
        position: absolute;
        content: "";
        left: 0;
        width: 100%;
        bottom: 0;
        height: 3px;
        /*background: url(images/testi-line.png) left center no-repeat*/
    }

@media (max-width:600px) {
    .pioneers .p-slider .p-item .p-inner p {
        text-align: left;
        max-width: 100%;
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .pioneers .p-slider .p-item .p-inner {
        margin: 20px 10px 0px;
        padding: 15px;
    }

    .nw_blog-banner-warp .skew-line {
        padding: 5px 0;
    }
}

.pioneers .p-slider .p-item .p-inner .testi-name {
    text-align: left;
    color: #A4A4A4;
    font-size: 14px;
    text-transform: uppercase
}

.pioneers .p-slider .p-item .p-inner .testi-place {
    text-align: left;
    color: #A4A4A4;
    font-size: 14px;
    margin-top: 10px;
    text-transform: capitalize;
    margin-left: 10px
}

.pioneers .p-slider .slick-dots {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background: 0 0
}

    .pioneers .p-slider .slick-dots li {
        background: 0 0;
        display: inline-block;
        padding: 7px
    }

        .pioneers .p-slider .slick-dots li button {
            font-size: 0;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            outline: 0;
            background: #222429;
            border: none
        }

        .pioneers .p-slider .slick-dots li.slick-active button {
            background: #CE0024;
        }

.solutions {
    padding: 80px 0 20px
}

@media (max-width:1200px) {
    .pioneers .p-slider .slick-prev {
        left: 0
    }

    .pioneers .p-slider .slick-next {
        right: 0
    }

    .solutions {
        padding-top: 40px
    }
}

.solutions h3 {
    font-size: 40px;
    margin-bottom: 40px;
    text-align: center;
    line-height: 52px;
}

@media (max-width:600px) {
    .solutions {
        padding-top: 40px
    }

        .solutions h3 {
            font-size: 26px;
            line-height: 30px;
        }

        .sol-text .sol-text-sub_txt,
        .solutions .sol-inner a .sol-text {
            text-align: left;
        }
}

.solutions .sol-inner {
    max-width: 1170px;
    padding: 0 10px;
    margin: auto;
    display: table;
    border-spacing: 7px;
    border-collapse: separate;
    table-layout: fixed
}

.sticky-btm_navigation {
    margin: 100px 0;
}

    .sticky-btm_navigation .stik_img img {
        width: 100%;
        display: block;
    }

    .sticky-btm_navigation .stky_btm-wrap {
        max-width: 1170px;
        padding: 0 10px;
        margin: auto;
        display: flex;
        flex-flow: row;
    }

.stky-nav .stik_img {
    max-width: 20px;
    max-height: 20px;
}

    .stky-nav .stik_img.sml-img {
        max-width: 17px;
    }

.sticky-btm_navigation .stky-nav {
    padding: 20px;
    border: 1px solid #A4A4A4;
    width: 25%;
    max-width: 450px;
    margin-right: 15px;
    transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -ms-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
}

    .sticky-btm_navigation .stky-nav:hover {
        box-shadow: 0 4px 13px rgba(0, 0, 0, .129412)
    }

    .sticky-btm_navigation .stky-nav:last-child {
        margin-right: 0px;
    }

.sticky-btm_navigation .stik_data h4 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    text-transform: capitalize;
    margin: 10px 0;
    color: #000;
}

.sticky-btm_navigation .stik_data p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}

@media (max-width:1250px) {
    .sticky-btm_navigation .stky-nav {
        padding: 10px;
        margin-right: 10px;
    }

    .sticky-btm_navigation .stik_data h4 {
        font-size: 18px;
        line-height: 24px;
        margin: 8px 0;
    }

    .sticky-btm_navigation .stik_data p {
        font-size: 13px;
        line-height: 20px;
    }

    .sticky-btm_navigation {
        margin: 50px 0;
    }

    footer .footer-wrapper {
        padding: 15px 0;
    }
}

@media (max-width:600px) {
    .solutions .sol-inner {
        display: block
    }

    .solutions .sol-inner {
        padding: 0 20px;
    }

        .solutions .sol-inner a .sol-text {
            text-align: left;
        }

    .sol-text .sol-text-sub_txt {
        text-align: left;
    }
}

.solutions .sol-inner a {
    display: table-cell;
    vertical-align: top;
    padding: 3px 0;
    width: 33.33%;
}

.sol-text .sol-text-sub_txt {
    padding: 0 10px;
}

@media (max-width:600px) {
    .solutions .sol-inner a {
        display: block
    }
}

.solutions .sol-inner a .sol-image img {
    width: 100%
}

.solutions .bg-img-skw-lft {
    display: block;
    width: 100%;
}

.solutions .bg-img-skw-lft {
    position: absolute;
    z-index: -1;
    top: 2%;
    left: -27%;
}

@media (max-width:1500px) {
    .solutions .bg-img-skw-lft {
        left: -40%;
    }
}

.sol-text .sol-text-sub_txt {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-transform: initial;
    margin-top: 10px;
}

.solutions .sol-inner a .sol-text {
    text-align: center;
    text-transform: capitalize;
    color: #000;
    margin: 20px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
}

.solutions .sol-inner .slick-dots {
    width: 100%;
    text-align: center;
    margin-top: 0;
    background: 0 0
}

    .solutions .sol-inner .slick-dots li {
        background: 0 0;
        display: inline-block;
        padding: 8px
    }

        .solutions .sol-inner .slick-dots li button {
            font-size: 0;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            outline: 0;
            background: #222429;
            border: none
        }

        .solutions .sol-inner .slick-dots li.slick-active button {
            background: #CE0024;
        }

.info {
    color: #A4A4A4;
    font-size: 18px;
    text-align: center;
    max-width: 1300px;
    padding: 0 10px;
    margin: auto auto 80px
}

    .info a {
        color: #000
    }

@media (max-width:769px) {
    .info {
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 24px
    }
}

.drive-all-main {
    display: none
}

@media (max-width:768px) {
    .drive-all-main {
        display: block;
        margin-top: 40px;
    }
}

.drive-all-main .drive-all {
    text-align: center;
    padding: 12px 10px
}

    .drive-all-main .drive-all .table-cell {
        vertical-align: middle
    }

    .drive-all-main .drive-all .title {
        font-family: 'IBM Plex Sans', sans-serif;
        font-size: 16px;
        line-height: 20px;
        margin: 0 auto 5px;
        text-align: left;
        padding: 8px;
        line-height: auto;
        max-width: 400px;
        font-weight: 400;
    }

    .drive-all-main .drive-all .description {
        font-size: 17px;
        margin-bottom: 20px;
        text-align: left
    }

    .drive-all-main .drive-all .table {
        width: 80%;
        margin: auto;
        display: table
    }

    .drive-all-main .drive-all a {
        display: inline-block;
        padding: 12px 23px;
        margin: 5px;
        text-transform: uppercase;
        color: #000;
        font-size: 15px;
        font-family: 'IBM Plex Sans', sans-serif;
        border: 1px solid #000;
        font-weight: 400;
        font-size: 13px;
        line-height: 17px;
        max-width: 150px;
        text-transform: capitalize;
        transition: 0.34s all ease;
        -webkit-transition: 0.34s all ease;
        -moz-transition: 0.34s all ease;
        -ms-transition: 0.34s all ease;
        -o-transition: 0.34s all ease;
    }

        .drive-all-main .drive-all a:hover {
            color: #fff;
            background-color: #003881;
        }
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2)
format("woff2"), url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: IBM Plex Sans; src: url(font/IBM Plex Sans.eot); src: url(font/IBM
Plex Sans.eot?#iefix) format("embedded-opentype"), url(font/IBM Plex Sans.woff2) format("woff2"), url(font/IBM Plex Sans.woff) format("woff"), url(font/IBM Plex Sans.svg#IBM Plex Sans) format("svg"); font-weight: 500; font-style: normal } */

@media (max-width:600px) {
    .drive-all-main .drive-all .table {
        width: 100%
    }

    .drive-all-main .drive-all {
        padding: 12px 20px;
    }

        .drive-all-main .drive-all .title {
            padding: 0;
        }
}

.features .features-section {
    padding-top: 30px;
    position: relative;
    background: #fff;
    z-index: 9
}

    .features .features-section .wrapper {
        max-width: 1300px;
        margin: auto;
        padding: 0 10px
    }

        .features .features-section .wrapper .title {
            text-align: center;
            font-size: 26px
        }

            .features .features-section .wrapper .title a {
                margin: 0 30px;
                font-family: 'IBM Plex Sans', sans-serif;
                text-transform: uppercase;
                display: inline-block;
                color: #999;
                transition: all .45s
            }

    .features .features-section .sp-main {
        padding-bottom: 80px
    }

    .features .features-section .ft-tabs {
        padding: 80px 0 0;
        margin: 0;
        text-align: center;
        font-size: 0
    }

@media (max-width:769px) {
    .features .features-section .ft-tabs {
        padding-top: 0
    }
}

.features .features-section .ft-tabs li {
    display: inline-block;
    list-style: none;
    margin-left: -1px
}

    .features .features-section .ft-tabs li a {
        padding: 18px 38px;
        text-transform: uppercase;
        display: block;
        font-family: 'IBM Plex Sans', sans-serif;
        font-size: 14px;
        text-align: center;
        border: 1px solid #222429;
        color: #000;
        font-weight: 500;
        border-bottom: 0px;
        /* letter-spacing: 1px */
    }

        .features .features-section .ft-tabs li a:hover,
        .features .features-section .ft-tabs li.active a {
            color: #fff
        }

@media (max-width:768px) {
    .features .features-section .ft-tabs li {
        width: 40%
    }

        .features .features-section .ft-tabs li a {
            padding: 20px 40px
        }

    .features .features-section .tab-main .wrapper .tab-content:first-child {
        margin-bottom: 60px;
    }

    .features .features-section .sp-main {
        padding-bottom: 40px;
    }
}

@media (max-width:600px) {
    .features .features-section .ft-tabs li a {
        padding: 14px 0 0;
        height: 40px;
        display: block;
        font-size: 12px
    }
}

.features .features-section .tab-main {
    margin-top: -1px
}

    .features .features-section .tab-main .wrapper {
        max-width: 1300px;
        padding: 0 10px
    }

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper {
        padding: 0
    }
}

.features .features-section .tab-main .wrapper .tab-content {
    border: 1px solid #222429;
    padding: 40px 70px 10px;
    display: none
}

    .features .features-section .tab-main .wrapper .tab-content:first-child {
        display: block
    }

@media (max-width:1200px) {
    .features .features-section .tab-main .wrapper .tab-content {
        padding: 10px
    }
}

.features .features-section .tab-main .wrapper .tab-content .tab-name {
    text-align: center;
    margin-bottom: 20px;
    font-size: 35px;
    color: #2c2828
}

.features .features-section .tab-main .wrapper .tab-content .tab-dec {
    text-align: center;
    font-size: 18px;
    color: #666;
    display: block
}

@media (max-width:768px) {
    .features .features-section .tab-main .wrapper .tab-content .tab-dec {
        color: #4b4b4b;
        line-height: 23px;
        display: block;
        margin-bottom: 20px
    }

    .features .features-section .tab-main .wrapper .tab-content .grid .item {
        padding: 18px 0 8px
    }
}

.features .features-section .tab-main .wrapper .tab-content .grid {
    margin: 50px 0 25px;
    text-align: center
}

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .grid {
        margin: 0
    }
}

.features .features-section .tab-main .wrapper .tab-content .grid .item {
    max-width: 330px;
    display: inline-block;
    margin: 20px 15px 30px;
    box-shadow: 0 10px 39px #f7f3f3
}

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .grid .item {
        padding: 0;
        margin: 0 0 20px;
        max-width: 95%
    }
}

.features .features-section .tab-main .wrapper .tab-content .grid .item .img-con {
    width: 100%;
    max-height: 200px;
    position: relative
}

    .features .features-section .tab-main .wrapper .tab-content .grid .item .img-con img {
        position: relative
    }

.features .features-section .tab-main .wrapper .tab-content .grid .item .content {
    padding: 30px 30px 42px
}
    .features .features-section .tab-main .wrapper .tab-content .grid .item .content .title  span {
        text-transform:initial;
    }
    .features .features-section .tab-main .wrapper .tab-content .grid .item .content .title {
        font-size: 23px;
        color: #2c2828;
        margin-bottom: 22px;
        text-align: left;
        height: 37px;
        line-height: 25px;
        text-transform: capitalize;
    }



@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .grid .item .content {
        padding: 30px 15px
    }

        .features .features-section .tab-main .wrapper .tab-content .grid .item .content .title {
            text-align: center;
            height: auto;
            margin-bottom: 0
        }
}

.features .features-section .tab-main .wrapper .tab-content .grid .item .content p {
    line-height: 22px;
    font-family: 14px;
    color: #2c2828;
    text-align: left;
    min-height: 188px;
    overflow: hidden
}

.sus-main .innersticker .sus-tab li a,
.title a {
    font-family: 'IBM Plex Sans', sans-serif;
}

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .grid .item .content p {
        height: auto;
        text-align: center
    }
}

.features .features-section .tab-main .wrapper .tab-content .default-table {
    margin-bottom: 30px
}

    .features .features-section .tab-main .wrapper .tab-content .default-table ul {
        padding: 0;
        margin: -1px 0 0;
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%
    }

        .features .features-section .tab-main .wrapper .tab-content .default-table ul li {
            display: table-cell;
            vertical-align: middle;
            list-style: none;
            padding: 20px;
            font-size: 15px;
            text-align: center;
            border: 1px solid #222429;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: 500;
            /* letter-spacing: .5px */
        }

            .features .features-section .tab-main .wrapper .tab-content .default-table ul li:first-child {
                width: 345px;
                padding-left: 6%;
                text-align: left
            }

@media (max-width:1050px) {
    .features .features-section .tab-main .wrapper .tab-content .default-table ul li:first-child {
        width: 160px;
        padding: 5px
    }
}

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .default-table ul li:first-child {
        width: 100px;
        padding: 10px
    }

    .features .features-section .tab-main .wrapper .tab-content .default-table ul li {
        padding: 11px 0;
        font-size: 10px;
        font-weight: 400;
    }
}

.features .features-section .tab-main .wrapper .tab-content .default-table ul:first-child {
    text-transform: uppercase;
    font-size: 16px
}

.features .features-section .tab-main .wrapper .tab-content .default-table ul:last-child {
    color: #696969
}

.features .features-section .tab-main .wrapper .tab-content .content-table {
    text-transform: uppercase;
    margin-bottom: 15px
}

    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title {
        text-align: left;
        font-weight: 500;
        font-family: 'IBM Plex Sans', sans-serif;
        padding: 20px 20px 20px 10px;
        cursor: pointer;
        /* letter-spacing: .7px; */
        border: 1px solid #222429;
        color: #333
    }

        .features .features-section .tab-main .wrapper .tab-content .content-table .table-title .icon {
            position: relative;
            width: 16px;
            height: 16px;
            float: right
        }

            .features .features-section .tab-main .wrapper .tab-content .content-table .table-title .icon:after,
            .features .features-section .tab-main .wrapper .tab-content .content-table .table-title .icon:before {
                content: "";
                position: absolute;
                background-color: #000;
                transition: transform .25s ease-out
            }

        .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc,
        .features .features-section .tab-main .wrapper .tab-content .content-table .table-title:hover {
            transition: all .44s ease-in-out;
            color: #fff;
            /* filter:;
    progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1);
    -webkit-filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1); */
        }

        .features .features-section .tab-main .wrapper .tab-content .content-table .table-title .icon:before {
            top: -2px;
            left: 50%;
            width: 3px;
            height: 100%;
            margin-left: -1px
        }

        .features .features-section .tab-main .wrapper .tab-content .content-table .table-title .icon:after {
            top: 50%;
            left: 0;
            width: 100%;
            height: 3px;
            margin-top: -3px
        }

.nw-inner .btn > span {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    text-transform: capitalize;
}

.features .features-section .tab-main .wrapper .tab-content .content-table .table-title:hover {
    background: #003881;
    color: #fff;
    /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
    background-size: 100% 100%;
    background-position: 100% 100% */
}

    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title:hover .icon:after,
    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title:hover .icon:before {
        background: #fff;
    }

.features .features-section .tab-main .wrapper .tab-content .content-table.white_bg .table-title:hover .icon:after,
.features .features-section .tab-main .wrapper .tab-content .content-table.white_bg .table-title:hover .icon:before {
    background: #fff;
}

.features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc {
    /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
    background-size: 100% 100%;
    background-position: 100% 100% */
    background: #003881;
    color: #fff;
}

    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc .icon:before {
        transform: rotate(90deg);
        background: #fff
    }

    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc .icon:after {
        transform: rotate(180deg);
        background: #fff
    }

    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc:hover .icon:after,
    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc:hover .icon:before {
        background: #fff
    }

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title {
        font-size: 10px;
        padding-left: 10px
    }
}

.features .features-section .tab-main .wrapper .tab-content .content-table .acc-con {
    display: none;
    margin-top: 10px;
}

    .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con.show {
        display: block
    }

    .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul {
        padding: 0;
        margin: -1px 0 0;
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
        width: 100%
    }

        .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li {
            display: table-cell;
            vertical-align: middle;
            padding: 20px;
            list-style: none;
            color: #000;
            font-size: 14px;
            text-align: center;
            border: 1px solid #bababa;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: 500;
            /* letter-spacing: .7px; */
            text-transform: uppercase
        }

            .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li:first-child {
                width: 345px;
                padding-left: 6%;
                text-align: left
            }

@media (max-width:1050px) {
    .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li:first-child {
        width: 170px;
        text-align: left;
        padding: 5px
    }
}

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li:first-child {
        width: 80px;
        padding: 5px
    }

    .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li {
        padding: 14px 0 11px;
        text-align: center;
        font-size: 10px;
        font-weight: 400;
    }
}

.features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li:last-child {
    width: 200px !important
}

@media (max-width:1050px) {
    .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li:last-child {
        width: auto !important
    }
}

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li:last-child {
        width: auto !important
    }

    .features .features-section .tab-main .wrapper .tab-content .default-table ul:last-child {
        color: #333;
    }
}

.features .features-section .tab-main .wrapper .tab-content .default-table ul li:last-child {
    width: 200px !important
}

@media (max-width:1050px) {
    .features .features-section .tab-main .wrapper .tab-content .default-table ul li:last-child {
        width: auto !important
    }
}

@media (max-width:600px) {
    .features .features-section .tab-main .wrapper .tab-content .default-table ul li:last-child {
        width: auto !important
    }

    .features .features-section .ft-tabs li {
        width: 45%;
    }
}

.title {
    text-align: center;
    font-size: 26px
}

    .title a {
        margin: 0 20px;
        text-transform: uppercase;
        display: inline-block;
        color: #999;
        width: auto !important;
        transition: all .45s
    }

        .title a.active {
            position: relative
        }

            .title a.active:after {
                position: absolute;
                left: 0;
                bottom: -6px;
                height: 4px;
                width: 100%;
                background: #CE0024;
                transform: skew(-50deg, 0deg);
                /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1); */
                content: ""
            }

.feature-heading-mobile {
    display: none
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2) format("woff2"), url(font/Vision-Regular.woff) format("woff"),
url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix) format("embedded-opentype"), url(font/Vision-Light.woff)
format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: IBM Plex Sans; src: url(font/IBM Plex Sans.eot); src: url(font/IBM Plex Sans.eot?#iefix) format("embedded-opentype"), url(font/IBM
Plex Sans.woff2) format("woff2"), url(font/IBM Plex Sans.woff) format("woff"), url(font/IBM Plex Sans.svg#IBM Plex Sans) format("svg"); font-weight: 500; font-style: normal } */

@media (max-width:769px) {
    .feature-heading-mobile {
        display: block
    }

        .feature-heading-mobile .main-title {
            text-align: center;
            font-size: 25px;
            display: block;
            color: #2c2828;
            font-family: 'IBM Plex Sans', sans-serif;
            text-transform: uppercase;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px
        }

            .feature-heading-mobile .main-title:after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 2px;
                /* background: #4660aa;
        background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
        background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
        background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1); */
                content: ""
            }

            .feature-heading-mobile .main-title.features {
                max-width: 185px;
                margin: auto auto 30px
            }

            .feature-heading-mobile .main-title.speci {
                max-width: 260px;
                margin: 40px auto 60px
            }
}

.services .map-section {
    position: relative;
    height: 100%
}

    .services .map-section #map {
        height: 700px
    }

@media (max-width:1366px) {
    .services .map-section #map {
        height: 500px
    }
}

.services .map-section .add-list {
    width: 400px;
    background: #fff;
    height: 800px;
    position: absolute;
    left: 125px;
    bottom: 0;
    padding: 20px;
    margin-bottom: 10px
}

@media (max-width:1880px) {
    .services .map-section .add-list {
        height: 810px
    }
}

@media (max-width:1400px) {
    .services .map-section .add-list {
        height: 760px
    }
}

@media (max-width:1370px) {
    .services .map-section .add-list {
        height: 590px
    }
}

@media (max-width:1200px) {
    .services .map-section .add-list {
        height: 515px;
        left: 25px
    }
}

.services .map-section .add-list .select-items .nice-select {
    border-radius: 0;
    width: 100%;
    background-color: #e5e5e5;
    font-size: 15px;
    margin-bottom: 12px
}

    .services .map-section .add-list .select-items .nice-select .list {
        border-radius: 0;
        width: 100%;
        max-height: 200px;
        overflow-y: auto
    }

.services .map-section .address {
    height: 650px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto
}

@media (max-width:1880px) {
    .services .map-section .address {
        height: 605px
    }
}

@media (max-width: 1400px) {
    .services .map-section .address {
        height: 550px
    }
}

@media (max-width:1370px) {
    .services .map-section .address {
        height: 446px
    }
}

.services .map-section .address .location-item {
    background: #f2f2f2;
    margin-bottom: 15px;
    display: block;
    padding: 32px;
    color: #333
}

    .services .map-section .address .location-item .title {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700
    }

    .services .map-section .address .location-item .add {
        font-size: 14px;
        line-height: 25px;
        margin: 20px 0 30px;
        color: #000
    }

    .services .map-section .address .location-item span {
        color: #333;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        text-transform: uppercase;
        padding-right: 15px
    }

        .services .map-section .address .location-item span img {
            margin-right: 5px
        }

.services .map-section .address .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #333
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"),
url(font/Vision-Regular.woff2) format("woff2"), url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot);
src: url(font/Vision-Light.eot?#iefix) format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: IBM Plex Sans; src: url(font/IBM
Plex Sans.eot); src: url(font/IBM Plex Sans.eot?#iefix) format("embedded-opentype"), url(font/IBM Plex Sans.woff2) format("woff2"), url(font/IBM Plex Sans.woff) format("woff"), url(font/IBM Plex Sans.svg#IBM Plex Sans) format("svg"); font-weight: 500;
font-style: normal } */

@media (max-width:480px) {
    .services .map-section .add-list {
        width: 100%
    }
}

.sus-main {
    padding-top: 52px;
    padding-bottom: 50px;
    position: relative;
    background: #fff !important;
    z-index: 2
}

@media (max-width:768px) {
    .services .map-section .add-list {
        position: relative;
        left: 0;
        width: 100%
    }

    .sus-main {
        padding-top: 0
    }

        .sus-main .innersticker {
            display: none
        }
}

.sus-main .innersticker.inner-sticker {
    padding: 16px 0 23px
}

.sus-main .innersticker .sus-tab li {
    display: inline-block;
    margin: 0 22px
}

    .sus-main .innersticker .sus-tab li a {
        color: #999;
        font-size: 26px;
        display: inline-block;
        text-transform: uppercase;
        position: relative
    }

        .sus-main .innersticker .sus-tab li a:after {
            content: "";
            width: 0%;
            min-height: 2px;
            background: #4863ac;
            bottom: -8px;
            position: absolute;
            left: 0;
            transition: all .34s
        }

        .sus-main .innersticker .sus-tab li a:hover:after,
        .sus-main .innersticker .sus-tab li.active a:after {
            width: 100%
        }

    .sus-main .innersticker .sus-tab li.active a {
        color: #000;
        position: relative
    }

.sus-main .sus-tab-main {
    padding-top: 50px
}

    .sus-main .sus-tab-main .wrapper {
        max-width: 1300px;
        margin: auto
    }

    .sus-main .sus-tab-main .sus-main-title {
        margin: 70px 0
    }

@media (max-width:1200px) {
    .services .map-section .address {
        height: 346px
    }

    .sus-main .sus-tab-main {
        padding-top: 0
    }

        .sus-main .sus-tab-main .sus-main-title {
            margin-top: 0
        }
}

@media (max-width:768px) {
    .sus-main .sus-tab-main .sus-main-title {
        margin: 10px 0
    }
}

.sus-main .sus-tab-main .sus-main-title h3 {
    font-size: 40px;
    text-transform: capitalize;
    color: #2c2828;
    margin-bottom: 20px
}

@media (max-width:768px) {
    .sus-main .sus-tab-main .sus-main-title h3 {
        font-size: 35px;
        margin-top: 0
    }
}

.sus-main .sus-tab-main .sus-main-title span {
    color: #999;
    margin-top: 10px;
    font-size: 17px
}

.sus-main .sus-tab-main .item {
    margin-bottom: 30px
}

    .sus-main .sus-tab-main .item:nth-child(even) .inner {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
        justify-content: center;
        align-items: center;
        align-content: stretch
    }

@media (max-width:600px) {
    .sus-main .sus-tab-main {
        padding-top: 0
    }

        .sus-main .sus-tab-main .item:nth-child(even) .inner {
            display: block
        }
}

.sus-main .sus-tab-main .item .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    border: 1px solid #ebebeb;
    margin-bottom: 30px
}

@media (max-width:600px) {
    .sus-main .sus-tab-main .item .inner {
        display: block
    }
}

.sus-main .sus-tab-main .item .inner .left {
    vertical-align: middle;
    flex: 1
}

.sus-main .sus-tab-main .item .inner .right {
    flex: 1;
    vertical-align: middle
}

@media (max-width:768px) {
    .sus-main .sus-tab-main .item .inner {
        border: none;
        margin-bottom: 0
    }

        .sus-main .sus-tab-main .item .inner .right {
            padding: 12px
        }
}

.sus-main .sus-tab-main .item .inner .right .inner-tb-cell {
    display: block;
    max-width: 450px;
    margin: auto
}

    .sus-main .sus-tab-main .item .inner .right .inner-tb-cell h3 {
        color: #000;
        font-size: 25px;
        margin-bottom: 20px;
        text-transform: uppercase
    }

@media (max-width:768px) {
    .sus-main .sus-tab-main .item .inner .right .inner-tb-cell h3 {
        margin-bottom: 10px;
        margin-top: 0;
        font-size: 20px
    }
}

.sus-main .sus-tab-main .item .inner .right .inner-tb-cell p {
    color: #010101;
    font-size: 16px;
    margin: auto;
    line-height: 25px;
    text-align: left
}

.sus-main .sus-tab-main .item.certification {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #ebebeb
}

@media (max-width:768px) {
    .sus-main .sus-tab-main .item.certification {
        display: block
    }
}

.sus-main .sus-tab-main .item.certification .tb-cell {
    display: table-cell;
    vertical-align: middle
}

@media (max-width:1200px) {
    .sus-main .sus-tab-main .item.certification .tb-cell {
        padding: 10px
    }
}

@media (max-width:600px) {
    .sus-main .sus-tab-main .item.certification .tb-cell {
        display: block
    }
}

.sus-main .sus-tab-main .item.certification .tb-cell h3 {
    font-size: 26px;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    max-width: 360px;
    margin: auto auto 20px
}

.sus-main .sus-tab-main .item.certification .tb-cell p {
    color: #010101;
    font-size: 16px;
    max-width: 360px;
    margin: auto;
    line-height: 25px;
    text-align: left
}

.sus-main .sus-tab-main .item.certification .tb-cell:last-child p {
    text-align: left
}

.sus-main .sus-tab-main .item.certification .tb-cell:last-child {
    position: relative
}

    .sus-main .sus-tab-main .item.certification .tb-cell:last-child:after {
        position: absolute;
        height: 150px;
        width: 2px;
        background: #ebebeb;
        left: 0;
        top: 30%;
        content: ""
    }

.nice-select:after,
.speaker span:after,
.speaker span:before {
    content: ''
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2) format("woff2"),
url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff) format("woff"), url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } */

@media (max-width:769px) {
    .sus-main .sus-tab-main .item.certification .tb-cell {
        padding: 12px
    }
}

.contact-main {
    padding: 50px 0
}

@media (max-width:768px) {
    .sus-main .sus-tab-main .item.certification .tb-cell:last-child:after {
        display: none
    }

    .contact-main {
        padding: 20px 0
    }
}

.contact-main .wrapper {
    max-width: 805px;
    margin: auto
}

    .contact-main .wrapper .table {
        display: table;
        table-layout: fixed;
        width: 100%
    }

        .contact-main .wrapper .table .table-cell {
            display: table-cell;
            table-layout: fixed;
            padding: 30px
        }

@media (max-width:768px) {
    .contact-main .wrapper .table .table-cell {
        padding: 12px;
        display: block
    }
}

.contact-main .wrapper .table .table-cell h3 {
    text-transform: capitalize;
    font-size: 25px;
    line-height: 30px;
}

.contact-main .wrapper .table .table-cell p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 20px
}

    .contact-main .wrapper .table .table-cell p a {
        color: #000
    }

.flp {
    padding: 25px 0 0;
    text-align: right
}

@media (max-width:768px) {
    .flp {
        padding-top: 0
    }
}

.flp div {
    position: relative;
    margin-bottom: 16px
}

.flp input,
.flp label,
.flp textarea {
    width: 100%;
    display: block;
    font: inherit;
    font-size: 14px;
    line-height: 24px;
    height: 46px;
    border: 1px solid #dadbdd;
    outline: 0;
    font-weight: 500;
    color: #000 !important
}

    .flp input[type=submit] {
        color: #fff !important
    }

.flp .txt {
    background: red
}

.ch,
.pro-main {
    background: #fff
}

.flp .txt textarea {
    height: 100px;
    padding: 10px;
    resize: none
}

.flp .txt label {
    height: 100px
}

.flp input {
    padding: 10px;
    outline: 0
}

.flp label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 8px;
    border-color: transparent;
    color: #282626;
    cursor: text
}

.ch {
    display: block;
    float: left;
    position: relative
}

    .ch:first-child {
        padding-left: 2px
    }

    .ch:last-child {
        padding-right: 2px
    }

.flp input[type=submit] {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    max-width: 120px;
    text-transform: capitalize;
    font-size: 16px;
    outline: 0;
    border: none;
    font-weight: 400;
    -webkit-appearance: none;
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2)
format("woff2"), url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff) format("woff"), url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } */

.pro-main {
    padding: 50px 0;
    position: relative;
    z-index: 9
}

    .pro-main .wrapper {
        max-width: 1200px;
        margin: auto
    }

        .pro-main .wrapper .t {
            display: table;
            table-layout: fixed;
            width: 100%
        }

            .pro-main .wrapper .t .tc {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                padding: 30px 30px 70px
            }

                .pro-main .wrapper .t .tc img {
                    max-width: 475px;
                    max-height: 300px
                }

@media (max-width:768px) {
    .pro-main .wrapper .t .tc {
        display: block
    }

        .pro-main .wrapper .t .tc img {
            max-width: 100%
        }
}

.pro-main .wrapper .t .tc .title {
    font-size: 40px;
    /* font-weight: bolder; */
    /* font-family: vision-bold; */
    color: #000;
    margin: 20px 0 15px;
    /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1); */
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent */
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .pro-main .wrapper .t .tc .title {
        background: 0 0
    }
}

.pro-main .wrapper .t .tc .desc {
    color: #000;
    font-size: 16px;
    margin: 8px 0
}

.pro-main .wrapper .t .tc a {
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    width: 125px;
    color: #fff;
    font-size: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 10px
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2) format("woff2"), url(font/Vision-Regular.woff)
format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix) format("embedded-opentype"),
url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix) format("embedded-opentype"),
url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff) format("woff"), url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot);
src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2) format("woff2"), url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style:
normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix) format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight:
300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix) format("embedded-opentype"), url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff) format("woff"),
url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2)
format("woff2"), url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff) format("woff"), url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } */

.charging {
    background: #fff;
    position: relative;
    padding-bottom: 100px;
    z-index: 5
}

    .charging .wrapper {
        max-width: 1170px;
        margin: auto
    }

.accordion .accordion__question {
    margin-bottom: 15px
}

.accordion .accordion__header {
    cursor: pointer;
    display: block;
    padding: 15px 20px;
    border: 1px solid #bababa;
    color: #000;
    position: relative;
    text-transform: uppercase;
    font-size: 16px
}

@media (max-width:768px) {
    .accordion .accordion__header {
        padding: 14px 30px 14px 9px
    }
}

.accordion .accordion__header .icon-arrow-down {
    position: absolute;
    top: 15px;
    width: 16px;
    border: none;
    height: 15px;
    right: 15px
}

    .accordion .accordion__header .icon-arrow-down.add-minus-icon:after,
    .accordion .accordion__header .icon-arrow-down.add-minus-icon:before {
        background-color: #000
    }

.accordion .accordion__header.is-active {
    background: #003881;
    color: #fff;
}

    .accordion .accordion__header.is-active .icon-arrow-down.add-minus-icon {
        cursor: pointer
    }

        .accordion .accordion__header.is-active .icon-arrow-down.add-minus-icon:before {
            transform: rotate(90deg);
            background: #fff
        }

        .accordion .accordion__header.is-active .icon-arrow-down.add-minus-icon:after {
            transform: rotate(180deg);
            background: #fff
        }

.accordion .accordion__header:hover {
    background: #003881;
    color: #fff;
}

.accordion .accordion__content {
    line-height: 23px;
    padding: 20px;
    border: 1px solid #bababa
}

@media (max-width:768px) {
    .accordion .accordion__content {
        padding: 12px
    }
}

.accordion .accordion__content .acc-inner-list {
    margin: 20px 0 0;
    padding: 0
}

    .accordion .accordion__content .acc-inner-list li {
        list-style: none;
        color: #4c4c4c;
        line-height: 23px;
        max-width: 70%;
        display: table;
        margin-bottom: 16px
    }

        .accordion .accordion__content .acc-inner-list li img {
            margin-right: 25px;
            display: table-cell;
            vertical-align: top
        }

@media (max-width:768px) {
    .accordion .accordion__content .acc-inner-list li {
        max-width: 100%
    }

        .accordion .accordion__content .acc-inner-list li img {
            margin-right: 10px
        }
}

.accordion .accordion__content .acc-inner-list li p {
    display: table-cell;
    vertical-align: top
}

.accordion .accordion__content .dt {
    display: table;
    table-layout: fixed;
    width: 90%;
    margin: auto;
    padding: 40px 0
}

@media (max-width:1200px) {
    .accordion .accordion__content .dt {
        width: 100%
    }
}

.accordion .accordion__content .dt .dtc {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.pricing-main {
    padding-top: 70px
}

@media (max-width:768px) {
    .accordion .accordion__content .dt .dtc {
        display: block;
        margin-bottom: 15px
    }

    .pricing-main {
        padding-top: 10px
    }
}

.pricing-main .wrapper {
    max-width: 1300px;
    margin: auto
}

    .pricing-main .wrapper .product-select {
        border: 1px solid #e5e5e5;
        padding: 70px 0 20px;
        margin-bottom: 60px
    }

@media (max-width:768px) {
    .pricing-main .wrapper .product-select {
        padding-top: 30px;
        border: none;
        margin-bottom: 0
    }
}

@media (max-width:600px) {
    .pricing-main .wrapper .product-select {
        padding-top: 12px
    }
}

.pricing-main .wrapper .product-select .dt {
    display: table;
    width: 80%;
    table-layout: fixed;
    margin: auto
}

    .pricing-main .wrapper .product-select .dt.select-con-main .dtc {
        position: relative;
        z-index: 2
    }

@media (max-width:768px) {
    .pricing-main .wrapper .product-select .dt {
        width: 100%
    }

        .pricing-main .wrapper .product-select .dt.select-con-main .dtc {
            display: block;
            padding-bottom: 50px
        }

            .pricing-main .wrapper .product-select .dt.select-con-main .dtc:first-child {
                position: relative;
                z-index: 4
            }

            .pricing-main .wrapper .product-select .dt.select-con-main .dtc:nth-child(2) {
                position: relative;
                z-index: 3
            }

            .pricing-main .wrapper .product-select .dt.select-con-main .dtc:nth-child(3) {
                position: relative
            }
}

.pricing-main .wrapper .product-select .dt .dtc {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px 30px
}

@media (max-width:600px) {
    .pricing-main .wrapper .product-select .dt .dtc {
        padding: 0
    }
}

.pricing-main .wrapper .product-select .dt .dtc .select_inner li {
    list-style: none
}

.pricing-main .wrapper .product-select .dt .dtc .select_wrapper {
    background: url(images/arrow.png) top 22px right 12px no-repeat #e5e5e5;
    padding: 8px 5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700
}

.pricing-main .wrapper .product-select .dt .dtc .nice-select {
    width: 100%;
    border-radius: 0;
    font-weight: 500;
    text-transform: uppercase;
    background: #e5e5e5
}

    .pricing-main .wrapper .product-select .dt .dtc .nice-select .list {
        width: 100%;
        border-radius: 0;
        max-height: 400px;
        overflow-y: auto
    }

    .pricing-main .wrapper .product-select .dt .dtc .nice-select:focus {
        border: none
    }

.pricing-main .wrapper .product-select .car-details {
    margin-top: 20px
}

@media (max-width:768px) {
    .pricing-main .wrapper .product-select .dt .dtc {
        display: block
    }

    .pricing-main .wrapper .product-select .car-details {
        margin-top: 150px
    }

        .pricing-main .wrapper .product-select .car-details .dt {
            background: #f3f3f3
        }
}

.pricing-main .wrapper .product-select .car-details .dt {
    display: table
}

    .pricing-main .wrapper .product-select .car-details .dt .dtc {
        display: table-cell;
        vertical-align: middle
    }

        .pricing-main .wrapper .product-select .car-details .dt .dtc:first-child {
            width: 20%;
            position: relative;
            z-index: 1
        }

            .pricing-main .wrapper .product-select .car-details .dt .dtc:first-child img {
                min-width: 478px;
                transform: translateX(-100px)
            }

@media (max-width:1200px) {
    .pricing-main .wrapper .product-select .car-details .dt .dtc:first-child img {
        transform: translateX(-130px)
    }
}

@media (max-width: 768px) {
    .pricing-main .wrapper .product-select .car-details .dt .dtc {
        display: block
    }

        .pricing-main .wrapper .product-select .car-details .dt .dtc:first-child {
            width: 100%
        }

            .pricing-main .wrapper .product-select .car-details .dt .dtc:first-child img {
                transform: none;
                min-width: 100%;
                max-width: 100%;
                margin-top: -130px
            }
}

.pricing-main .wrapper .product-select .car-details .dt .dtc:last-child {
    width: 80%
}

.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main {
    background: #f3f3f3;
    padding: 50px 50px 50px 200px
}

.nice-select,
.nice-select .list {
    background-color: #fff;
    box-sizing: border-box
}

@media (max-width:768px) {
    .pricing-main .wrapper .product-select .car-details .dt .dtc:last-child {
        width: 100%
    }

    .pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main {
        padding: 12px;
        text-align: center
    }
}

.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main .title {
    font-size: 30px;
    line-height: 37px;
    text-align: left;
}

    .pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main .title.strong {
        font-weight: 700
    }

.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main .subsc {
    color: #666;
    margin: 22px 0;
    font-size: 14px;
    line-height: 20px;
}

.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main a {
    display: inline-block;
    width: 160px;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    margin: 17px 0
}

.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main .sub-title {
    color: #666;
    font-size: 16px;
    margin: 14px 0;
    font-weight: 700
}

.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main p {
    color: #666;
    font-size: 14px;
    margin: 14px 0;
    line-height: 18px
}

.offer .main-header {
    padding-bottom: 40px
}

.offer .dt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    border: 1px solid #ebebeb;
    margin-bottom: 30px
}

    .offer .dt:nth-child(even) {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
        justify-content: center;
        align-items: center;
        align-content: stretch
    }

    .offer .dt .dtc {
        vertical-align: middle;
        flex: 1
    }

@media (max-width:768px) {
    .pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main .subsc,
    .pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main .title {
        text-align: center
    }

    .pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main .sub-title,
    .pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main p {
        text-align: left
    }

    .offer .main-header {
        padding-bottom: 0
    }

    .offer .dt,
    .offer .dt:nth-child(even) {
        display: block
    }

    .offer .dt {
        border: none;
        margin-bottom: 15px
    }

        .offer .dt .dtc {
            display: block;
            margin-left: -15px;
            margin-right: -15px
        }

            .offer .dt .dtc img {
                width: 100%
            }
}

.offer .dt .dtc .inner-content {
    max-width: 400px;
    margin: auto
}

    .offer .dt .dtc .inner-content h3 {
        font-weight: 500;
        text-transform: uppercase;
        color: #000;
        font-size: 30px;
        margin-top: 0
    }

    .offer .dt .dtc .inner-content p {
        color: #333;
        line-height: 23px;
        font-size: 15px;
        margin: 20px 0
    }

@media (max-width:768px) {
    .offer .dt .dtc .inner-content {
        max-width: 100%;
        padding: 15px;
        text-align: center
    }

        .offer .dt .dtc .inner-content h3 {
            margin: 20px 0
        }

        .offer .dt .dtc .inner-content p {
            max-width: 60%;
            margin: 20px auto
        }
}

@media (max-width:480px) {
    .offer .dt .dtc .inner-content p {
        max-width: 100%
    }
}

.offer .dt .dtc .inner-content a {
    margin-top: 20px;
    display: block;
    max-width: 150px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 13px 23px
}

.offer .dt .dtc .inner-content img {
    width: initial
}

.blocks .main-header {
    padding-bottom: 20px
}

.blocks .dt {
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
    table-layout: fixed;
    width: 100%
}

@media (max-width:768px) {
    .offer .dt .dtc .inner-content a {
        margin: 20px auto auto
    }

    .blocks .main-header {
        padding-bottom: 0
    }

        .blocks .main-header .main-title {
            font-size: 30px;
            border-top: 1px solid #bababa;
            border-bottom: 1px solid #bababa;
            margin-left: -15px;
            margin-right: -15px;
            padding: 40px 0;
            line-height: 40px
        }

    .blocks .dt {
        border-spacing: 0;
        display: block;
        border-collapse: initial
    }
}

.blocks .dt .dtc {
    display: table-cell;
    vertical-align: top;
    padding: 30px 50px;
    border: 1px solid #ebebeb
}

@media (max-width:1200px) {
    .blocks .dt .dtc {
        padding: 10px
    }
}

.blocks .dt .dtc h3 {
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 25px
}

.blocks .dt .dtc p {
    color: #333;
    line-height: 23px
}

@media (max-width:768px) {
    .blocks .dt .dtc {
        display: block;
        padding: 20px;
        border: none;
        border-bottom: 1px solid #ebebeb
    }

        .blocks .dt .dtc h3 {
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 10px
        }

        .blocks .dt .dtc p {
            color: #4c4c4c
        }
}

.pricing-faq {
    padding-bottom: 100px
}

    .pricing-faq .main-header {
        padding-bottom: 50px
    }

    .pricing-faq .add-minus-icon:after {
        margin-top: -1px
    }

.nice-select {
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto
}

    .nice-select:hover {
        border-color: #dbdbdb
    }

    .nice-select.open,
    .nice-select:active,
    .nice-select:focus {
        border-color: #999
    }

    .nice-select:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        display: block;
        height: 5px;
        margin-top: -4px;
        position: absolute;
        right: 12px;
        top: 50%;
        transform-origin: 66% 66%;
        transform: rotate(45deg);
        transition: all .15s ease-in-out;
        width: 5px
    }

.fancybox-navigation button:before,
.fancybox-slide:before,
.fancybox-thumbs > ul > li:before,
.media .fancybox-navigation button:before,
.media .fancybox-slide:before,
.media .fancybox-thumbs > ul > li:before,
.media .gallery-tab li a.active:after,
.menu:after,
.menu:before,
.mouse:after,
.mouse:before {
    content: ""
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

    .nice-select.disabled:after {
        border-color: #ccc
    }

.nice-select.wide {
    width: 100%
}

    .nice-select.wide .list {
        left: 0 !important;
        right: 0 !important
    }

.nice-select.right {
    float: right
}

    .nice-select.right .list {
        left: auto;
        right: 0
    }

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

    .nice-select.small:after {
        height: 4px;
        width: 4px
    }

    .nice-select.small .option {
        line-height: 34px;
        min-height: 34px
    }

.nice-select .list {
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(.75) translateY(-21px);
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}

    .nice-select .list:hover .option:not(:hover) {
        background-color: transparent !important
    }

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all .2s
}

    .nice-select .option.focus,
    .nice-select .option.selected.focus,
    .nice-select .option:hover {
        background-color: #f6f6f6
    }

    .nice-select .option.selected {
        font-weight: 700
    }

    .nice-select .option.disabled {
        background-color: transparent;
        color: #999;
        cursor: default
    }

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}
/* @font-face
{ font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2) format("woff2"), url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular)
format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix) format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf)
format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix) format("embedded-opentype"), url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff)
format("woff"), url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } */

.mouse-scroller {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    display: block
}

    .mouse-scroller p {
        margin-top: 50px;
        letter-spacing: 12px;
        text-indent: 12px;
        color: #fff;
        animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite
    }

.mouse {
    background: linear-gradient(transparent 0, transparent 50%, #fff 50%, #fff 100%) #4e5559;
    position: relative;
    width: 52px;
    height: 88px;
    border-radius: 100px;
    background-size: 225%;
    margin: auto;
    animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite
}

    .mouse:after,
    .mouse:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }

    .mouse:before {
        width: 46px;
        height: 82px;
        background-color: #222a30;
        border-radius: 100px
    }

    .mouse:after {
        background-color: #fff;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        animation: trackBallSlide 5s linear infinite
    }

@keyframes colorSlide {
    0% {
        background-position: 0 100%
    }

    20% {
        background-position: 0 0
    }

    21% {
        background-color: #4e5559
    }

    29.99% {
        background-color: #fff;
        background-position: 0 0
    }

    30%, 60% {
        background-color: #4e5559;
        background-position: 0 100%
    }

    50%, 80% {
        background-position: 0 0
    }

    51%, 81% {
        background-color: #4e5559
    }

    59% {
        background-color: #fff;
        background-position: 0 0
    }

    100%, 90% {
        background-color: #fff
    }
}

@keyframes trackBallSlide {
    0%, 28%, 29.99%, 30% {
        opacity: 1;
        transform: scale(1) translateY(-20px)
    }

    36%, 6% {
        opacity: 1;
        transform: scale(.9) translateY(5px)
    }

    14%, 44% {
        opacity: 0;
        transform: scale(.4) translateY(40px)
    }

    15%, 19%, 45%, 49% {
        opacity: 0;
        transform: scale(.4) translateY(-20px)
    }

    58%, 59.99%, 60% {
        opacity: 1;
        transform: scale(1) translateY(-20px)
    }

    66% {
        opacity: 1;
        transform: scale(.9) translateY(5px)
    }

    74% {
        opacity: 0;
        transform: scale(.4) translateY(40px)
    }

    75%, 79% {
        opacity: 0;
        transform: scale(.4) translateY(-20px)
    }

    100%, 88% {
        opacity: 1;
        transform: scale(1) translateY(-20px)
    }
}

@keyframes nudgeMouse {
    0%, 30%, 60%, 90% {
        transform: translateY(0)
    }

    20%, 50%, 80% {
        transform: translateY(8px)
    }
}

@keyframes nudgeText {
    0%, 30%, 60%, 90% {
        transform: translateY(0)
    }

    20%, 50%, 80% {
        transform: translateY(2px)
    }
}

@keyframes colorText {
    21%, 51%, 81% {
        color: #4e5559
    }

    30%, 60%, 90% {
        color: #fff
    }
}

.title-cap {
    font-size: 40px;
    text-align: center;
    /* font-family: vision-bold; */
    margin: 36px 0 60px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 45px;
}

@media (max-width:768px) {
    .title-cap {
        margin-bottom: 20px;
        margin-top: 50px
    }
}

.media body.fancybox-active {
    overflow: hidden
}

.media body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.media .fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.media .fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 991050;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

.media .fancybox-bg,
.media .fancybox-inner,
.media .fancybox-outer,
.media .fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.media .fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.media .fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.media .fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.media .fancybox-caption-wrap,
.media .fancybox-infobar,
.media .fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.media .fancybox-show-caption .fancybox-caption-wrap,
.media .fancybox-show-infobar .fancybox-infobar,
.media .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.media .fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion
}

.media .fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.media .fancybox-stage {
    overflow: visible;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.media .fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.media .fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

    .media .fancybox-slide:before {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0
    }

.media .fancybox-is-sliding .fancybox-slide,
.media .fancybox-slide--current,
.media .fancybox-slide--next,
.media .fancybox-slide--previous {
    display: block
}

.media .fancybox-slide--image {
    overflow: visible
}

    .media .fancybox-slide--image:before {
        display: none
    }

.media .fancybox-slide--video .fancybox-content,
.media .fancybox-slide--video iframe {
    background: #000;
    padding: 0
}

.media .fancybox-slide video {
    vertical-align: top
}

.media .fancybox-slide--map .fancybox-content,
.media .fancybox-slide--map iframe {
    background: #e5e3df
}

.media .fancybox-slide--next {
    z-index: 99995
}

.media .fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.media .fancybox-slide > base,
.media .fancybox-slide > link,
.media .fancybox-slide > meta,
.media .fancybox-slide > script,
.media .fancybox-slide > style,
.media .fancybox-slide > title {
    display: none
}

.media .fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: no-repeat;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-container,
.media .fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.media .fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.media .fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.media .fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.media .fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.media .fancybox-image,
.media .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.media .fancybox-spaceball {
    z-index: 1
}

.media .fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    background: #fff
}

.media .fancybox-slide--iframe .fancybox-content,
.media .fancybox-slide--video .fancybox-content {
    overflow: visible
}

.media .fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.media .fancybox-error,
.media .fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.media .fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

    .media .fancybox-error p {
        margin: 0;
        padding: 0;
        color: #444;
        font-size: 16px;
        line-height: 20px
    }

.media .fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    transition: color .3s ease;
    cursor: pointer;
    outline: 0
}

    .media .fancybox-button,
    .media .fancybox-button:link,
    .media .fancybox-button:visited {
        color: #ccc
    }

        .media .fancybox-button:focus,
        .media .fancybox-button:hover {
            color: #fff
        }

        .media .fancybox-button[disabled] {
            color: #ccc;
            cursor: default;
            opacity: .6
        }

        .media .fancybox-button svg {
            display: block;
            position: relative;
            overflow: visible;
            shape-rendering: geometricPrecision
        }

.media .fancybox-button--pause svg path:nth-child(1),
.media .fancybox-button--play svg path:nth-child(2),
.media .fancybox-navigation {
    display: none
}

.media .fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.media .fancybox-button--share svg path {
    stroke-width: 1
}

.media .fancybox-button--zoom svg path {
    fill: transparent
}

.media .fancybox-show-nav .fancybox-navigation {
    display: block
}

.media .fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: 0 0;
    width: 60px;
    height: 100px;
    padding: 17px
}

    .media .fancybox-navigation button:before {
        position: absolute;
        top: 30px;
        right: 10px;
        width: 40px;
        height: 40px;
        background: rgba(30, 30, 30, .6)
    }

.media .fancybox-navigation .fancybox-button--arrow_left {
    left: 0
}

.media .fancybox-navigation .fancybox-button--arrow_right {
    right: 0
}

.media .fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer;
    color: #777
}

    .media .fancybox-close-small svg {
        fill: transparent;
        stroke: currentColor;
        stroke-width: 2;
        border-radius: 50%
    }

    .media .fancybox-close-small:focus {
        outline: 0
    }

        .media .fancybox-close-small:focus svg {
            outline: #888 dotted 1px
        }

    .media .fancybox-close-small:hover svg {
        color: #333;
        background: #eee
    }

.media .fancybox-slide--iframe .fancybox-close-small,
.media .fancybox-slide--image .fancybox-close-small,
.media .fancybox-slide--video .fancybox-close-small {
    top: 0;
    right: -40px;
    color: #ccc;
    padding: 0
}

    .media .fancybox-slide--iframe .fancybox-close-small:hover svg,
    .media .fancybox-slide--image .fancybox-close-small:hover svg,
    .media .fancybox-slide--video .fancybox-close-small:hover svg {
        color: #fff;
        background: 0 0
    }

.media .fancybox-is-scaling .fancybox-close-small,
.media .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.media .fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}

.media .fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

    .media .fancybox-caption a,
    .media .fancybox-caption button,
    .media .fancybox-caption select {
        pointer-events: all;
        position: relative
    }

    .media .fancybox-caption a {
        color: #fff;
        text-decoration: underline
    }

.media .fancybox-slide > .fancybox-loading {
    border: 6px solid rgba(99, 99, 99, .4);
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999
}

.media .fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.media .fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.media .fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.media .fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.media .fancybox-fx-fade.fancybox-slide--next,
.media .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.media .fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.media .fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.media .fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.media .fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.media .fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.media .fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.media .fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.media .fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.media .fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.media .fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.media .fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.media .fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.media .fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.media .fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center
}

    .media .fancybox-share h1 {
        color: #222;
        margin: 0 0 20px;
        font-size: 35px;
        font-weight: 700
    }

    .media .fancybox-share p {
        margin: 0;
        padding: 0
    }

.media p.fancybox-share__links {
    margin-right: -10px
}

.media .fancybox-share__button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    min-width: 130px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: all .2s
}

.fancybox-infobar,
.media .fancybox-thumbs > ul > li > img {
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

.media .fancybox-share__button:hover {
    text-decoration: none
}

.media .fancybox-share__button--fb {
    background: #3b5998
}

    .media .fancybox-share__button--fb:hover {
        background: #344e86
    }

.media .fancybox-share__button--pt {
    background: #bd081d
}

    .media .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.media .fancybox-share__button--tw {
    background: #1da1f2
}

    .media .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.media .fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

    .media .fancybox-share__button svg path {
        fill: #fff
    }

.media .fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    background: 0 0;
    color: #5d5b5b;
    font-size: 14px;
    outline: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #d7d7d7
}

.media .fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995
}

.media .fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto
}

.media .fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.media .fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.media .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap
}

.media .fancybox-thumbs-x > ul {
    overflow: hidden
}

.media .fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.media .fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.media .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.media .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: 0;
    backface-visibility: hidden;
    box-sizing: border-box
}

.media li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.media .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.media .fancybox-thumbs > ul > li:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.media .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .media .fancybox-thumbs {
        width: 110px
    }

    .media .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .media .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}

.media .wrapper {
    max-width: 1200px;
    margin: auto;
    text-align: center
}

.media .press-item {
    display: none;
    opacity: 0;
    margin: 3px 3px 5px;
    border: 1px solid #bababa;
    max-width: 390px;
    transition: all .34s;
    vertical-align: top
}

@media (max-width:768px) {
    .media .press-item {
        max-width: 300px
    }
}

.media .press-item .press-image {
    max-height: 185px;
    overflow: hidden
}

.media .show-press-item {
    display: inline-block;
    opacity: 1
}

.media .slider-single .slick-next.slick-disabled,
.media .slider-single .slick-prev.slick-disabled {
    opacity: .3
}

.media .press-content {
    padding: 35px
}

@media (max-width:600px) {
    .media .press-item {
        max-width: 93%;
        margin-bottom: 12px;
        height: auto !important
    }

    .media .press-content {
        padding: 20px 25px
    }
}

.media .press-content .press-title {
    color: #4c4c4c;
    /* font-family: vision-bold; */
    font-size: 14px;
    line-height: 18px;
    min-height: 66px
}

.media .press-content .press-date {
    color: #999;
    /* font-family: Vision-Light; */
    font-size: 14px;
    margin-top: 10px;
}

.media .press-content a {
    display: block;
    padding: 12px 20px;
    width: 150px;
    height: 45px;
    font-weight: 400;
    font-size: 14px;
    /*font-family: vision-bold;
    */
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    text-transform: capitalize;
    margin: 10px auto auto;
    opacity: 0.9;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

    .media .press-content a:hover {
        opacity: 1;
    }

.media .award-content p,
.media .award-slider .award-item,
.media .award-slider .year {
    font-family: 'IBM Plex Sans', sans-serif;
}

@media (max-width:600px) {
    .media .press-content a {
        margin: 20px auto auto
    }
}

.media .sample {
    font-size: 20px
}

.media .awards-section {
    padding-top: 75px
}

.media .award-slider {
    margin: 70px 0;
    position: relative
}

@media (max-width:768px) {
    .media .award-slider {
        margin-top: 20px
    }
}

.media .award-slider .award-item {
    text-align: center;
    cursor: pointer
}

.media .award-slider .year {
    color: #888;
    font-size: 26px;
    min-height: 70px;
    transition: all .59s;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    line-height: 60px
}

@media (max-width:600px) {
    .media .award-slider .year {
        font-size: 20px;
        line-height: 56px
    }
}

.overview.media.sub_media .award-slider .is-active .year {
    color: #fff;
}

.media .award-slider .is-active .year {
    font-size: 60px;
    line-height: 47px;
    color: #002891;
}

@media (max-width:600px) {
    .media .award-slider .is-active .year {
        font-size: 35px
    }
}

@media(max-width:1050px) {
    main .banner-section .home-banner .slider-item .image-holder .in-desktop {
        margin-top: 14px;
    }
}

@media(max-width:900px) {
    main .banner-section .home-banner .slider-item .image-holder .in-mobile {
        margin-top: 15px;
    }
}

@media(max-width:450px) {
    main .banner-section .home-banner .slider-item .image-holder .in-mobile {
        margin-top: 10px;
    }
}

.media .award-slider .is-active .year span {
    padding: 0;
    margin: 0;
    /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1); */
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent */
}

.media .award-slider .slick-dots {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background: 0 0
}

    .media .award-slider .slick-dots li {
        background: 0 0;
        display: inline-block;
        padding: 5px
    }

        .media .award-slider .slick-dots li button {
            font-size: 0;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            outline: 0;
            background: #ccc;
            border: none
        }

        .media .award-slider .slick-dots li.slick-active button {
            background: #4c4c4c
        }

.media .award-content p {
    text-align: left;
    border: 1px solid #002891;
    padding: 70px 90px;
    line-height: 35px;
    font-size: 30px;
    color: #002891;
    max-width: 600px;
    margin: 40px auto auto;
    position: relative
}

@media (max-width:600px) {
    .media .award-content p {
        text-align: center;
        line-height: 29px;
        font-size: 20px;
        padding: 20px
    }
}

.media .award-content p:before {
    background: url(images/media/up-arrow.png) no-repeat #fff;
    width: 24px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 7px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    content: ""
}

.media .dotted-line {
    border-bottom: 2px dashed #efecec;
    height: 2px;
    position: absolute;
    width: 100%;
    top: 85px;
    z-index: 0;
    transform: translate(-50%, -50%);
    left: 50%
}

.media .slider-single {
    position: relative
}

    .media .slider-single .slick-next,
    .media .slider-single .slick-prev {
        width: 50px;
        height: 50px;
        position: absolute;
        top: -52px;
        border: none;
        font-size: 0;
        cursor: pointer;
        outline: 0
    }

    .media .slider-single .slick-next {
        right: 0;
        z-index: 4;
        background: url(images/media/next-award.png) center no-repeat;
        background-size: contain
    }

    .media .slider-single .slick-prev {
        left: 0;
        z-index: 9;
        background: url(images/media/prev-award.png) center no-repeat;
        background-size: contain
    }

.media .gallery {
    margin-top: 100px;
    padding: 80px 10px;
    background: #f3f3f3;
    position: relative
}

.media .gallery-tab {
    text-align: center
}

@media (max-width:768px) {
    .media .gallery {
        margin-top: 60px;
        padding-top: 50px;
        padding-left: 0;
        padding-right: 0
    }

    .media .gallery-tab {
        display: table;
        table-layout: fixed;
        width: 100%;
        max-width: 400px;
        margin: auto
    }
}

.media .gallery-tab li {
    display: inline-block;
    list-style: none;
    padding: 0 10px
}

@media (max-width:768px) {
    .media .gallery-tab li {
        display: table-cell;
        vertical-align: middle;
        padding: 0
    }

        .media .gallery-tab li a {
            font-size: 20px
        }
}

.media .gallery-tab li a {
    color: #929292;
    padding: 10px 0;
    display: inline-block;
    margin: 0
}

    .media .gallery-tab li a.active {
        color: #000;
        position: relative
    }

        .media .gallery-tab li a.active:after {
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            top: auto;
            z-index: 1;
            /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1) */
        }

.media .gallery-content {
    min-height: 500px;
    display: none;
    padding-top: 70px
}

    .media .gallery-content .image-filter-tab {
        text-align: left
    }

@media (max-width:768px) {
    .media .gallery-content {
        padding-top: 30px
    }

        .media .gallery-content .image-filter-tab {
            text-align: center
        }
}

.media .gallery-content .image-filter-tab .filter-tab-item {
    display: inline-block;
    padding: 14px 20px 12px;
    font-size: 16px;
    height: 45px;
    border: 1px solid #000;
    cursor: pointer;
    margin-right: 10px;
    transition: all .34s
}

    .media .gallery-content .image-filter-tab .filter-tab-item.activeTab,
    .media .gallery-content .image-filter-tab .filter-tab-item:hover {
        background: #003881;
        color: #fff
    }

@media (max-width:768px) {
    .media .gallery-content .image-filter-tab .filter-tab-item {
        padding: 14px 12px 12px;
        margin-right: 0
    }
}

.media .imglist .gallery-item,
.media .vidlist .gallery-item {
    margin: 3px;
    max-width: 390px;
    max-height: 245px;
    overflow: hidden
}

.media .imglist .gallery-item {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
    display: none;
    opacity: 0
}

    .media .imglist .gallery-item.scale-anm,
    .media .vidlist .gallery-item.scale-anm {
        transform: scale(1)
    }

.media .vidlist .gallery-item {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease
}

.media .imglist,
.media .vidlist {
    padding-top: 20px;
    margin-left: -16px;
    text-align: center
}

.media .imglist {
    transition: all .34s
}

    .media .imglist .show-press-item {
        display: inline-block;
        opacity: 1
    }

.media .vidlist {
    transition: all .34s
}

    .media .vidlist .gallery-item {
        display: none;
        opacity: 0
    }

    .media .vidlist .show-press-item {
        display: inline-block;
        opacity: 1
    }

.media .image-item {
    max-width: 390px;
    max-height: 245px;
    overflow: hidden;
    display: inline-block;
    margin: 3px;
    background: #000;
    position: relative
}

    .media .image-item img {
        transition: all .34s;
        cursor: pointer;
        max-width: 100%
    }

    .media .image-item .video-description {
        background: #000;
        color: #fff;
        font-size: 14px;
        position: absolute;
        width: 100%;
        padding: 8px;
        text-align: center;
        /* font-family: vision-bold; */
        z-index: 1;
        left: 0;
        bottom: 0;
        line-height: 18px;
        font-weight: 400;
    }

.media-loadmore a,
.media-loadmoreg a {
    color: #fff;
    padding: 17px 65px;
    font-size: 15px;
    /* font-family: vision-bold; */
    min-width: 250px;
    font-weight: 500;
    text-transform: uppercase
}

.media .image-item:hover img {
    opacity: .6
}

@media (max-width: 768px) {
    .media .image-item {
        max-width: 290px;
        margin: 2px
    }
}

@media (max-width:480px) {
    .media .image-item {
        max-width: 90%;
        margin: 1px
    }
}

.media-loadmore,
.media-loadmoreg {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff', GradientType=0);
    min-height: 350px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    left: 0;
    text-align: center
}

.press-item-wrapper,
.vid-modal {
    position: relative
}

.media-loadmore {
    background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0, rgba(155, 201, 237, 0) 8%, rgba(255, 255, 255, .48) 35%, #fff 64%);
    background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0, rgba(155, 201, 237, 0) 8%, rgba(255, 255, 255, .48) 35%, #fff 64%);
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0, rgba(155, 201, 237, 0) 8%, rgba(255, 255, 255, .48) 35%, #fff 64%);
    position: absolute;
    bottom: 0;
    transform: none !important
}

    .media-loadmore a {
        position: absolute;
        bottom: 0%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%)
    }

.media-loadmoreg {
    background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0, rgba(155, 201, 237, 0) 8%, rgba(255, 255, 255, .48) 35%, #fff 64%);
    background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0, rgba(155, 201, 237, 0) 8%, rgba(255, 255, 255, .48) 35%, #fff 64%);
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0, rgba(155, 201, 237, 0) 8%, rgba(255, 255, 255, .48) 35%, #fff 64%);
    position: absolute;
    bottom: 0;
    transform: none !important
}

    .media-loadmoreg a {
        position: absolute;
        bottom: 3%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%)
    }

body.fancybox-active {
    overflow: hidden
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 991050;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.fancybox-stage {
    overflow: visible;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

    .fancybox-slide:before {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000;
    padding: 0
}

.fancybox-slide video {
    vertical-align: top
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide > base,
.fancybox-slide > link,
.fancybox-slide > meta,
.fancybox-slide > script,
.fancybox-slide > style,
.fancybox-slide > title {
    display: none
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: no-repeat;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    background: #fff
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--video .fancybox-content {
    overflow: visible
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

    .fancybox-error p {
        margin: 0;
        padding: 0;
        color: #444;
        font-size: 16px;
        line-height: 20px
    }

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    transition: color .3s ease;
    cursor: pointer;
    outline: 0
}

    .fancybox-button,
    .fancybox-button:link,
    .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:focus,
        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button[disabled] {
            color: #ccc;
            cursor: default;
            opacity: .6
        }

        .fancybox-button svg {
            display: block;
            position: relative;
            overflow: visible;
            shape-rendering: geometricPrecision
        }

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2),
.fancybox-navigation {
    display: none
}

.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-button--zoom svg path {
    fill: transparent
}

.fancybox-show-nav .fancybox-navigation {
    display: block
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: 0 0;
    width: 60px;
    height: 100px;
    padding: 17px
}

    .fancybox-navigation button:before {
        position: absolute;
        top: 30px;
        right: 10px;
        width: 40px;
        height: 40px;
        background: rgba(30, 30, 30, .6)
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer;
    color: #777
}

    .fancybox-close-small svg {
        fill: transparent;
        stroke: currentColor;
        stroke-width: 2;
        border-radius: 50%
    }

    .fancybox-close-small:focus {
        outline: 0
    }

        .fancybox-close-small:focus svg {
            outline: #888 dotted 1px
        }

    .fancybox-close-small:hover svg {
        color: #333;
        background: #eee
    }

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    top: 0;
    right: -40px;
    color: #ccc;
    padding: 0
}

    .fancybox-slide--iframe .fancybox-close-small:hover svg,
    .fancybox-slide--image .fancybox-close-small:hover svg,
    .fancybox-slide--video .fancybox-close-small:hover svg {
        color: #fff;
        background: 0 0
    }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

    .fancybox-caption a,
    .fancybox-caption button,
    .fancybox-caption select {
        pointer-events: all;
        position: relative
    }

    .fancybox-caption a {
        color: #fff;
        text-decoration: underline
    }

.btn,
.fancybox-share__button,
.fancybox-share__button:hover,
.fullscreen-menu ul li a,
a {
    text-decoration: none
}

.fancybox-slide > .fancybox-loading {
    border: 6px solid rgba(99, 99, 99, .4);
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        margin: 0 0 20px;
        font-size: 35px;
        font-weight: 700
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

p.fancybox-share__links {
    margin-right: -10px
}

.fancybox-share__button {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    min-width: 130px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: all .2s
}

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    background: 0 0;
    color: #5d5b5b;
    font-size: 14px;
    outline: 0;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #d7d7d7
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap
}

.fancybox-thumbs-x > ul {
    overflow: hidden
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs > ul > li:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px)
    }
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2) format("woff2"), url(font/Vision-Regular.woff)
format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix) format("embedded-opentype"),
url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix) format("embedded-opentype"),
url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff) format("woff"), url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } */

@media (max-width:1050px) {
    .home-page main,
    main {
        margin-top: 55px
    }

    .mobile-header {
        display: block;
        background: #fff;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        border-bottom: 1px solid #ADADAD;
    }

        .mobile-header .inner-wrapper {
            padding: 0px 20px;
            min-height: 60px
        }
}

@media (max-width:1050px) and (max-width:768px) {
    .mobile-header .inner-wrapper {
        padding: 0 20px;
        /* border-bottom: 1px solid #adadad; */
    }

        .mobile-header .inner-wrapper .pull-left {
            padding: 20px 0;
        }
    /* .home-banner .img-responsive.in-desktop {
        display: none;
    } */
}

@media (max-width:1050px) and (max-width:480px) {
    .home-page main {
        margin-top: 38px
    }

    .mobile-header .inner-wrapper {
        padding: 0 10px
    }
}

@media (max-width:1050px) {
    .mobile-header .mob-logo {
        max-width: 100px
    }

    .mobile-header .pull-right {
        display: table
    }

        .mobile-header .pull-right a {
            display: table-cell;
            vertical-align: bottom;
            padding: 0 20px;
            text-align: center;
            color: #000;
            font-family: 'IBM Plex Sans', sans-serif;
            font-size: 20px
        }

    .mobile-header .side-sticky-main li a {
        text-align: left;
    }
}

@media (max-width: 1050px) and (max-width: 600px) {
    .mobile-header .mob-logo {
        max-width: 110px;
        /* margin-top: 11px */
    }
}

@media (max-width:1050px) and (max-width:1050px) {
    .mobile-header .pull-right a {
        font-size: 15px;
        padding-bottom: 5px
    }
}

@media (max-width:1050px) {
    .mobile-header .pull-right a img {
        max-width: 37px;
        max-height: 40px;
        margin-bottom: 4px
    }
}

@media (max-width:1050px) and (max-width:768px) {
    .mobile-header .pull-right a {
        border-right: 1px solid #000;
        /* border-left: 1px solid #000;
        margin-left: -1px; */
        height: 60px;
        vertical-align: middle
    }

        .mobile-header .pull-right a:first-child {
            border-right: none
        }

        .mobile-header .pull-right a img {
            max-width: 70px;
            max-height: 30px;
        }

    .fullscreen-menu.active ul li a {
        padding: 0 30px;
    }
}

@media (max-width:1050px) and (max-width:480px) {
    .mobile-header .pull-right a {
        font-size: 9px;
        padding: 0;
        width: 75px;
        height: 60px;
        vertical-align: middle;
        text-align: center
    }

        .mobile-header .pull-right a img {
            max-width: 62px;
            max-height: 30px
        }
}

.menu-container {
    position: relative;
    padding: 30px
}

@media (max-width:678px) {
    .menu-container {
        display: inline-block
    }
}

.menu {
    position: relative;
    width: 50px;
    height: 28px;
    cursor: pointer;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 1000;
    margin-left: 20px
}

@media (max-width:480px) {
    .menu-container {
        padding: 10px;
        top: 8px
    }

    .menu {
        width: 34px;
        height: 23px;
        margin-left: 11px
    }
}

.menu:after,
.menu:before {
    background-color: #000;
    width: 50px;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    left: 0
}

.nw-inner .btn span:hover {
    background: #003881;
    color: #fff;
}

@media (max-width:480px) {
    .menu:after,
    .menu:before {
        width: 34px
    }
}

.menu:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.menu.active {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: transparent
}

    .menu.active:after,
    .menu.active:before {
        background-color: #000;
    }

    .menu.active:after {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg)
    }

.fullscreen-menu {
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: all .35s;
    transition: all .35s ease;
    opacity: 0;
    display: none;
    z-index: -1;
    /* padding-left: 10px */
}

    .fullscreen-menu ul {
        position: relative;
        top: 0%;
        text-align: left;
        width: 100%;
        list-style-type: none;
    }

        .fullscreen-menu ul.popup-fullscrn {
            position: relative;
            /* top: 40px; */
            text-align: left;
            width: 100%;
            /* border-top: 1px solid #eee; */
            list-style-type: none;
            padding-top: 20px;
        }
    /* .fullscreen-menu.active {
    background-image: url(../images/btm-skw-elem-popup.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
} */

    .fullscreen-menu.active .skw-btm-popup-menu img {
        display: block;
        width: 100%;
        max-width: 450px;
        position: relative;
        right: -2px;
        bottom: 38px;
        max-height: 200px;
    }

    .fullscreen-menu.active ul li.skw_imgli {
        margin-top: 100px;
    }

.container,
.table-cell,
body,
html {
    position: relative
}

.fullscreen-menu ul li {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    z-index: 1;
    padding: 1px
}

    .fullscreen-menu ul li .toll-free {
        text-align: center;
        margin-top: 15px
    }

        .fullscreen-menu ul li .toll-free p {
            color: #fff;
            font-size: 12px;
            display: inline-block;
            margin-top: 10px
        }

    .fullscreen-menu ul li a {
        width: 100% !important;
        height: auto !important;
        border: none !important
    }

    .fullscreen-menu ul li.mobile-social-icon-set .social-icons {
        position: relative;
        /* text-align: center; */
        /* margin-left: 20px */
    }

.fullscreen-menu .social-icons > li:first-child a {
    margin-left: 15px;
}
/* 
.fullscreen-menu ul li.mobile-social-icon-set .social-icons li>a {
    margin-left: 25px;
} */

.fullscreen-menu ul li.mobile-social-icon-set .social-icons li {
    display: inline-block;
    vertical-align: top
}

    .fullscreen-menu ul li.mobile-social-icon-set .social-icons li:nth-child(2) {
        margin: 0 10px
    }

    .fullscreen-menu ul li.mobile-social-icon-set .social-icons li a {
        display: block;
        /* border: 1px solid #fff !important; */
        padding: 0 0;
        width: 40px !important;
        height: 40px !important;
        text-align: center;
        line-height: 0
    }

.container,
.full-width,
.table,
body,
header,
header .top-section,
html {
    width: 100%
}

.fullscreen-menu ul li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(7) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(9) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(11) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li:nth-child(12) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.fullscreen-menu ul li a {
    color: #000 !important;
    line-height: 17px;
    font-size: 13px !important;
    text-transform: uppercase;
    /* letter-spacing: .05em; */
    font-weight: 500;
}

    .fullscreen-menu ul li a.number {
        font-size: 13px;
        color: #fff;
        border-radius: 20px;
        background: url(images/call_icon.png) 12px center no-repeat #e21836;
        background-size: 12px auto;
        height: 30px;
        line-height: 32px;
        padding: 0 15px 0 30px;
        display: block;
        max-width: 194px;
        margin: 5px auto auto;
        float: none;
        padding-left: 25px !important
    }

*,
ul {
    padding: 0;
    margin: 0
}

@media (max-width:600px) {
    .fullscreen-menu ul li a {
        line-height: 15px;
        font-size: 13px !important
    }
}

.fullscreen-menu.active {
    opacity: 1;
    z-index: 99;
    display: block;
    overflow: hidden;
    border-top: 1px solid #E3E3E3
}

    .fullscreen-menu.active ul li {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        z-index: 99;
        margin-bottom: 15px;
    }

.flp label {
    text-align: left !important
}
/* @font-face { font-family: vision-regular; src: url(font/Vision-Regular.eot); src: url(font/Vision-Regular.eot?#iefix) format("embedded-opentype"), url(font/Vision-Regular.woff2) format("woff2"),
url(font/Vision-Regular.woff) format("woff"), url(font/Vision-Regular.svg#Vision-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: Vision-Light; src: url(font/Vision-Light.eot); src: url(font/Vision-Light.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Light.woff) format("woff"), url(font/Vision-Light.ttf) format("truetype"); font-weight: 300; font-style: normal } @font-face { font-family: vision-bold; src: url(font/Vision-Bold.eot); src: url(font/Vision-Bold.eot?#iefix)
format("embedded-opentype"), url(font/Vision-Bold.woff2) format("woff2"), url(font/Vision-Bold.woff) format("woff"), url(font/Vision-Bold.svg#Vision-Bold) format("svg"); font-weight: 500; font-style: normal } */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: initial
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important;
    padding: 20px 0;
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.img-responsive,
.slick-slide img {
    display: inline-block
}

img {
    vertical-align: middle;
    border: 0;
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px
}

a {
    outline: 0 !important
}

.img-responsive {
    max-width: 100%
}

.slick-slide {
    outline: 0
}

body,
html {
    height: 100%;
    font-size: 14px;
    transition: none;
    line-height: 20px;
    font-family: 'IBM Plex Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.container {
    max-width: 1300px;
    margin: auto
}

.table {
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: top;
    overflow: hidden
}

.in-desktop {
    display: block
}

.in-mobile {
    display: none
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@media (max-width:1200px) {
    .wrapper {
        padding: 0 15px
    }
}

@media (max-width:600px) {
    .in-mobile {
        display: block
    }

    .in-desktop {
        display: none
    }

    .fullscreen-menu ul li.mobile-social-icon-set .social-icons li:nth-child(2) {
        margin: 0;
    }
}

header {
    position: fixed;
    top: 0;
    z-index: 5;
    height: 150px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

    header .top-section {
        padding: 4px 0;
        background: #000;
        transition: all .3s;
        overflow: hidden
    }

        header .top-section .header-right {
            float: right;
            display: table;
            padding-right: 70px
        }

            header .top-section .header-right li {
                display: table-cell;
                vertical-align: middle;
                list-style: none
            }

                header .top-section .header-right li a {
                    color: #000;
                    padding: 20px 10px;
                    font-size: 12px;
                    line-height: 15px;
                    text-transform: uppercase;
                    font-weight: 500;
                    transition: all .34s;
                    -webkit-transition: all .34s;
                    -webkit-transition: all .34s;
                    -moz-transition: all .34s;
                    -ms-transition: all .34s;
                    -o-transition: all .34s;
                }


                    header .top-section .header-right li a:hover {
                        color: #e41e37
                    }

    header .bottom-section {
        padding: 15px 50px;
        min-height: 150px;
        top: 35px;
        width: 100%;
        z-index: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

        header .bottom-section ul li {
            display: inline-block;
            padding: 0 12px;
            vertical-align: middle
        }

            header .bottom-section ul li a {
                color: #000;
                padding: 20px 0;
                font-size: 12px;
                line-height: 15px;
                text-transform: uppercase;
                font-weight: 500;
                transition: all .34s;
                -webkit-transition: all .34s;
                -moz-transition: all .34s;
                -ms-transition: all .34s;
                -o-transition: all .34s;
            }

                header .bottom-section ul li a:hover {
                    color: #e41e37
                }

            header .bottom-section ul li:first-child {
                padding-left: 0
            }

    header.new-header {
        height: 58px;
        background: #fff;
        border-bottom: 1px solid #ADADAD;
    }

        header.new-header .bottom-section {
            /* float: left; */
            /* margin-top: -40px; */
            min-height: auto;
        }

            header.new-header .bottom-section a {
                font-size: 12px;
                font-weight: 500;
            }

        header.new-header .top-section {
            /* margin-top: 10px; */
            width: auto;
            float: right;
            position: relative;
            z-index: 3;
            background: 0 0;
            padding: 5px 20px;
        }

.header-right .m_Sub-logo {
    max-width: 160px;
}
/* main { padding-bottom: 70px } */

@media (max-width:769px) {
    main {
        padding-bottom: 0
    }
}


@media(max-width:767px) {
    .footer_wrap_mobile .features .features-section {
        background: #fff;
    }

        .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content {
            border: none;
        }

            .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .table-title {
                color: #000;
                border: none;
            }
                /* .features .features-section .tab-main .wrapper .tab-content .content-table .table-title .icon:before,
    .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .table-title .icon:after {
        background-color: #000;
    } */
                .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc {
                    background: #003881;
                    color: #fff;
                }

    .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc:hover .icon:before {
        background: #000;
    }

    .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .table-title:hover {
        background: #003881;
        color: #fff;
    }

    .features-section .tab-main .wrapper .tab-content .content-table .table-title:hover .icon:before {
        background: #fff;
    }

    .footer_wrap_mobile main {
        margin-top: 0
    }

    .features-section .tab-main .wrapper .tab-content .content-table .table-title:hover .icon:before {
        background: #000;
    }

    .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .table-title {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
    }
    /* .features .features-section .tab-main .wrapper .tab-content .content-table .table-title.active-acc:hover .icon:after {
        background: #000;
    } */
    .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li a {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #000;
        border: none;
        padding: 5px 5px 10px 10px;
        border: none;
        text-transform: initial;
    }

    .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table {
        border-bottom: 1px solid #A4A4A4;
    }

    .footer_wrap_mobile .features .features-section .sp-main {
        padding-bottom: 10px
    }

    .footer_wrap_mobile .features .features-section {
        padding: 20px 0
    }

        .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul {
            margin-bottom: 5px
        }

            .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul:last-child {
                margin-bottom: 15px
            }

            .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table .acc-con ul li {
                border: none;
            }

        .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table.shre-icons .acc-con ul {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-top: 20px;
            padding-left: 20px;
        }

            .footer_wrap_mobile .features .features-section .tab-main .wrapper .tab-content .content-table.shre-icons .acc-con ul a img {
                max-width: 18px;
                max-height: 18px;
                margin-right: 25px;
            }

    .mobile-social-icon-set .social-icons li a img {
        max-width: 20px;
        max-height: 16px;
    }

    .features .features-section .tab-main .wrapper .tab-content:first-child {
        margin-bottom: 0px;
    }
}

footer {
    padding-top: 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

    footer .footer-wrapper {
        max-width: 1170px;
        margin: auto;
        padding: 10px 0
    }

        footer .footer-wrapper .table {
            display: table;
            table-layout: fixed;
            width: 100%
        }

            footer .footer-wrapper .table .table-cell {
                display: table-cell;
                vertical-align: top
            }

                footer .footer-wrapper .table .table-cell .title {
                    text-transform: uppercase;
                    text-align: left;
                    font-size: 16px;
                    color: #999
                }

                footer .footer-wrapper .table .table-cell .subs-con {
                    max-width: 380px;
                    margin-top: 8px
                }

                    footer .footer-wrapper .table .table-cell .subs-con input[type=text] {
                        float: left;
                        background: 0 0;
                        color: #999;
                        width: 70%;
                        border: 1px solid #2f2e2e;
                        font-size: 14px;
                        outline: 0;
                        height: 45px;
                        padding-left: 10px
                    }

                    footer .footer-wrapper .table .table-cell .subs-con input[type=submit] {
                        color: #fff;
                        padding: 10px 0;
                        border: none;
                        font-size: 13px;
                        outline: 0;
                        width: 29%;
                        float: left;
                        height: 45px;
                        cursor: pointer;
                        text-transform: uppercase
                    }

                footer .footer-wrapper .table .table-cell .social {
                    margin-top: 8px
                }

                    footer .footer-wrapper .table .table-cell .social li {
                        display: inline-block;
                        vertical-align: top;
                        margin: 0 2px
                    }

                        footer .footer-wrapper .table .table-cell .social li a {
                            display: block;
                            width: 45px;
                            height: 45px;
                            transition: all .34s ease-in-out;
                            text-align: center;
                            padding-top: 12px
                        }

                            footer .footer-wrapper .table .table-cell .social li a.facebook {
                                border: 1px solid #69c
                            }

                                footer .footer-wrapper .table .table-cell .social li a.facebook:hover {
                                    background: #69c
                                }

                            footer .footer-wrapper .table .table-cell .social li a.instagram {
                                border: 1px solid #5e3c32
                            }

                                footer .footer-wrapper .table .table-cell .social li a.instagram:hover {
                                    background: #5e3c32
                                }

                            footer .footer-wrapper .table .table-cell .social li a.twitter {
                                border: 1px solid #1bb4de
                            }

                                footer .footer-wrapper .table .table-cell .social li a.twitter:hover {
                                    background: #1bb4de
                                }

    footer .bottom {
        /* border-top: 1px solid #2f2e2e; */
        padding: 18px 0;
        text-align: center;
        position: relative;
        z-index: 2
    }

@media (max-width:600px) {
    footer .bottom {
        padding: 20px 2px;
        font-size: 12px;
        background: #fff;
    }

        footer .bottom .footer-wrapper {
            color: #fff;
        }

    footer .skew-line {
        width: 90%;
    }
}

footer .bottom .footer-wrapper {
    color: #000;
}

.features .features-section .ft-tabs li a:hover,
.features .features-section .ft-tabs li.active a,
.gradient-button,
.offer .dt .dtc .inner-content a,
.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main a,
.pro-main .wrapper .t .tc a,
.side-sticky-main.sticky-open .links li.active-li,
.test-form .form-row .form-item input[type=submit] {
    position: relative;
    z-index: 0;
    background: #003881;
    color: #fff;
    /* background: #7db9e8;
    background: -moz-linear-gradient(left, #7db9e8 0, #4660aa 100%);
    background: -webkit-linear-gradient(left, #7db9e8 0, #4660aa 100%);
    background: linear-gradient(to right, #7db9e8 0, #4660aa 100%);
    filter:;
    progid: DXImageTransform.Microsoft.gradient( startColorstr='#6691b3', endColorstr='#4660aa', GradientType=1);
    -webkit-filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6691b3', endColorstr='#4660aa', GradientType=1);
} */
}

.about-tab-section .tab-cont .tab a.active,
.accordion .accordion__header.is-active,
.accordion .accordion__header.is-active:hover,
.gradient,
.modal .close {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1)
}

.features .features-section .ft-tabs li a:hover:after,
.features .features-section .ft-tabs li.active a:after,
.gradient-button:after,
.offer .dt .dtc .inner-content a:after,
.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main a:after,
.pro-main .wrapper .t .tc a:after,
.side-sticky-main.sticky-open .links li.active-li:after,
.test-form .form-row .form-item input[type=submit]:after {
    /* background: #003881; */
    color: #fff;
    /* background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4660aa', endColorstr='#6691b3', GradientType=1); */
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    z-index: -1;
    right: 0;
    bottom: 0;
    transition: all .44s
}

.features .features-section .ft-tabs li a:hover:after,
.gradient-button:hover:after,
.offer .dt .dtc .inner-content a:hover:after,
.pricing-main .wrapper .product-select .car-details .dt .dtc .product-detail-main a:hover:after,
.pro-main .wrapper .t .tc a:hover:after,
.side-sticky-main.sticky-open .links li.active-li:hover:after,
.test-form .form-row .form-item input[type=submit]:hover:after {
    opacity: 0
}

.accordion .accordion__header.is-active,
.accordion .accordion__header.is-active:hover,
.gradient {
    /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%); */
    transition: all .24s ease-in-out;
    background-size: 100% 100%;
    background-position: 100% 100%
}

.animation-element {
    opacity: 0;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    position: relative
}

footer .skew-line {
    position: relative;
    width: 95%;
    padding: 8px 0;
    position: relative;
    background: #CE0024;
}

    footer .skew-line:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: #CE0024;
        transform-origin: bottom left;
        -ms-transform: skew(-50deg, 0deg);
        -webkit-transform: skew(-50deg, 0deg);
        transform: skew(-50deg, 0deg);
    }

.fullscreen-menu.active .skew-line {
    width: 90%;
    padding: 5px 0;
    /* position: relative; */
    background: #CE0024;
    position: fixed;
    bottom: 0;
    /* bottom: 68px; */
    height: 10px;
    z-index: 7;
}

    .fullscreen-menu.active .skew-line:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: -1;
        background: #CE0024;
        transform-origin: bottom left;
        -ms-transform: skew(-50deg, 0deg);
        -webkit-transform: skew(-50deg, 0deg);
        transform: skew(-50deg, 0deg);
        bottom: 0;
    }

.info.tro-info {
    color: #000;
}

    .info.tro-info a {
        color: #002891;
        text-decoration: underline;
    }

@media (max-width:1200px) {
    .animation-element {
        transition: none !important;
        transform: none !important
    }
}

.animation-element.in-view {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

.side-sticky-main {
    width: 300px;
    position: fixed;
    right: 0;
    background: #fff;
    z-index: 20;
    top: 58px;
    overflow: hidden;
    transition: all .34s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.05);
}

    .side-sticky-main .icon-set li a img {
        max-width: 20px;
    }

    .side-sticky-main.sticky-open {
        right: 0;
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

        .side-sticky-main.sticky-open .links {
            padding-left: 30px;
        }
    /* .side-sticky-main .icon-set {
    position: absolute;
    left: 0;
    margin-left: 1px;
    z-index: 5;
    top: 0;
}

.side-sticky-main .icon-set li {
    display: block
}

.side-sticky-main .icon-set li a {
    color: #fff;
    display: block;
    padding: 20px;
    height: 58px;
    border-bottom: 1px solid #201e1e
} */

    .side-sticky-main .icon-set li:last-child a {
        border-bottom: none
    }

    .side-sticky-main .links {
        z-index: 4;
        padding: 35px 30px;
    }

        .side-sticky-main .links li {
            display: block;
            /* padding-left: 50px */
        }

            .side-sticky-main .links li a {
                color: #000;
                display: block;
                padding: 10px 20px;
                height: 41px;
                /* border-bottom: 1px solid #201e1e; */
                text-transform: capitalize;
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
            }

                .side-sticky-main .links li a span img {
                    width: 15px;
                    margin-right: 10px;
                }

            .side-sticky-main .links li:hover {
                background: none;
            }

            .side-sticky-main .links li a:after {
                display: none;
            }

            .side-sticky-main .links li:last-child,
            .side-sticky-main .links li:last-child a,
            .side-sticky-main.sticky-open .icon-set li a {
                border-bottom: none
            }

            .side-sticky-main .links li .social-icons {
                display: table;
                table-layout: fixed;
                width: 80%
            }

                .side-sticky-main .links li .social-icons li {
                    display: table-cell;
                    vertical-align: middle
                }

                    .side-sticky-main .links li .social-icons li a {
                        padding: 20px;
                        text-align: center
                    }

    .side-sticky-main.sticky-open {
        right: 0
    }

        .side-sticky-main.sticky-open .links li {
            animation-name: fadeInUp;
            padding-left: 0
        }

.inner-banner {
    background-attachment: fixed;
    background-color: #fff;
    background-repeat: no-repeat;
    min-height: 400px;
    position: relative;
    background-size: contain
}

header.new-header .skw_elem li a {
    font-size: 13px;
    font-weight: 400 !important;
    max-width: 120px;
}

@media (min-width:1400px) {
    .inner-banner {
        min-height: 500px
    }
}

@media (max-width:769px) {
    .inner-banner {
        display: none
    }
}

.fullscreen-menu ul li.mobile-social-icon-set .social-icons li a img {
    max-width: 25px;
    max-height: 20px;
}

.inner-banner .text-wrapper {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%
}

.btn,
.sp-sticky-con {
    position: relative;
    height: 50px
}

.inner-banner .text-wrapper .wrapper {
    max-width: 100%;
    margin: auto;
    padding: 0 50px
}

    .inner-banner .text-wrapper .wrapper h2 {
        font-size: 40px;
        text-align: left;
        border-bottom: 1px solid #fff;
        color: #fff;
        display: inline-block;
        font-weight: 500;
    }

.btn,
.innersticker,
.modal .close {
    text-align: center
}

.inner-banner img {
    width: 100%
}

.bottom-section .nav li a img {
    max-width: 120px;
}

@media (max-width:768px) {
    .sp-sticky-con {
        display: none
    }
}

.innersticker {
    position: absolute;
    width: 100%;
    transition: all .74s
}

    .innersticker.inner-sticker {
        position: fixed;
        top: 56px;
        width: 100%;
        background: #fff;
        padding: 6px 0 15px;
        box-shadow: 3px 2px 6px #d4d1d1;
        z-index: 5;
    }

.btn {
    margin-top: calc(50% + 25px);
    display: inline-block;
    width: 277px;
    font-family: vision-bold;
    line-height: 60px;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
    font-weight: 500;
    font-size: 21px;
    letter-spacing: .045em;
    color: #4660aa
}

.inner-video,
.inner-video iframe {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.btn svg {
    position: absolute;
    top: 0;
    left: 0
}

    .btn svg rect {
        stroke-width: 2;
        stroke-dasharray: 353, 0;
        stroke-dashoffset: 0;
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }

.btn span {
    color: #000
}

.btn.active svg rect,
.btn:hover svg rect {
    stroke-width: 2;
    stroke-dasharray: 196, 543;
    stroke-dashoffset: 437
}

.reveal {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition: opacity .8s, transform .8s
}

.reveal_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.main-header {
    padding: 70px 0
}

    .main-header .main-title {
        font-size: 40px;
        text-transform: capitalize;
        margin-bottom: 20px;
        color: #2c2828;
        font-weight: 500;
    }

    .main-header .main-desc {
        font-size: 17px;
        color: #999;
        letter-spacing: 1px
    }

@media (max-width:768px) {
    .main-header .main-desc {
        line-height: 22px
    }

    .main-header {
        padding: 50px 0 30px
    }
}

.inner-video {
    background: #000;
    position: relative;
    z-index: 2
}

    .inner-video iframe {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0
    }

@media (max-width:1200px) {
    .inner-banner {
        min-height: 280px
    }

    .reveal {
        opacity: 1;
        transform: none !important;
        transition: none !important
    }

    .inner-video iframe {
        position: absolute
    }
}

@media (min-aspect-ratio:16 / 9) {
    .inner-video iframe {
        height: 300%;
        top: -100%
    }
}

@media (max-width:1050px) {
    .drive-all-main .drive-all a {
        color: #000;
        background: #fff;
    }
}

@media (max-aspect-ratio:16 / 9) {
    .inner-video iframe {
        width: 300%;
        left: -100%
    }
}

.inner-video img {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -300px;
    width: 700px;
    height: auto
}

.inner-video-mobile {
    display: none;
    position: relative
}

    .inner-video-mobile .videoWrapperMobile {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0
    }

        .inner-video-mobile .videoWrapperMobile iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

    .inner-video-mobile img {
        width: 100%
    }

    .inner-video-mobile .mobile-video-content {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

        .inner-video-mobile .mobile-video-content .main-title {
            font-size: 40px;
            text-transform: capitalize;
            margin-bottom: 0;
            color: #000;
            display: inline-block;
            padding-bottom: 4px;
            margin-top: 20px
        }

.nw-inner button {
    text-decoration: none;
    border: none;
}

.nw-inner.treo-poup .main-btn-rect {
    color: #fff;
    opacity: 1;
    background-color: #CE0024;
    padding: 10px 20px;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
}

.nw-inner.treo-poup:hover .main-btn-rect {
    transform: scale(1.1);
}

.treo-form::placeholder {
    color: #000;
}

.treo-form .vehicle-type {
    color: #000;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    height: 29px;
    outline: none;
    border: none;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
    transition: all .4s ease-in-out;
    -webkit-appearance: none;
    border-radius: 0;
    background: transparent;
    position: relative;
    z-index: 2;
}

.treo-form .dwn-arw:after {
    position: absolute;
    content: '';
    top: 10px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #000;
    z-index: 1;
}

.treo-form option[value=""][disabled] {
    display: none;
}

.treo-form option {
    color: #000;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    height: 29px;
    outline: none;
    border: none;
}

.treo-form select {
    width: 100%;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    height: 29px;
    border: none;
    border-bottom: 1px solid #000;
    outline: none;
    transition: all .4s ease-in-out;
}

.treo-form .sucess-msg {
    text-align: center;
}

    .treo-form .sucess-msg h2 {
        font-family: 'IBM Plex Sans', sans-serif;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .treo-form .sucess-msg p {
        font-family: 'IBM Plex Sans', sans-serif;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.8px;
        line-height: 24px;
    }

.treo-form button {
    text-decoration: none;
    border: none;
}

.treo-poup .center-content {
    text-align: center;
}

.treo-poup .main-btn-rect,
.treo-form .main-btn-circle {
    position: relative;
    margin: 0;
    color: #FFFFF0;
    background-color: #003881;
    text-transform: initial;
    font-size: 25px;
    outline: none;
    cursor: pointer;
    z-index: 1;
}

.treo-form .main-btn-rect {
    position: relative;
    margin: 0;
    color: #FFFFF0;
    background-color: #003881;
    text-transform: initial;
    font-size: 25px;
    outline: none;
    cursor: pointer;
    z-index: 1;
}

.treo-poup .main-btn-rect {
    color: #003881;
    background: #fff;
    padding: 18px 36px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    font-size: 25px;
    cursor: pointer;
    text-decoration: none;
}

    .treo-poup .main-btn-rect:before,
    .treo-poup .main-btn-rect:after {
        position: absolute;
        content: '';
        top: 0;
        width: 0%;
        height: 100%;
        background-color: rgba(255, 255, 240, 0.2);
        -webkit-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s;
    }

    .treo-poup .main-btn-rect:before {
        left: 0;
    }

    .treo-poup .main-btn-rect:after {
        right: 0;
    }

    .treo-poup .main-btn-rect:hover:before,
    .treo-poup .main-btn-rect:hover:after {
        width: 50%;
    }

.treo-form .main-btn-circle {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    border-radius: 100%;
    line-height: 40px;
    -webkit-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

    .treo-form .main-btn-circle:hover {
        -webkit-box-shadow: inset 2px 1px 0px 20px rgba(94, 94, 22, 0.5);
        -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.5);
        box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.5);
    }

.popup.treo-form {
    position: fixed;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
}

    .popup.treo-form.active {
        top: 0;
        background-color: rgba(3, 3, 3, 0.85);
        transition: background-color .6s, opacity .6s;
        opacity: 1;
        visibility: visible;
    }

    .popup.treo-form .main-btn-rect {
        padding: 10px 100px;
    }

    .popup.treo-form .popup-content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 500px;
        padding: 50px 30px 30px 30px;
        background-color: #fff;
        color: #000;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transition: margin .6s;
        -webkit-transition: margin .6s;
        -moz-transition: margin .6s;
        -o-transition: margin .6s;
    }

    .popup.treo-form.active .popup-content {
        margin-top: 0px;
    }

.treo-form .popup-content h6 {
    display: table;
    font-size: 16px;
    text-align: center;
    margin: 10px auto;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-weight: 100;
}

.treo-form .form-group {
    position: relative;
    width: 90%;
    margin: 0px auto;
}

.treo-form form#send input,
.treo-form form#send textarea,
.treo-form form#send select {
    position: relative;
    margin-bottom: 40px;
    /*font-size: 16px;*/
    width: 100%;
    /*font-family: 'Vision-light';*/
    font-size: 14px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    background-color: transparent;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #000;
    -webkit-transition: border 0.6s;
    -o-transition: border 0.6s;
    transition: border 0.6s;
    color: #000;
}

.treo-form textarea {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    width: 100%;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 400;
    background-color: transparent;
    outline: 0;
    border: none;
    border-bottom: 1px solid #000;
    -webkit-transition: border 0.6s;
    -o-transition: border 0.6s;
    transition: border 0.6s;
}

.treo-form form#send input:focus,
.treo-form form#send textarea:focus {
    border-bottom: 1px solid #003881;
}

.treo-form form#send label {
    position: absolute;
    top: 0;
    line-height: 28px;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.treo-form form#send input:focus + label,
.treo-form form#send textarea:focus + label {
    color: #003881;
}

.treo-form form#send .txt {
    line-height: 22px;
    left: 2px;
}

.treo-form form#send .main-btn-rect {
    position: relative;
    display: block;
    letter-spacing: 0.5px;
    padding: 12px 80px;
    margin: 0px auto;
    font-size: 14px;
    background-color: #003881;
    color: #fff;
    border: none;
}

    .treo-form form#send .main-btn-rect i {
        margin-right: 5px;
    }

.popup.treo-form .fade-out {
    position: absolute;
    top: -20px;
    right: -20px;
    text-align: center;
    font-size: 15px;
}

.treo-form .share-wrap {
    position: absolute;
    display: inline-table;
    top: 67%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    text-align: center;
}

.resp-sharing-button__icon,
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.fr-sticky-mobile.popup-btn {
    display: none;
}

@media only screen and (max-width: 768px) {
    .treo-form h1 {
        font-size: 25px;
    }

    .treo-form h2 {
        font-size: 14px;
    }

    .treo-form form#send .main-btn-rect {
        padding: 10px 20px;
        font-size: 14px;
    }

    .treo-form .popup-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width:600px) {
    .popup.treo-form .popup-content {
        width: 90%;
        padding: 20px 10px;
    }

    .treo-form .main-btn-circle {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .popup.treo-poup .fade-out {
        font-size: 10px;
        top: -12px;
        right: -12px;
    }

    .treo-form form#send input,
    .treo-form form#send textarea {
        margin-bottom: 20px;
        font-size: 14px;
        height: 25px;
    }

    .treo-form form#send .main-btn-rect {
        padding: 10px 20px;
        font-size: 14px;
    }
}

.scrool-off {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
}

@media (max-width:999px) {
    .fr-sticky-mobile.popup-btn {
        display: block;
    }

    .fr-sticky-mobile {
        position: fixed;
        /* background: red; */
        /* width: 20px; */
        /* height: 80px; */
        top: 50%;
        color: black;
        z-index: 10;
        transform: translateY(-50%);
        right: 0;
    }

        .fr-sticky-mobile .mob-btn {
            width: 100px;
            transform: rotate(90deg);
            background: red;
            border: none;
            box-shadow: none;
            padding: 8px;
            color: #fff;
            text-shadow: none;
            font-weight: 500;
            margin-right: -35px;
            font-family: 'IBM Plex Sans', sans-serif;
            -webkit-appearance: none;
        }

        .fr-sticky-mobile button {
            font-size: 14px;
            outline: none;
            -webkit-appearance: none;
        }
}
/* popup  End*/

@media (max-width:769px) {
    .inner-video {
        display: none
    }

    .inner-video-mobile {
        display: block
    }

        .inner-video-mobile .mobile-video-content .main-title {
            font-weight: 500;
            margin-top: 30px;
        }
}

@media (max-width:480px) {
    .inner-video-mobile .mobile-video-content .main-title {
        font-size: 30px;
        line-height: 32px;
    }

    .treo-form .form-group select,
    .treo-form form#send input {
        margin-bottom: 20px !important;
    }

    .popup.treo-form .fade-out {
        right: -10px;
    }
}

.inner-video-mobile .mobile-video-content .main-desc {
    font-size: 17px;
    color: #858585;
    letter-spacing: 1px;
    font-family: 'IBM Plex Sans', sans-serif;
}

.accordion--faq {
    margin: auto
}

    .accordion--faq .accordion__question:last-child {
        border-bottom: 1px solid #fff
    }

    .accordion--faq .accordion__header {
        position: relative
    }

        .accordion--faq .accordion__header.is-active .icon-arrow-down,
        .accordion--faq .accordion__header:focus .icon-arrow-down,
        .accordion--faq .accordion__header:hover .icon-arrow-down {
            color: #fff;
            position: absolute
        }

    .accordion--faq .accordion__heading {
        display: inline-block;
        margin: 0
    }

    .accordion--faq .accordion__content {
        display: none;
        margin-top: -1px
    }

.add-minus-icon {
    position: relative;
    width: 30px;
    height: 30px
}

    .add-minus-icon:after,
    .add-minus-icon:before {
        content: "";
        position: absolute;
        background-color: #fff;
        transition: transform .25s ease-out
    }

.modal,
.overlay {
    display: none;
    position: fixed
}

.add-minus-icon:before {
    top: 1;
    left: 50%;
    width: 3px;
    height: 100%;
    margin-left: -2px
}

.add-minus-icon:after {
    top: 50%;
    left: -1px;
    width: 100%;
    height: 3px;
    margin-top: -2px
}

.add-minus-icon.active {
    cursor: pointer
}

    .add-minus-icon.active:before {
        transform: rotate(90deg)
    }

    .add-minus-icon.active:after {
        transform: rotate(180deg)
    }

.vid-modal {
    cursor: pointer
}

.modal-open {
    overflow: hidden
}

.overlay {
    left: 0;
    background: #fff;
    opacity: .7;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99
}

.modal {
    width: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #000;
    box-shadow: 0 0 45px rgba(0, 0, 0, .47);
    z-index: 999
}

@media (max-width:768px) {
    .modal {
        width: 90%
    }
}

.modal .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .modal .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.modal .close {
    display: block;
    margin-top: 0;
    z-index: 101;
    font-size: 22px;
    position: absolute;
    right: -45px;
    top: -39px;
    border-radius: 50% !important;
    width: 40px;
    color: #fff;
    height: 40px;
    padding: 10px;
    /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%); */
    transition: all .24s ease-in-out
}

@media (max-width:768px) {
    .modal .close {
        right: 0;
        top: -50px
    }
}

@media (max-width:767px) {
    footer .skew-line {
        width: 90%;
        padding: 5px 0;
    }
}

.speaker {
    height: 60px;
    width: 60px;
    position: absolute;
    overflow: hidden;
    display: inline-block;
    z-index: 5;
    right: 40px;
    top: 70px
}

    .speaker span {
        display: block;
        width: 8px;
        height: 8px;
        background: #fff;
        margin: 11px 0 0 2px
    }

        .speaker span:after {
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent #fff transparent transparent;
            border-width: 10px 14px 10px 15px;
            left: -13px;
            top: 5px
        }

        .speaker span:before {
            transform: rotate(45deg);
            border-radius: 0 50px 0 0;
            position: absolute;
            width: 5px;
            height: 5px;
            border-style: double;
            border-color: #fff;
            border-width: 7px 7px 0 0;
            left: 18px;
            top: 9px;
            transition: all .2s ease-out
        }

    .speaker:hover span:before {
        transform: scale(.8) translate(-3px, 0) rotate(42deg)
    }

    .speaker.mute span:before {
        transform: scale(.5) translate(-15px, 0) rotate(36deg);
        opacity: 0
    }

.beta {
    color: #fff;
    padding-right: 3px;
    font-size: 10px;
    font-weight: 500;
    display: block;
    text-align: right;
    margin-top: 6px;
    letter-spacing: 1px;
    text-transform: capitalize !important
}

.transparent-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .419608);
    z-index: 9
}

    .transparent-bg img {
        position: absolute !important;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%)
    }

@media (max-width:768px) {
    .beta {
        color: #999;
        margin-top: 3px;
        margin-right: 5px
    }

    .transparent-bg img {
        width: 45px
    }
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    display: block
}

    .preloader .loader-image {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        width: 150px;
        text-align: center
    }

        .preloader .loader-image img {
            width: 120px
        }

@-moz-keyframes bouncer {
    0%, 100%, 20%, 50%, 80% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes bouncer {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bouncer {
    0%, 100%, 20%, 50%, 80% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.arrowb {
    position: fixed;
    bottom: 80px;
    left: 50%;
    margin-left: -20px;
    width: 30px;
    z-index: 1;
    height: 30px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyLjYzNCAzMi42MzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyLjYzNCAzMi42MzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMTYuMzE3LDMyLjYzNGMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYwLjVjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNXMwLjUsMC4yMjQsMC41LDAuNXYzMS42MzQgICBDMTYuODE3LDMyLjQxLDE2LjU5MywzMi42MzQsMTYuMzE3LDMyLjYzNHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0xNi4zMTUsMzIuNjM0TDE2LjMxNSwzMi42MzRjLTAuMTMzLDAtMC4yNi0wLjA1My0wLjM1NC0wLjE0NkwzLjQyOCwxOS45NTFjLTAuMTk1LTAuMTk1LTAuMTk1LTAuNTEyLDAtMC43MDcgICBzMC41MTItMC4xOTUsMC43MDcsMGwxMi4xNzksMTIuMTgzbDEyLjE4NC0xMi4xODNjMC4xOTUtMC4xOTUsMC41MTItMC4xOTUsMC43MDcsMHMwLjE5NSwwLjUxMiwwLDAuNzA3TDE2LjY2OCwzMi40ODcgICBDMTYuNTc0LDMyLjU4MSwxNi40NDgsMzIuNjM0LDE2LjMxNSwzMi42MzR6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    background-size: contain
}

.bouncer {
    -moz-animation: bouncer 2s infinite;
    -webkit-animation: bouncer 2s infinite;
    animation: bouncer 2s infinite
}

.desktop-header {
    display: block;
    position: relative;
    z-index: 10;
    height: 58px;
}

.mobile-header {
    display: none
}

@media (max-width: 1050px) {
    .desktop-header {
        display: none
    }

    .mobile-header {
        display: block
    }
}

#lblMsg {
    margin-left: 10px;
    font-size: 17px;
    font-style: italic
}

.download-pdf-mobile {
    display: block;
    padding: 12px 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    border: 1px solid #000;
    max-width: 200px;
    text-align: center;
    margin: 20px auto auto;
    /* letter-spacing: 1px */
}

.test-drive {
    background: #222428
}

    .test-drive .desktop-header {
        z-index: 999
    }

    .test-drive header .bottom-section {
        background: 0 0
    }

    .test-drive main {
        background: #26292e;
        overflow: hidden;
        padding-bottom: 60px
    }

@media (max-width:769px) {
    .test-drive main {
        padding-bottom: 0
    }

    .download-pdf-mobile {
        max-width: 230px;
    }
}

.test-drive .wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 0 10px
}

.test-drive .test-content {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin-bottom: 0;
    padding: 10px 0 0
}

@media (min-width:1399px) {
    .test-drive .test-content {
        padding-bottom: 60px
    }
}

@media (max-width:768px) {
    .test-drive .test-content {
        display: block;
        padding: 0
    }
}

.test-drive .test-content .test-form,
.test-drive .test-content .test-image {
    flex: 1
}

.test-drive .test-content .test-form {
    position: relative;
    z-index: 2;
    padding-top: 10px !important;
    margin-left: -12px
}

@media (max-width:1200px) {
    .test-drive .test-content .test-form {
        margin-left: 10px
    }
}

.test-drive .test-content .test-image {
    position: relative;
    z-index: 1
}

    .test-drive .test-content .test-image img {
        transform: scale(1.6) translate(0, -20px);
        -moz-transform: scale(1.6) translate(0, -20px);
        -webkit-transform: scale(1.6) translate(0, -20px);
        -ms-transform: scale(1.6) translate(0, -20px)
    }

.test-drive-content {
    padding: 120px 0 0;
    position: relative;
    z-index: 16;
    background: #222428
}

@media (min-width:1800px) {
    .test-drive-content {
        padding-bottom: 120px
    }
}

@media (max-width:768px) {
    .test-drive .test-content .test-form {
        margin-left: 0
    }

    .test-drive .test-content .test-image img {
        transform: none
    }

    .test-drive-content {
        margin: 10px;
        padding: 20px 0
    }
}

.test-form input::-moz-placeholder,
.test-form input::-webkit-input-placeholder {
    color: #fff !important
}

@media (max-width:480px) {
    .test-form {
        padding: 0
    }
}

.test-form .heading {
    color: #fff;
    font-size: 35px
}

@media (max-width:600px) {
    .test-form .heading {
        font-size: 27px;
        text-align: center
    }

    .test-form .sub-heading {
        display: none
    }
}

.test-form .sub-heading {
    color: #ccc;
    font-size: 18px;
    margin: 18px 0 3px;
    line-height: 25px
}

.test-form .sub-heading-mob {
    display: none
}

@media (max-width:600px) {
    .test-form .sub-heading-mob {
        display: block;
        margin: 12px 0
    }
}

.test-form .sub-heading-mob .table {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .test-form .sub-heading-mob .table .left-text {
        display: table-cell;
        vertical-align: middle;
        color: #ccc;
        font-size: 14px;
        margin: 35px 0;
        line-height: 19px;
        padding-left: 20px
    }

    .test-form .sub-heading-mob .table .orn {
        display: table-cell;
        vertical-align: middle;
        width: 3px
    }

        .test-form .sub-heading-mob .table .orn span {
            margin: 9px 0 0;
            color: #7f7f7f;
            font-size: 20px;
            text-transform: uppercase
        }

    .test-form .sub-heading-mob .table .right-button {
        display: table-cell;
        vertical-align: middle;
        padding-right: 20px
    }

        .test-form .sub-heading-mob .table .right-button a {
            font-size: 13px;
            color: #fff;
            display: block;
            float: right;
            border-radius: 20px;
            background: url(images/call_icon.png) 12px center no-repeat #e21836;
            background-size: 12px auto;
            height: 30px;
            line-height: 32px;
            padding: 0 15px 0 30px;
            margin-right: 10px;
            width: 100px
        }

.test-form .form-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin-bottom: 0
}

    .test-form .form-row .price-text {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 13px 0;
        color: #fff;
        line-height: 24px;
        font-size: 14px
    }

@media (max-width:768px) {
    .test-form .form-row .price-text {
        padding: 10px 0 0;
        font-size: 15px
    }
}

.test-form .form-row .price-text span {
    font-weight: 500;
    font-size: 17px;
    vertical-align: middle
}

@media (max-width:1200px) {
    .test-form .form-row {
        margin-left: -20px
    }
}

@media (max-width:768px) {
    .test-form .form-row .price-text span {
        font-size: 23px
    }

    .test-form .form-row {
        margin-left: 0
    }
}

.test-form .form-row .form-item {
    flex: 1;
    padding: 12px;
    position: relative;
    margin-bottom: 0
}

    .test-form .form-row .form-item div.error {
        position: absolute;
        bottom: -22px;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #e41d37;
        font-style: italic;
        z-index: 3
    }

@media (max-width:480px) {
    .test-form .form-row {
        display: block
    }

        .test-form .form-row .form-item {
            padding: 6px 0;
            margin-bottom: 10px
        }
}

.test-form .form-row .form-item input,
.test-form .form-row .form-item input.error {
    border: 1px solid #314566;
    min-height: 50px;
    outline: 0;
    background: 0 0;
    padding: 12px;
    width: 100%;
    color: #fff !important;
    font-size: 14px;
    font-family: 'IBM Plex Sans', sans-serif !important;
    /* font-family: vision-bold */
}

    .test-form .form-row .form-item input::placeholder {
        color: #fff
    }

    .test-form .form-row .form-item input::-moz-placeholder {
        color: #fff !important
    }

.test-form .form-row .form-item label {
    background: #222428;
    color: #fff;
    top: 20px;
    left: 15px;
    font-size: 15px;
    display: inline-block;
    width: auto
}

@media (max-width:480px) {
    .test-form .form-row .form-item label {
        top: 10px
    }
}

.test-form .form-row .form-item label span {
    background: 0 0
}

.test-form .form-row .form-item label.focussed {
    top: 12px;
    height: 0
}

@media (max-width:480px) {
    .test-form .form-row .form-item label.focussed {
        top: 5px
    }
}

.test-form .form-row .form-item .label {
    margin-left: 10px;
    display: block;
    top: 30px;
    position: absolute
}

@media (max-width:600px) {
    .test-form .form-row .form-item div.error {
        bottom: -26px
    }

    .test-form .form-row .form-item .label {
        top: 25px
    }
}

.test-form .form-row .form-item .label .ch {
    background: 0 0;
    color: #fff
}

.test-form .form-row .form-item input[type=submit] {
    text-transform: capitalize;
    /* font-family: vision-bold; */
    font-size: 15px;
    min-width: 185px
}

@media (max-width:480px) {
    .test-form .form-row .form-item input[type=submit] {
        width: 185px;
        margin: auto;
        display: block
    }
}

@media(max-width:350px) {
    .test-form .sub-heading-mob .table .right-button {
        padding-right: 0px;
    }

        .test-form .sub-heading-mob .table .right-button a {
            padding: 0 15px 0 22px;
            margin-right: 0px;
        }
}

@media(max-width:450px) {
    .features .features-section .tab-main .wrapper .tab-content .default-table ul li {
        padding: 10px 2px;
        font-size: 10px;
        line-height: 13px;
    }
}

.test-form .form-row .form-item .nice-select {
    border-radius: 0;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: none;
    border: 1px solid #314566;
    min-height: 50px;
    outline: 0;
    background: 0 0;
    padding: 4px 13px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    /* font-family: vision-bold */
    font-weight: 500;
}

    .test-form .form-row .form-item .nice-select .list {
        background: #26292e;
        width: 100%;
        color: #fff;
        border-radius: 0;
        border: 1px solid #314566;
        max-height: 250px;
        overflow-y: auto
    }

    .test-form .form-row .form-item .nice-select.error {
        border: 1px solid #314566;
        min-height: 50px;
        outline: 0;
        background: 0 0;
        padding: 12px;
        width: 100%;
        color: #fff !important;
        font-size: 14px;
        font-family: vision-bold;
        position: relative;
        bottom: auto;
        font-style: normal;
        line-height: 26px
    }

    .test-form .form-row .form-item .nice-select .option.focus,
    .test-form .form-row .form-item .nice-select .option.selected.focus,
    .test-form .form-row .form-item .nice-select .option:hover {
        background: #1c1c1c
    }

.test-form .form-row .form-item.submit-container {
    margin-top: 0
}

@media (min-width:769px) {
    .test-form .form-row .form-item.submit-container {
        text-align: left
    }
}

.test-form .form-row .checkbox {
    width: 17px !important;
    min-width: 22px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.test-form .form-row .checkbox-section {
    text-align: left;
    margin-top: -13px
}

    .test-form .form-row .checkbox-section .agree-text {
        color: #fff !important;
        font-size: 11px;
        vertical-align: middle;
        margin-left: 25px;
        line-height: 16px
    }

@media (max-width:600px) {
    .test-form .form-row .checkbox-section .agree-text {
        margin-left: 8px;
        line-height: 16px;
        margin-top: 0;
        font-size: 12px
    }
}

@media (max-width: 480px) {
    .test-form .form-row .checkbox-section .agree-text {
        margin-top: -5px
    }
}

@media(max-width:1050px) {
    .mobile-header .side-sticky-main {
        top: 69px;
    }
}

@media(max-width:600px) {
    .mobile-header .side-sticky-main {
        top: 70px;
        width: 100%;
        height: 100%;
    }

    .side-sticky-main .links li a {
        display: flex;
        padding: 10px 0;
        width: 100%;
    }

    .side-sticky-main.sticky-open .links {
        border-bottom: 1px solid #adadad;
    }
}

.sp-mobile-content {
    text-align: center;
    color: #ccc;
    margin-top: 20px
}

.terms-condi {
    position: absolute;
    right: 70px;
    bottom: 10px;
    color: #ccc;
    font-size: 13px
}

.about-container .container {
    max-width: 1170px
}

.about-container .main-header {
    padding-bottom: 20px
}

@media (max-width:600px) {
    .about-container .main-header {
        padding-bottom: 0;
        padding-top: 40px
    }

        .about-container .main-header .main-title {
            font-size: 30px
        }
}

.about-container .about-description {
    color: #666;
    font-size: 18px;
    line-height: 25px;
    max-width: 90%;
    margin: auto
}

    .about-container .about-description div {
        font-weight: 400;
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 15px
    }

    .about-container .about-description span {
        font-family: 'IBM Plex Sans', sans-serif;
    }

@media (max-width:600px) {
    .about-container .about-description {
        font-size: 14PX;
        line-height: 22px
    }

    .about-tab-section {
        padding: 10px
    }

        .about-tab-section .tab-cont {
            display: table;
            table-layout: fixed;
            width: 100%
        }
}

.about-tab-section .tab-cont {
    padding-top: 50px;
    text-align: center;
    font-size: 0
}

    .about-tab-section .tab-cont .tab {
        display: inline-block
    }

@media (max-width:600px) {
    .about-tab-section .tab-cont .tab {
        display: table-cell;
        vertical-align: middle
    }
}

.about-tab-section .tab-cont .tab a {
    display: block;
    background: 0 0;
    color: #000;
    border: 1px solid #000;
    padding: 15px 60px;
    margin-left: -1px;
    text-decoration: none;
    font-size: 20px;
    transition: all 0.4s ease;
    /*font-family: vision-bold */
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

    .about-tab-section .tab-cont .tab a:hover {
        color: #fff;
        background: #003881;
    }

    .about-tab-section .tab-cont .tab a.active {
        /* background: #4660aa;
    background: -moz-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: -webkit-linear-gradient(left, #4660aa 0, #7db9e8 100%);
    background: linear-gradient(to right, #4660aa 0, #7db9e8 100%); */
        transition: all .24s ease-in-out;
        color: #fff;
        background: #003881;
    }

@media (max-width:600px) {
    .about-tab-section .tab-cont .tab a {
        padding: 15px 10px;
        font-size: 15px
    }
}

.about-tab-section .tab-content-cont {
    margin-top: -1px
}

    .about-tab-section .tab-content-cont .tab-content {
        display: none;
        border: 1px solid #000;
        padding: 7%;
        color: #666
    }

        .about-tab-section .tab-content-cont .tab-content div {
            margin-bottom: 30px;
            font-size: 18px;
            text-align: center;
            line-height: 30px;
            color: #666;
        }

            .about-tab-section .tab-content-cont .tab-content div:last-child {
                margin-bottom: 0
            }

@media (max-width:600px) {
    .about-tab-section .tab-content-cont .tab-content {
        padding: 7% 10px
    }

        .about-tab-section .tab-content-cont .tab-content div {
            font-size: 14px;
            line-height: 23px;
            margin-bottom: 13px
        }
}

.about-tab-section .tab-content-cont .tab-content .pro-main {
    padding: 0
}

    .about-tab-section .tab-content-cont .tab-content .pro-main .wrapper .t .tc {
        padding: 20px
    }

        .about-tab-section .tab-content-cont .tab-content .pro-main .wrapper .t .tc .title {
            line-height: 40px !important
        }

        .about-tab-section .tab-content-cont .tab-content .pro-main .wrapper .t .tc .desc {
            margin: 0;
            font-size: 18px;
            line-height: 25px;
            font-weight: 400;
        }

        .about-tab-section .tab-content-cont .tab-content .pro-main .wrapper .t .tc img {
            max-width: 280px
        }

    .about-tab-section .tab-content-cont .tab-content .pro-main .wrapper .t .text-center .title {
        color: #002891;
        font-weight: 500;
    }

.overview.media {
    margin: 50px 0 0;
    background: #222428;
    padding: 8%
}

    .overview.media .title {
        color: #fff;
        font-size: 45px;
        text-align: center;
        margin-bottom: 22px;
        font-weight: 500;
    }

@media (max-width:600px) {
    .overview.media {
        padding: 50px 10px
    }

        .overview.media .title {
            font-size: 30px;
            margin-bottom: 12px
        }
}

.overview.media .desc {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
    line-height: 35px;
}

.overview.media .dotted-line {
    border-bottom: 2px dashed #505153
}

.overview.media .award-content p:before {
    background: url(images/about/overview-arrow.png) no-repeat
}

.overview.media .award-content p {
    background: #fff;
    border: 1px solid #fff
}

.our-vision {
    padding: 5.5% 10px
}

@media (max-width:600px) {
    .overview.media .desc {
        font-size: 17px
    }

    .our-vision {
        padding: 10% 10px
    }
}

.our-vision .container {
    max-width: 1170px
}

.our-vision .title {
    color: #000;
    font-size: 40px;
    text-align: center;
    margin-bottom: 22px;
    font-weight: 500;
    line-height: 45px;
}

@media (max-width:600px) {
    .our-vision .title {
        font-size: 30px;
        margin-bottom: 12px
    }
}

.our-vision .desc {
    color: #000;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px
}

@media (max-width:600px) {
    .our-vision .desc {
        font-size: 17px;
        margin-bottom: 20px
    }
}

.our-vision .content div {
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 27px;
    /* font-family: Vision-Light; */
    color: #666;
}

    .our-vision .content div:last-child {
        margin-bottom: 0
    }

.our-vision .content .name {
    text-align: center
}

    .our-vision .content .name .img {
        display: inline-block;
        margin-right: 0;
        max-width: 230px
    }

        .our-vision .content .name .img img {
            display: inline-block;
            margin-right: 10px;
            max-width: 120px;
            border-radius: 50%;
            overflow: hidden;
            vertical-align: middle
        }

    .our-vision .content .name span {
        font-weight: 500;
        vertical-align: middle;
        display: block
    }

.leadership {
    padding: 5.5% 10px;
    background: #222428
}

.inner-banner.text_up .text-wrapper {
    top: 40%;
}

@media (max-width:600px) {
    .our-vision .content div {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 13px
    }

    .leadership {
        padding: 10% 10px
    }

    .features .features-section .tab-main .wrapper .tab-content {
        border: none;
    }

    .features .features-section .ft-tabs li a {
        margin-top: -1px;
        border-bottom: 1px solid #000;
    }
}

.leadership .container {
    max-width: 1170px
}

.leadership .title {
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-bottom: 22px;
    font-weight: 500;
    line-height: 45px;
}

.block-parallax {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
}

.img-parallax {
    width: 100%;
    /* z-index: -1; */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none
}

.inner-banner.block-parallax.nem_o {
    height: auto;
}

.inner-banner.block-parallax.e20plu_s {
    height: auto;
}

.inner-banner.block-parallax.cnct-us {
    height: auto;
}

.inner-banner.block-parallax.tre_o {
    height: auto;
}

.inner-banner.cnct-us .text-wrapper {
    top: 40%;
}

.inner-banner.text_up.block-parallax {
    height: auto;
}

.inner-banner.block-parallax.prcing {
    height: auto;
}

.inner-banner.block-parallax.prcy-plc {
    height: auto;
    top: 58px;
}

.spark-video-wrap .rwd-media {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* 16:9 */
}

    .spark-video-wrap .rwd-media iframe,
    .spark-video-wrap .rwd-media video {
        position: absolute;
        width: 100%;
        height: 100%;
    }

.spark-video-wrap {
    display: flex;
    margin: 50px;
}

    .spark-video-wrap .content-sprk {
        width: 50%;
        padding: 2em;
        background: #fff;
        margin: auto;
    }

.spark-text {
    max-width: 1170px;
    padding: 0 10px;
    margin: auto;
}

    .spark-text h3 {
        font-size: 30px;
        line-height: 35px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 50px;
    }

    .spark-text p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 400;
        text-align: center;
    }

        .spark-text p .strng-txt {
            font-size: 22px;
            font-weight: 500;
        }
/*Styling Selectbox contact page*/

.dropdown-cnct {
    /* width: 300px;
    display: inline-block;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 2px rgb(204, 204, 204);
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    height: 100%;
    text-align: left */
    width: 100%;
    display: block;
    font: inherit;
    font-size: 14px;
    line-height: 24px;
    height: 46px;
    border: 1px solid #dadbdd;
    outline: 0;
    font-weight: 500;
    text-align: left;
    color: #757575;
}

    .dropdown-cnct .select {
        cursor: pointer;
        display: block;
        padding: 10px;
        position: relative;
    }

    .dropdown-cnct .txt-right {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .dropdown-cnct .select > i {
        font-size: 13px;
        color: #888;
        cursor: pointer;
        transition: all .3s ease-in-out;
        float: right;
        line-height: 20px
    }
    /* .dropdown-cnct:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
} */

    .dropdown-cnct:active {
        background-color: #f8f8f8;
    }

    .dropdown-cnct.active:hover,
    .dropdown-cnct.active {
        /* box-shadow: 0 0 4px rgb(204, 204, 204); */
        /* border-radius: 5px 5px 0 0; */
        background-color: #f8f8f8;
    }

.dropdown.active .select > i {
    transform: rotate(-90deg)
}

.dropdown-cnct .dropdown-menu-cnct {
    /* position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9 */
    position: absolute;
    background-color: #fff;
    width: 100%;
    /* left: -1px; */
    margin-top: 1px;
    overflow: hidden;
    display: none;
    max-height: 136px;
    z-index: 9;
    top: 44px;
    border: 1px solid #adadad;
}

.contact-form select {
    width: 100%;
    display: block;
    font: inherit;
    font-size: 14px;
    line-height: 24px;
    height: 46px;
    border: 1px solid #dadbdd;
    outline: 0;
    font-weight: 500;
    border-radius: 0;
    background: #fff;
    padding: 10px;
    color: #757575;
    -webkit-appearance: none;
}

.select-dropdwn-ctc {
    position: relative;
}

    .select-dropdwn-ctc:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 6px solid #757575;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5px;
    }

.dropdown-cnct .dropdown-menu-cnct option {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    -webkit-appearance: none;
}

.dropdown-cnct .dropdown-menu-cnct {
    padding: 0;
    list-style: none;
}

    .dropdown-cnct .dropdown-menu-cnct option:hover {
        background-color: #f2f2f2;
    }

.dropdown .dropdown-menu-cnct option:active {
    background-color: #e2e2e2;
}

@media (max-width:1050px) {
    .spark-video-wrap .content-sprk {
        margin-bottom: 50px;
        width: 100%;
    }

    .spark-video-wrap {
        flex-flow: column;
    }

    .spark-text {
        margin: 50px 80px;
    }
}

@media (max-width:600px) {
    .leadership .title {
        font-size: 30px;
        margin-bottom: 12px
    }

    .spark-text {
        margin: 40px 0px;
        padding: 0 20px;
    }

        .spark-text h3 {
            font-size: 25px;
            line-height: 30px;
            margin-bottom: 20px;
            margin-top: 0px;
        }

        .spark-text p {
            font-size: 14px;
            line-height: 22px;
        }

            .spark-text p .strng-txt {
                font-size: 20px;
            }

    .download-pdf-mobile {
        max-width: 180px;
        font-size: 12px;
        font-weight: 500;
        padding: 10px;
    }

    .trio-logo-text {
        padding: 20px;
    }

    .sus-main {
        padding-bottom: 30px;
    }

    .features .features-section .ft-tabs li a {
        padding: 10px;
        height: auto;
        font-size: 10px;
    }

    .spark-video-wrap {
        margin: 20px 0;
    }

        .spark-video-wrap .content-sprk {
            margin-bottom: 20px;
            padding: 20px;
        }
}

.innersticker .title-btn {
    display: inline-block;
}

    .innersticker .title-btn button {
        color: #fff;
        opacity: 1;
        background-color: #CE0024;
        padding: 10px 20px;
        font-size: 12px;
        line-height: 15px;
        text-transform: capitalize;
        font-weight: 500;
        transition: all 0.2s ease;
        cursor: pointer;
        outline: none;
        -webkit-appearance: none;
    }

        .innersticker .title-btn button:hover {
            opacity: 0.8;
            /* scale: ; */
            transform: scale(1.1);
        }

.innersticker.inner-sticker .title-btn {
    display: none;
}

.leadership .member-con {
    text-align: center;
    margin-top: 88px
}

@media (max-width:768px) {
    .leadership .member-con {
        margin-top: 20px
    }
}

.leadership .member-con .member {
    display: inline-block;
    text-align: center;
    margin: 0 32px 64px
}

@media (max-width:600px) {
    .leadership .member-con .member {
        margin-bottom: 10px
    }

    .treo-form .form-group {
        margin: 0px auto 25px;
    }

        .treo-form .form-group select,
        .treo-form form#send input {
            margin-bottom: 5px !important;
        }
}

.leadership .member-con .member .img {
    width: 230px;
    height: 230px
}

.leadership .member-con .member .content {
    height: 73px;
    vertical-align: middle;
    background: #fff;
    display: table-cell;
    width: 230px
}

    .leadership .member-con .member .content .name {
        color: #000;
        font-size: 14px;
        margin-bottom: 2px;
        /* font-family: vision-bold; */
        line-height: 17px;
        /* font-family: vision-bold */
    }

    .leadership .member-con .member .content .position {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        color: #000;
    }

@media (max-width:1024px) {
    header .top-section .header-right {
        padding-right: 10px;
    }

        header .top-section .header-right li a {
            padding: 0 10px;
        }

    header.new-header .bottom-section a {
        font-size: 12px;
    }

    header .bottom-section {
        padding: 17px 20px;
    }

        header .bottom-section ul li {
            padding: 0 10px;
        }
}

@media(max-width:500px) {
    .popup.active {
        overflow: auto;
    }

        .popup.active .popup-content {
            top: 25px;
            transform: translateX(-50%);
        }

    .popup.treo-form.active {
        overflow: auto;
    }

        .popup.treo-form.active .popup-content {
            top: 25px;
            transform: translateX(-50%);
        }

    .popup.treo-form .popup-content {
        padding: 30px 10px;
    }

    .treo-form .form-group {
        margin: 0px auto 20px;
    }

    .popup.treo-form .fade-out {
        top: -15px;
    }
}

@media(max-width:676px) {
    .about-container .about-description div {
        font-size: 17px;
        line-height: 25px;
    }
}

@media (max-width:350px) {
    .media .gallery-content .image-filter-tab .filter-tab-item {
        margin-bottom: 10px;
    }
}

@media(max-width:1200px) {
    .mobile-header .pull-right a .m_Sub-logo {
        max-width: 150px;
        margin-bottom: 0;
        max-height: 100%;
    }
}

.singleItem {
    max-width: 100% !important;
}

    .singleItem .img-con {
        max-width: 40%;
        float: left;
    }

    .singleItem .content {
        width: 58%;
        float: left;
    }

        .singleItem .content .title {
            font-size: 32px !important;
        }

        .singleItem .content p {
            font-size: 18px;
        }

@media(max-width:676px) {
    .singleItem .img-con {
        max-width: 100%;
    }

    .singleItem .content {
        width: 100%;
    }

        .singleItem .content .title {
            font-size: 23px !important;
        }

        .singleItem .content p {
            font-size: 14px;
        }
}