a.file-icons:before {
    font-family: "Font Awesome 5 Free";
    margin-right: 8px;
}

.content-file ul li a[href$=".txt"]:before, a.file-icons[href$=".txt"]:before {
    content: "\f15c";
    color: #ADABAB;
}

.content-file ul li a[href$=".pdf"]:before, a.file-icons[href$=".pdf"]:before {
    content: "\f1c1";
    color: #EF0B0B;
}

.content-file ul li a[href$=".doc"]:before, a.file-icons[href$=".doc"]:before,
.content-file ul li a[href$=".docx"]:before, a.file-icons[href$=".docx"]:before {
    content: "\f1c2";
    color: #0A1DEF;
}

.content-file ul li a[href$=".xls"]:before, a.file-icons[href$=".xls"]:before,
.content-file ul li a[href$=".xlsx"]:before, a.file-icons[href$=".xlsx"]:before {
    content: "\f1c3";
    color: #368E06;
}

.content-file ul li a[href$=".ppt"]:before, a.file-icons[href$=".ppt"]:before,
.content-file ul li a[href$=".pptx"]:before, a.file-icons[href$=".pptx"]:before {
    content: "\f1c4";
    color: #D92800;
}

.content-file ul li a[href$=".gif"]:before, a.file-icons[href$=".gif"]:before,
.content-file ul li a[href$=".jpg"]:before, a.file-icons[href$=".jpg"]:before,
.content-file ul li a[href$=".jpeg"]:before, a.file-icons[href$=".jpeg"]:before,
.content-file ul li a[href$=".png"]:before, a.file-icons[href$=".png"]:before,
.content-file ul li a[href$=".bmp"]:before, a.file-icons[href$=".bmp"]:before,
.content-file ul li a[href$=".tif"]:before, a.file-icons[href$=".tif"]:before {
    content: "\f1c5";
    color: #400688;
}

.content-file ul li a[href$=".zip"]:before, a.file-icons[href$=".zip"]:before,
.content-file ul li a[href$=".zipx"]:before, a.file-icons[href$=".zipx"]:before,
.content-file ul li a[href$=".rar"]:before, a.file-icons[href$=".rar"]:before,
.content-file ul li a[href$=".tar"]:before, a.file-icons[href$=".tar"]:before,
.content-file ul li a[href$=".gz"]:before, a.file-icons[href$=".gz"]:before,
.content-file ul li a[href$=".dmg"]:before, a.file-icons[href$=".dmg"]:before,
.content-file ul li a[href$=".iso"]:before, a.file-icons[href$=".iso"]:before {
    content: "\f019";
    color: #575757;
}

.content-file ul li a[href$=".exe"]:before,
.content-file ul li a[href$=".jar"]:before,
.content-file ul li a[href$=".dll"]:before,
.content-file ul li a[href$=".bat"]:before,
.content-file ul li a[href$=".pl"]:before,
.content-file ul li a[href$=".scr"]:before,
.content-file ul li a[href$=".msi"]:before,
.content-file ul li a[href$=".app"]:before,
.content-file ul li a[href$=".deb"]:before,
.content-file ul li a[href$=".apk"]:before,
.content-file ul li a[href$=".jar"]:before,
.content-file ul li a[href$=".vb"]:before,
.content-file ul li a[href$=".prg"]:before,
.content-file ul li a[href$=".sh"]:before {
    content: "\f085";
    color: #575757;
}

.content-file ul li a[href$=".wav"]:before,
.content-file ul li a[href$=".mp3"]:before,
.content-file ul li a[href$=".fla"]:before,
.content-file ul li a[href$=".flac"]:before,
.content-file ul li a[href$=".ra"]:before,
.content-file ul li a[href$=".rma"]:before,
.content-file ul li a[href$=".aif"]:before,
.content-file ul li a[href$=".aiff"]:before,
.content-file ul li a[href$=".aa"]:before,
.content-file ul li a[href$=".aac"]:before,
.content-file ul li a[href$=".aax"]:before,
.content-file ul li a[href$=".ac3"]:before,
.content-file ul li a[href$=".au"]:before,
.content-file ul li a[href$=".ogg"]:before,
.content-file ul li a[href$=".avr"]:before,
.content-file ul li a[href$=".3ga"]:before,
.content-file ul li a[href$=".flac"]:before,
.content-file ul li a[href$=".mid"]:before,
.content-file ul li a[href$=".midi"]:before,
.content-file ul li a[href$=".m4a"]:before,
.content-file ul li a[href$=".mp4a"]:before,
.content-file ul li a[href$=".amz"]:before,
.content-file ul li a[href$=".mka"]:before,
.content-file ul li a[href$=".asx"]:before,
.content-file ul lia[href$=".pcm"]:before,
.content-file ul li a[href$=".m3u"]:before,
.content-file ul li a[href$=".wma"]:before,
.content-file ul li a[href$=".xwma"]:before {
    content: "\f1c7";
    color: #040B52;
}

.content-file ul li a[href$=".avi"]:before,
.content-file ul li a[href$=".mpg"]:before,
.content-file ul li a[href$=".mp4"]:before,
.content-file ul li a[href$=".mkv"]:before,
.content-file ul li a[href$=".mov"]:before,
.content-file ul li a[href$=".wmv"]:before,
.content-file ul li a[href$=".vp6"]:before,
.content-file ul li a[href$=".264"]:before,
.content-file ul li a[href$=".vid"]:before,
.content-file ul li a[href$=".rv"]:before,
.content-file ul li a[href$=".webm"]:before,
.content-file ul li a[href$=".swf"]:before,
.content-file ul li a[href$=".h264"]:before,
.content-file ul li a[href$=".flv"]:before,
.content-file ul li a[href$=".mk3d"]:before,
.content-file ul li a[href$=".gifv"]:before,
.content-file ul li a[href$=".oggv"]:before,
.content-file ul li a[href$=".3gp"]:before,
.content-file ul li a[href$=".m4v"]:before,
.content-file ul li a[href$=".movie"]:before,
.content-file ul li a[href$=".divx"]:before {
    content: "\f1c8";
}

.content-file ul li a[href$=".css"]:before,
.content-file ul li a[href$=".js"]:before,
.content-file ul li a[href$=".py"]:before,
.content-file ul li a[href$=".git"]:before,
.content-file ul li a[href$=".py"]:before,
.content-file ul li a[href$=".cpp"]:before,
.content-file ul li a[href$=".h"]:before,
.content-file ul li a[href$=".ini"]:before,
.content-file ul li a[href$=".config"]:before {
    content: "\f1c9";
}

.content-file ul li a[href$=".com"]:before,
.content-file ul li a[href$=".net"]:before,
.content-file ul li a[href$=".org"]:before,
.content-file ul li a[href$=".edu"]:before,
.content-file ul li a[href$=".gov"]:before,
.content-file ul li a[href$=".mil"]:before,
.content-file ul li a[href$="/"]:before,
.content-file ul li a[href$=".html"]:before,
.content-file ul li a[href$=".htm"]:before,
.content-file ul li a[href$=".xhtml"]:before,
.content-file ul li a[href$=".jhtml"]:before,
.content-file ul li a[href$=".php"]:before,
.content-file ul li a[href$=".php3"]:before,
.content-file ul li a[href$=".php4"]:before,
.content-file ul li a[href$=".php5"]:before,
.content-file ul li a[href$=".phtml"]:before,
.content-file ul li a[href$=".asp"]:before,
.content-file ul li a[href$=".aspx"]:before,
.content-file ul li a[href$=".cfm"]:before {
    content: "\f0c1";
}



.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

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

.biz-testi-wrap .slick-list {
    overflow: hidden;
}

.recom-slider .slick-list {
    overflow: hidden;
}

.recom-slider .slick-track {
    width: 100% !important;
}

.slick-initialized .recom-bx-wrapper.slick-slide {
    width: auto !important;
}

.slick-list:focus {
    outline: none;
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

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

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

.slick-slide img {
    display: block;
}

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

.slick-slide.dragging img {
    pointer-events: none;
}

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

.slick-loading .slick-slide {
    visibility: hidden;
}

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

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

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 25px;
        line-height: 1;
        opacity: 1;
        color: #000000;
        z-index: 9999;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: "slick";
                font-size: 10px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: "•";
                text-align: center;
                opacity: 0.25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: 0.75;
            color: black;
        }

/* Bill section CRO Sep 2021*/

.cro-1 .list-inline span {
    color: #006736 !important;
}

.bill-section-tabs .hso-links-icon, .hso-links-text {
    font-size: 12px !important;
}

.bill-section-tabs .hso-links-block .hso-links-ul li a .hso-bdr-effect {
    background: #fff !important;
}

.bill-section-tabs .hso-links-block .hso-links-ul li a {
    background: #DFDFDF;
}

.bill-section-tabs .hso-links-ul li {
    min-width: auto !important;
}

.bill-section-tabs .hso-links-block .hso-links-ul li a .hso-bdr-effect {
    padding: 10px 20px !important;
}

.bill-section-tabs .hso-links-icon img {
    margin-right: 0 !important;
}

.bill-section-tabs .hso-links-ul li:first-child {
    padding-left: 0 !important;
}

.bill-section-tabs .hso-links-ul li {
    padding-right: 0 !important;
}

.bill-section-tabs .hso-links-ul {
    margin-bottom: 30px;
}

.cro-billing .media-sec .nav-pills > li > a {
    border-radius: 0px 4px 0 0;
    padding: 22px 27px 17px 27px;
    font-size: 16px;
    font-weight: bold;
    background-color: #eaeaea;
    color: #56595b;
    border: none;
}

.cro-billing .media-sec .nav-pills > li.active > a, .cro-billing .media-sec .nav-pills > li.active > a:hover, .cro-billing .media-sec .nav-pills > li.active > a:focus {
    background-color: #FFFFFF;
    border-radius: 4px 4px 0 0;
    padding: 22px 88px 17px 88px;
    color: #005E25;
    border: none;
}

.cro-billing .media-sec .nav-pills > li:nth-child(1) a {
    border-left: none !important;
}

.cro-billing .media-sec.download-sec .nav-pills > li.active:last-child a {
    background-color: #FFFFFF;
    color: #005E25;
    border: none;
}

.cro-billing .media-sec.download-sec .nav-pills > li:last-child a {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    text-decoration: none;
}

.cro-billing .widget-drivers-main-wrap .widget-drivers-block {
    position: relative;
    color: #1E1E1E;
    background-color: #FFFFFF;
    max-width: 1236px;
    margin: 0 auto;
    padding: 26px 24px 20px 24px;
    border-radius: 0px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.cro-billing .media-sec .tab-content {
    color: #1E1E1E;
    background-color: #FFFFFF;
    border-radius: 0px 4px 4px 4px;
    padding: 40px 12px 40px 12px !important;
}

.cro-billing .bill-info-row {
    padding: 13px;
    color: #1E1E1E;
    border: 1px solid #AAA8A8;
    border-bottom: none;
    display: table;
}

.cro-billing .cust-label {
    color: #777777;
}

.cro-billing .service-label {
    color: #1E1E1E;
    font-weight: bold;
    font-size: 1.1em;
}

.cro-billing .bill-info-row .bill-label {
    min-width: 150px;
    display: inline-block;
}

.cro-billing .bill-info-row .bill-value {
    min-width: 150px;
    display: inline-block;
    font-weight: bold;
}

.cro-billing .media-content a {
    color: inherit;
}

.hso-links-block .hso-links-ul {
    margin-left: 0 !important;
}

.has-feedback .form-control-feedback {
    top: 32px !important;
    right: 0;
}

@media (max-width: 480px) {
    .cro-billing .bill-info-row .bill-label {
        width: 50%;
        display: inline-block;
        min-width: 50px !important;
    }

    .cro-billing .bill-info-row .bill-value {
        width: 50%;
        display: inline-block;
        font-weight: bold;
        min-width: 50px !important;
    }

    .cro-billing .bill-section-tabs {
        overflow-x: scroll;
        white-space: nowrap;
    }

    /* cro review fixes 13 oct*/
    .cro-1 .my-acc-heading h3 {
        font-size: 16px;
    }

    .cro-1 .my-acc-top-header {
        display: inline-block;
        padding: 20px 0px 10px 20px;
        width: 100%;
    }

    .cro-1 .my-acc-btm-detail {
        padding: 10px 20px 30px 20px;
        width: 100%;
    }

    .cro-1 .form-wrap {
        padding: 5px;
    }

    .cro-billing .media-sec .tab-content {
        padding: 25px 12px 40px 12px !important;
        font-size: 13px !important;
    }

    .form-group label {
        font-size: 13px;
    }
    /* cro review fixes 13 oct*/
    .cro-billing .hso-links-ul li {
        width: auto;
        margin-bottom: 10px;
        padding: 0px 5px;
        float: none;
    }

    .cro-billing .bill-section-tabs {
        -ms-overflow-style: none; /* for Internet Explorer, Edge */
        scrollbar-width: none; /* for Firefox */
        overflow-y: scroll;
    }

        .cro-billing .bill-section-tabs::-webkit-scrollbar {
            display: none; /* for Chrome, Safari, and Opera */
            -ms-overflow-style: none; /* for Internet Explorer, Edge */
            scrollbar-width: none; /* for Firefox */
            overflow-y: scroll;
        }

    body::-webkit-scrollbar {
        display: none; /* for Chrome, Safari, and Opera */
    }

    .cro-billing .tab-txt {
        display: block;
        font-size: 12px;
    }

    .cro-billing .media-sec .nav-pills > li > a, .cro-billing .media-sec .nav-pills > li > a:hover, .cro-billing .media-sec .nav-pills > li > a:focus {
        padding: 22px 10px 17px 10px !important;
    }

    .cro-billing .media-sec .nav-pills > li.active > a, .cro-billing .media-sec .nav-pills > li.active > a:hover, .cro-billing .media-sec .nav-pills > li.active > a:focus {
        padding: 22px 10px 17px 10px !important;
    }
}

@media (max-width: 768px) {
    .cro-billing .bill-section-tabs {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .cro-billing .bill-section-tabs {
        -ms-overflow-style: none; /* for Internet Explorer, Edge */
        scrollbar-width: none; /* for Firefox */
        overflow-y: scroll;
    }

        .cro-billing .bill-section-tabs::-webkit-scrollbar {
            display: none; /* for Chrome, Safari, and Opera */
            -ms-overflow-style: none; /* for Internet Explorer, Edge */
            scrollbar-width: none; /* for Firefox */
            overflow-y: scroll;
        }

    .cro-billing .tab-txt {
        display: block;
        font-size: 14px;
    }

    .cro-billing .media-sec .nav-pills > li > a, .cro-billing .media-sec .nav-pills > li > a:hover, .cro-billing .media-sec .nav-pills > li > a:focus {
        padding: 22px 20px 17px 20px;
    }

    .cro-billing .media-sec .nav-pills > li.active > a, .cro-billing .media-sec .nav-pills > li.active > a:hover, .cro-billing .media-sec .nav-pills > li.active > a:focus {
        padding: 22px 40px 17px 40px;
    }

    .cro-billing .hso-links-icon img {
        max-height: 25px;
    }
}

/* CRO Billing end */


@media screen and (max-width:767px) {
    .slick-prev {
        left: -15px;
    }

    .slick-next {
        right: -10px;
    }

    .slick-dotted.slick-slider {
        padding: 0px 0px;
    }
}

.biz-testi-wrap .slick-prev.slick-arrow {
    display: none !important;
}

.biz-testi-wrap .slick-dotted.slick-slider {
    padding: 0px 150px 0px 0px;
}

.biz-testi-wrap .slick-prev:before,
.biz-testi-wrap .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    line-height: 50px;
    opacity: 1;
    z-index: 9999;
    content: "\f105";
    color: #56595b;
    font-weight: 900;
}

.biz-testi-wrap .slick-next {
    right: 80px;
    top: 30%;
    width: auto;
    height: auto;
}

.biz-testi-wrap .slick-dots {
    text-align: left;
    bottom: -35px;
}

    .biz-testi-wrap .slick-dots li {
        margin: 0px 0px 0px 0px;
    }

        .biz-testi-wrap .slick-dots li:first-child {
            margin: 0px 0px 0px -5px;
        }

        .biz-testi-wrap .slick-dots li button {
            padding: 0px;
        }

@media screen and (min-width:992px) and (max-width:1199px) {
    .biz-testi-wrap .slick-dotted.slick-slider {
        padding: 0px 0px 0px 0px;
    }

    .biz-testi-wrap .slick-next {
        top: 20%;
        right: -25px;
    }

    .biz-testi-wrap .slick-dots {
        bottom: -25px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .biz-testi-wrap .slick-dotted.slick-slider {
        padding: 0px 0px 0px 0px;
    }

    .biz-testi-wrap .slick-next {
        top: 20%;
        right: -30px;
    }

    .biz-testi-wrap .slick-dots {
        bottom: -25px;
    }
}

@media screen and (max-width:767px) {
    .biz-testi-wrap .slick-dotted.slick-slider {
        padding: 0px 30px 0px 0px;
    }

    .biz-testi-wrap .slick-next {
        top: 10%;
        right: -10px;
    }
}

@media screen and (max-width:480px) {
    .biz-testi-wrap .slick-dotted.slick-slider {
        padding: 0px 20px 0px 0px;
    }

    .biz-testi-wrap .slick-next {
        top: 10%;
        right: -20px;
    }
}

.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: none;
    direction: ltr;
}

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

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

.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;
}

.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_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    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_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0px;
}

.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;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .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_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -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;
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

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

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

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,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,0.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,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

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

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.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_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.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,0.15);
}

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

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

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,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-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

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

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    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,0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.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,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,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,0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,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-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

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

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

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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,0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.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,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,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,0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,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,0.1);
}

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

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

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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,0.15);
}

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

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

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,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,0.15);
}

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

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

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

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

.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,
.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 {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.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,
.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 {
    width: 4px;
}

.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,
.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 {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.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,
.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 {
    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,0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,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,0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,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.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

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

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

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

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

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

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

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

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

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

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

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

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

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 5px;
    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,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,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.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

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

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

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

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

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

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

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

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

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,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,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,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,0.4), inset -1px 0 0 rgba(0,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,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}

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

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

.mCS-3d-thick-dark.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.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

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

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

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

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

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.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,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.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,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

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

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

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

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

.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,
.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 {
    width: 12px;
}

.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,
.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 {
    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,0.75);
}

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

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

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,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.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.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,0.2);
}

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

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

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

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

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

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

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

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

@font-face {
    font-family: "Swis721 BT";
    src: url("../fonts/721-BT-Roman/Swiss721BT-Roman.eot");
    src: url("../fonts/721-BT-Roman/Swiss721BT-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/721-BT-Roman/Swiss721BT-Roman.woff") format("woff"), url("../fonts/721-BT-Roman/Swiss721BT-Roman.ttf") format("truetype"), url("../fonts/721-BT-Roman/Swiss721BT-Roman.svg#Swiss721BT-Roman") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-text-stroke-width: 0px;
}

@font-face {
    font-family: "Swis721 Cn Roman";
    src: url("../fonts/721-Cn-BT/Swiss721BT-RomanCondensed.eot");
    src: url("../fonts/721-Cn-BT/Swiss721BT-RomanCondensed.eot?#iefix") format("embedded-opentype"), url("../fonts/721-Cn-BT/Swiss721BT-RomanCondensed.ttf") format("truetype"), url("../fonts/721-Cn-BT/Swiss721BT-RomanCondensed.svg#Swiss721BT-RomanCondensed") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-text-stroke-width: 0px;
}

@font-face {
    font-family: "Swis721 Cn Bold";
    src: url("../fonts/721-Cn-BT-Bold/Swiss721BT-BoldCondensed.eot");
    src: url("../fonts/721-Cn-BT-Bold/Swiss721BT-BoldCondensed.eot?#iefix") format("embedded-opentype"), url("../fonts/721-Cn-BT-Bold/Swiss721BT-BoldCondensed.ttf") format("truetype"), url("../fonts/721-Cn-BT-Bold/Swiss721BT-BoldCondensed.svg#Swiss721BT-BoldCondensed") format("svg");
    font-weight: bold;
    font-style: normal;
    -webkit-text-stroke-width: 0px;
}

@font-face {
    font-family: "Swis721 Hv BT";
    src: url("../fonts/721-Hv-BT/Swiss721BT-Heavy.eot");
    src: url("../fonts/721-Hv-BT/Swiss721BT-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/721-Hv-BT/Swiss721BT-Heavy.woff") format("woff"), url("../fonts/721-Hv-BT/Swiss721BT-Heavy.ttf") format("truetype"), url("../fonts/721-Hv-BT/Swiss721BT-Heavy.svg#Swiss721BT-Heavy") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Swis721 Md BT";
    src: url("../fonts/721-Md-BT/Swiss721BT-Medium.eot");
    src: url("../fonts/721-Md-BT/Swiss721BT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/721-Md-BT/Swiss721BT-Medium.woff") format("woff"), url("../fonts/721-Md-BT/Swiss721BT-Medium.ttf") format("truetype"), url("../fonts/721-Md-BT/Swiss721BT-Medium.svg#Swiss721BT-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/slick.eot");
    src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
}

body {
    font-family: "Swis721 BT", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 24px;
    color: #666666;
    background-color: #ffffff;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

    html:not(.touch-device),
    body:not(.touch-device) {
        overflow-x: hidden;
    }

ul,
ol,
li,
blockquote,
fieldset,
input {
    margin: 0;
    padding: 0;
}

img {
    border: none;
    outline: none;
}

object,
embed {
    outline: 0;
}

a {
    outline: 0;
}

* {
    outline: none;
}

.clear {
    clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ul,
ol,
dd,
p,
figure,
pre,
table,
fieldset,
.header,
.media,
.island {
    margin-bottom: 1.6rem;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Swis721 Md BT";
    margin-top: 0px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Swis721 Md BT";
    display: block;
    margin-top: 0;
}

h1,
.h1 {
    font-size: 4.2rem;
    line-height: 4.8rem;
    margin-bottom: 1rem;
}

h2,
.h2 {
    font-size: 2.6rem;
    line-height: 30px;
    margin-bottom: 1rem;
}

h3,
.h3 {
    font-size: 2rem;
    line-height: 26px;
    margin-bottom: 1.5rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.618rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    font-size: 1.618rem;
}

a {
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

img {
    border: none;
    outline: none;
}

.main-content-inside img {
    display: block;
    max-width: 100%;
    height: auto;
}

object,
embed {
    outline: 0;
}

a {
    outline: 0;
}

    a:hover,
    a:active,
    a:focus {
        outline: 0;
    }

input::-moz-focus-inner {
    border: 0;
}

* {
    outline: none;
}

.form-control::-moz-placeholder {
    color: inherit;
}

span {
    white-space: normal;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width:768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width:992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width:1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.col-mid-1,
.col-mid-2,
.col-mid-3,
.col-mid-4,
.col-mid-5,
.col-mid-6,
.col-mid-7,
.col-mid-8,
.col-mid-9,
.col-mid-10,
.col-mid-11,
.col-mid-12 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

@media (min-width:992px) and (max-width:1220px) {
    .col-mid-1,
    .col-mid-2,
    .col-mid-3,
    .col-mid-4,
    .col-mid-5,
    .col-mid-6,
    .col-mid-7,
    .col-mid-8,
    .col-mid-9,
    .col-mid-10,
    .col-mid-11,
    .col-mid-12 {
        float: left;
    }

    .col-mid-12 {
        width: 100%;
    }

    .col-mid-11 {
        width: 91.66666667%;
    }

    .col-mid-10 {
        width: 83.33333333%;
    }

    .col-mid-9 {
        width: 75%;
    }

    .col-mid-8 {
        width: 66.66666667%;
    }

    .col-mid-7 {
        width: 58.33333333%;
    }

    .col-mid-6 {
        width: 50%;
    }

    .col-mid-5 {
        width: 41.66666667%;
    }

    .col-mid-4 {
        width: 33.33333333%;
    }

    .col-mid-3 {
        width: 25%;
    }

    .col-mid-2 {
        width: 16.66666667%;
    }

    .col-mid-1 {
        width: 8.33333333%;
    }

    .col-mid-pull-12 {
        right: 100%;
    }

    .col-mid-pull-11 {
        right: 91.66666667%;
    }

    .col-mid-pull-10 {
        right: 83.33333333%;
    }

    .col-mid-pull-9 {
        right: 75%;
    }

    .col-mid-pull-8 {
        right: 66.66666667%;
    }

    .col-mid-pull-7 {
        right: 58.33333333%;
    }

    .col-mid-pull-6 {
        right: 50%;
    }

    .col-mid-pull-5 {
        right: 41.66666667%;
    }

    .col-mid-pull-4 {
        right: 33.33333333%;
    }

    .col-mid-pull-3 {
        right: 25%;
    }

    .col-mid-pull-2 {
        right: 16.66666667%;
    }

    .col-mid-pull-1 {
        right: 8.33333333%;
    }

    .col-mid-pull-0 {
        right: auto;
    }

    .col-mid-push-12 {
        left: 100%;
    }

    .col-mid-push-11 {
        left: 91.66666667%;
    }

    .col-mid-push-10 {
        left: 83.33333333%;
    }

    .col-mid-push-9 {
        left: 75%;
    }

    .col-mid-push-8 {
        left: 66.66666667%;
    }

    .col-mid-push-7 {
        left: 58.33333333%;
    }

    .col-mid-push-6 {
        left: 50%;
    }

    .col-mid-push-5 {
        left: 41.66666667%;
    }

    .col-mid-push-4 {
        left: 33.33333333%;
    }

    .col-mid-push-3 {
        left: 25%;
    }

    .col-mid-push-2 {
        left: 16.66666667%;
    }

    .col-mid-push-1 {
        left: 8.33333333%;
    }

    .col-mid-push-0 {
        left: auto;
    }

    .col-mid-offset-12 {
        margin-left: 100%;
    }

    .col-mid-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-mid-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-mid-offset-9 {
        margin-left: 75%;
    }

    .col-mid-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-mid-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-mid-offset-6 {
        margin-left: 50%;
    }

    .col-mid-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-mid-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-mid-offset-3 {
        margin-left: 25%;
    }

    .col-mid-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-mid-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-mid-offset-0 {
        margin-left: 0;
    }
}

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

@media (min-width:480px) and (max-width:767px) {
    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11,
    .col-ms-12 {
        float: left;
    }

    .col-ms-12 {
        width: 100%;
    }

    .col-ms-11 {
        width: 91.66666667%;
    }

    .col-ms-10 {
        width: 83.33333333%;
    }

    .col-ms-9 {
        width: 75%;
    }

    .col-ms-8 {
        width: 66.66666667%;
    }

    .col-ms-7 {
        width: 58.33333333%;
    }

    .col-ms-6 {
        width: 50%;
    }

    .col-ms-5 {
        width: 41.66666667%;
    }

    .col-ms-4 {
        width: 33.33333333%;
    }

    .col-ms-3 {
        width: 25%;
    }

    .col-ms-2 {
        width: 16.66666667%;
    }

    .col-ms-1 {
        width: 8.33333333%;
    }
}

.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

@media (min-width:320px) and (max-width:479px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11,
    .col-xxs-12 {
        float: left;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-11 {
        width: 91.66666667%;
    }

    .col-xxs-10 {
        width: 83.33333333%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-8 {
        width: 66.66666667%;
    }

    .col-xxs-7 {
        width: 58.33333333%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-5 {
        width: 41.66666667%;
    }

    .col-xxs-4 {
        width: 33.33333333%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-2 {
        width: 16.66666667%;
    }

    .col-xxs-1 {
        width: 8.33333333%;
    }
}

.clearSpace {
    padding-left: 0px;
    padding-right: 0px;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.clearLeft {
    padding-left: 0px;
}

.clearRight {
    padding-right: 0px;
}

.sb {
    display: block;
}

.body_fixed {
    overflow-y: hidden;
    position: fixed;
    left: 0;
    right: 0;
}

.default-page-title {
    color: #006736;
    margin-bottom: 20px;
}

    .default-page-title.page-media {
        margin-top: 30px;
        margin-bottom: 30px;
    }

.header-wrapper {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 950;
    top: 0;
    transition: top 0.5s ease-in-out;
}

    .header-wrapper.remove-nav-sticky {
        top: -135px !important;
    }

.has-wp-logged .header-wrapper {
    margin-top: 32px;
}

body.has-wp-logged {
    margin-top: 32px;
}

.customize-support .header-wrapper {
    top: 32px;
}

.has-wp-logged .cd-nav-container {
    top: 32px;
}

.navigation {
    font-family: "Swis721 Md BT";
    position: relative;
    width: 100%;
    display: table;
    height: 62px;
}

.logo-wrapper,
.nav-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.logo-wrapper {
    position: relative;
    overflow: hidden;
    padding-right: 20px;
    width: 155px;
}

.logo img {
    display: block;
    width: 95px;
    max-width: 100%;
}

.logo a {
    display: block;
}

.main-nav-wrapper {
    border-bottom: 1px solid #e0e1e2;
}

.nav-left {
    float: left;
}

.nav-right {
    float: right;
}

    .nav-left > ul,
    .nav-right > ul {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .nav-left > ul > li,
        .nav-right > ul > li {
            float: left;
        }

            .nav-left > ul > li a,
            .nav-right > ul > li a {
                color: #1e1e1e;
                font-weight: 500;
                font-size: 18px;
                display: block;
                padding: 13px 14px;
                position: relative;
            }

.dropdown.menu-large.active > a {
    background: none;
}

    .nav-left > ul > li a:after,
    .nav-right > ul > li a:after,
    .dropdown.menu-large li.active > a:after,
    .dropdown.menu-large.active > a:after {
        content: "";
        border-bottom: 2px solid #a5cc4d;
        width: 0px;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transition: width 0.5s linear;
        -moz-transition: width 0.5s linear;
        -ms-transition: width 0.5s linear;
        -o-transition: width 0.5s linear;
        transition: width 0.5s linear;
    }

    .nav-left > ul > li a:hover:after,
    .nav-left > ul > li a:focus:after,
    .nav-left > ul > li a:active:after,
    .nav-left > ul > li.active a:after,
    .nav-right > ul > li a:hover:after,
    .nav-right > ul > li a:focus:after,
    .nav-right > ul > li a:active:after,
    .nav-right > ul > li.active a:after,
    .dropdown.menu-large li.active > a:after,
    .dropdown.menu-large.active > a:after {
        width: 100%;
    }

.nav-right > ul > li:last-child a {
    padding-right: 0;
}

.nav-right > ul > li a {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    color: #626262;
}

.nav-right .has-loging li a {
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}

.removebtm-default-active-bdr {
    border-bottom: inherit;
}

.nav-right .has-loging li a:before {
    content: "|";
    position: absolute;
    left: -4px;
    top: 12px;
    font-size: inherit;
    color: #e0e1e2;
}

.nav-right .has-loging li:first-child a:before {
    content: normal;
}

.sub-nav-widgets {
    position: relative;
    width: 30%;
    float: left;
    text-align: right;
}

    .sub-nav-widgets ul {
        padding-left: 0;
        padding-top: 8px;
        margin-bottom: 0;
        list-style: none;
        margin-right: -10px;
        margin-left: -10px;
    }

        .sub-nav-widgets ul li {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding: 0px 10px;
        }

.cart-widget {
    position: relative;
}

    .cart-widget a {
        display: block;
    }

    .cart-widget img {
        width: 25px;
        height: 25px;
    }

    .cart-widget .cart-circle {
        position: absolute;
        top: -3px;
        right: -6px;
        background: rgb(0, 103, 54);
        background: -moz-linear-gradient(top, rgba(0, 103, 54, 1) 0%, rgba(165, 204, 77, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 103, 54, 1) 0%, rgba(165, 204, 77, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 103, 54, 1) 0%, rgba(165, 204, 77, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006736', endColorstr='#a5cc4d',GradientType=0);
        position: absolute;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        text-align: center;
        margin-top: 0px;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    }

        .cart-widget .cart-circle span {
            font-size: 10px;
            position: relative;
            top: -4px;
        }

.search-widget {
    position: relative;
    color: #333;
}

    .search-widget input {
        border-radius: 4px;
        box-shadow: none;
        border: 1px solid #dfdfdf;
        background-color: #dfdfdf;
        padding: 6px 10px;
        line-height: 1;
        font-size: 14px;
    }

.search-icon {
    background: url(../images/icons/search-icon.svg) no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.nav-suggest-search {
    position: relative;
}

    .nav-suggest-search .suggest_search {
        position: relative;
        z-index: 9;
    }

        .nav-suggest-search .suggest_search ul {
            padding-top: 0;
            margin: 0;
            position: absolute;
            width: 100%;
            right: 0;
            text-align: left;
            border-radius: 4px;
            top: 31px;
            padding-top: 0;
            -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
            background-color: #fff;
            min-width: 340px;
            font-size: 14px;
        }

            .nav-suggest-search .suggest_search ul li {
                width: 100%;
                border-bottom: 1px solid #eaeaea;
                padding: 0;
            }

                .nav-suggest-search .suggest_search ul li:last-child {
                    border: 0;
                }

                .nav-suggest-search .suggest_search ul li a {
                    display: block;
                    width: 100%;
                    padding: 5px 10px;
                    color: #1e1e1e;
                }

                    .nav-suggest-search .suggest_search ul li a:hover,
                    .nav-suggest-search .suggest_search ul li a:focus {
                        background-color: #f2f2f2;
                        color: #006736;
                    }

.bgDash {
    background: url(../images/dash.png) no-repeat;
    background-position: center top;
}

.mobile-menu-wrapper,
.mobile-nav-widgets {
    display: none;
}

.nav-icon-toggle {
    display: block;
    width: 40px;
    height: auto;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

    .nav-icon-toggle .icon-bar {
        display: block;
        position: absolute;
        height: 2px;
        width: 28px;
        background: #a2a5a7;
        border-radius: 0px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in;
        -moz-transition: 0.25s ease-in;
        -o-transition: 0.25s ease-in;
        transition: 0.25s ease-in;
    }

        .nav-icon-toggle .icon-bar:nth-child(1) {
            top: 11px;
        }

        .nav-icon-toggle .icon-bar:nth-child(2),
        .nav-icon-toggle .icon-bar:nth-child(3) {
            top: 18px;
        }

        .nav-icon-toggle .icon-bar:nth-child(4) {
            top: 25px;
        }

.mm-opened .nav-icon-toggle .icon-bar:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.mm-opened .nav-icon-toggle .icon-bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-opened .nav-icon-toggle .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-opened .nav-icon-toggle .icon-bar:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.menuText {
    text-transform: uppercase;
    position: absolute;
    left: 0px;
    font-size: 10px;
    top: 32px;
    font-weight: 400;
    color: #56595b;
    line-height: 1;
}

.quicks-stripe {
    display: block;
    width: 100%;
    padding: 4px 0;
    background: rgb(139, 184, 39);
    background: -moz-linear-gradient(left, rgba(139, 184, 39, 1) 0%, rgba(0, 125, 66, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(139, 184, 39, 1) 0%, rgba(0, 125, 66, 1) 100%);
    background: linear-gradient(to right, rgba(139, 184, 39, 1) 0%, rgba(0, 125, 66, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bb827', endColorstr='#007d42',GradientType=1);
    position: relative;
}

    .quicks-stripe .quick-links-wrap {
        color: #fff;
        position: relative;
        ;
    }

    .quicks-stripe .link-ul-wrap {
        display: inline-block;
        vertical-align: top;
        float: left;
        white-space: nowrap;
        width: calc(100% - 106px);
        position: relative;
        padding: 0 20px 0 10px;
    }

.quick-links-items-wrap {
    overflow: hidden;
}

.quicks-stripe .link-ul-wrap ul {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}

.quicks-stripe .links-ul {
    margin-bottom: 0;
    line-height: 1.5;
    position: relative;
    top: -1px;
}

    .quicks-stripe .links-ul li {
        display: inline-block;
        vertical-align: top;
    }

.quicks-stripe .links-title {
    text-transform: uppercase;
    font-size: 14px;
    padding-right: 0px;
    width: 105px;
    display: inline-block;
    float: left;
}

.quicks-stripe .links-ul li a {
    font-size: 14px;
    color: #fff;
    padding: 3px 7px;
    position: relative;
}

.quicks-stripe .links-ul li:first-child a {
    padding-left: 0;
}

.quicks-stripe .links-ul li a:active,
.quicks-stripe .links-ul li a:hover {
    color: #1e1e1e;
}

.quicks-stripe .links-ul li a:after {
    content: "|";
    height: 100%;
    position: absolute;
    color: #fff;
    top: 10%;
    right: -5px;
    line-height: 1.5;
    font-size: 90%;
}

.quicks-stripe .links-ul li:last-child a:after {
    content: normal;
}

.quicks-stripe .quick-slide-control.left {
    left: -5px;
    top: 0px;
    width: 10px;
    display: none;
}

.quicks-stripe .quick-slide-control.right {
    right: -5px;
    top: 0px;
    width: 10px;
    display: none;
}

.quicks-stripe .quick-slide-control.left:before {
    content: "\f104";
    position: absolute;
    right: 4px;
    font-family: "Font Awesome 5 Free";
    top: 0px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.quicks-stripe .quick-slide-control.right:before {
    content: "\f105";
    position: absolute;
    right: 4px;
    font-family: "Font Awesome 5 Free";
    top: 0px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.quick_link_slider {
    width: 10000px;
    position: relative;
}

.quick-slide-control {
    position: absolute;
    cursor: pointer;
}

@supports (-webkit-overflow-scrolling:touch) {
    .quicks-stripe .slick-prev {
        left: -10px;
        top: 0px;
        width: 10px;
    }
}

@media (max-width:1199px) {
    .logo-wrapper {
        padding-right: 15px;
        width: 130px;
    }

    .nav-left > ul > li a,
    .nav-right > ul > li a {
        font-size: 15px;
        padding: 13px 10px;
    }

    .nav-right .has-loging li a {
        font-size: 14px;
    }
}

@media (max-width:991px) {
    .nav-wrapper {
        display: none;
    }

    .mobile-menu-wrapper,
    .mobile-nav-widgets {
        display: block;
        display: table-cell;
        vertical-align: middle;
        width: 33.33333%;
    }

    .mm-opened .mm-page {
        position: fixed;
    }

    .mobile-nav-widgets {
        text-align: right;
    }

        .mobile-nav-widgets .login {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }

            .mobile-nav-widgets .login a {
                font-size: 22px;
                padding: 5px;
            }

            .mobile-nav-widgets .login img {
                width: 32px;
                height: auto;
            }

    .cart-widget {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }

    .logo-wrapper {
        padding-right: 0px;
        text-align: center;
        width: 33.33333%;
    }

    .logo {
        display: inline-block;
        vertical-align: middle;
    }

        .logo img {
            width: 80px;
        }

    .quicks-stripe .slick-prev:before {
        display: block;
    }

    .quicks-stripe .slick-next:before {
        display: block;
    }

    .quicks-stripe .link-ul-wrap {
        padding: 0 15px 0 6px;
    }

    .quicks-stripe .links-ul {
        padding-right: 15px;
    }

    .mobile-nav-widgets > a {
        position: relative;
        left: -10px;
        top: 5px;
    }

    .mobile-nav-widgets .dropdown-menu {
        right: 35px;
        left: auto;
        padding-bottom: 5px;
        margin-top: -1px;
    }

        .mobile-nav-widgets .dropdown-menu .dropdown-item {
            display: block;
            font-size: 14px;
            border-bottom: 1px solid #e4e4e4;
        }

            .mobile-nav-widgets .dropdown-menu .dropdown-item:last-child {
                border-bottom: 0;
            }
}

@media (max-width:768px) {
    .logo img {
        width: 75px;
    }

    .quicks-stripe .links-title {
        width: 82px;
        font-size: 12px;
    }

    .quicks-stripe .link-ul-wrap {
        width: calc(100% - 84px);
    }

    .quicks-stripe .links-ul li a {
        font-size: 13px;
    }

    h1, .h1 {
        line-height: 1.1;
        font-size: 32px;
    }

    h2, .h2 {
        line-height: 1;
        font-size: 26px;
    }

    h3,
    .h3 {
        line-height: 1.4;
        font-size: 18px;
    }
}

.home-hero-section,
.page-hero-section {
    position: relative;
    width: 100%;
}

.hm-hero-main-wrpr {
    position: relative;
    width: 100%;
}

.hm-hero-cont-block,
.page-hero-cont-block {
    display: table;
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: rgba(0, 0, 0, 0.65);
}

    .hm-hero-cont-block:before {
        content: "\200B";
        display: inline-block;
        height: 100%;
        min-height: 250px;
        vertical-align: middle;
    }

    .page-hero-cont-block:before {
        content: "\200B";
        display: inline-block;
        height: 100%;
        min-height: 168px;
        vertical-align: middle;
    }

.shop_product_popup .page-hero-cont-block:before {
    min-height: 186px;
}

.hm-hero-cont-inside,
.page-hero-cont-inside {
    display: table-cell;
    width: 100%;
    height: 100vh;
    vertical-align: middle;
}

    .hm-hero-cont-inside.hero-bg-image,
    .page-hero-cont-inside.page-hero-bg-image {
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        padding: 20px 0px;
        background-color: #006736;
    }

.absolute-img,
.absolute-img.bg-tint {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

    .absolute-img.bg-cover {
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center top;
    }

.vid-wrap .hm-hero-cont-inside.hero-bg-image {
    background: none;
}

.image-load {
    background: rgb(139, 184, 39);
    background: -moz-linear-gradient(left, rgba(139, 184, 39, 1) 0%, rgba(0, 125, 66, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(139, 184, 39, 1) 0%, rgba(0, 125, 66, 1) 100%);
    background: linear-gradient(to right, rgba(139, 184, 39, 1) 0%, rgba(0, 125, 66, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bb827', endColorstr='#007d42',GradientType=1);
}

.hero-cont-style-1 {
    position: relative;
    padding-left: 0.2%;
}

    .hero-cont-style-1 .hero-cont.img-block-1 img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        margin-bottom: 32px;
    }

.height24 {
    max-height: 24px;
}

.hero-cont.txt-block-1 h1 {
    font-size: 4.2rem;
    line-height: 4.8rem;
    margin-top: 0px;
    margin-bottom: 1rem;
}

.hero-cont.txt-block-1 h2 {
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin-bottom: 2.3rem;
}

.hero-cont.txt-block-1 h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-top: 0px;
    margin-bottom: 2.5rem;
}

.hero-cont.txt-block-1 h4,
.hero-cont.txt-block-1 h5 {
    margin-top: 0.5rem;
    margin-bottom: 3rem;
    line-height: 1.2;
}

.hero-cont.txt-block-1 p {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    line-height: 2rem;
    margin-top: -4px;
}

.temp_center_b {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
}

.page-hero-cont-block,
.page-hero-cont-inside {
    min-height: 168px;
    height: auto;
}

.mobile-app-hero.page-hero-cont-block,
.mobile-app-hero.page-hero-cont-inside {
    min-height: 100px;
    height: 100%;
}

    .mobile-app-hero.page-hero-cont-block::before {
        min-height: 100px;
    }

.mobile-app-hero .mb10 {
    margin-bottom: 0px;
}

.height360 {
    height: 360px;
}

.height504 {
    height: 504px;
}

.height528 {
    height: 528px;
}

.hero-controll-right {
    text-align: right;
}

    .hero-controll-right img {
        display: inline-block;
    }

.banner-cta-wrapper {
    padding-top: 10px;
}

.cs-slide-panel .panel-breadcrumb .container,
.cs-slide-panel .page-hero-cont-block .container,
.cs-slide-panel .shop-result-wrapper .container,
.shop_product_popup .container,
.shop-offer-popup .container,
.bod-panel .container {
    max-height: 1130px;
    padding-left: 90px;
}

.shop-offer-popup {
    max-width: 1145px;
    width: 100% !important;
}

.product-btm-widget .nl-content-bx-ver {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none !important;
}

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

.banner-inner-image-template .d-cell h1,
.banner-inner-image-template .d-cell h2,
.banner-inner-image-template .d-cell h3,
.banner-inner-image-template .d-cell h4,
.banner-inner-image-template .d-cell h5,
.banner-inner-image-template .d-cell h6 {
    position: relative;
    top: -8px;
}

@media (max-width:1440px) {
    .cs-slide-panel .panel-breadcrumb .container,
    .cs-slide-panel .page-hero-cont-block .container,
    .cs-slide-panel .shop-result-wrapper .container,
    .shop_product_popup .container,
    .shop-offer-popup .container,
    .bod-panel .container {
        padding-left: 100px;
        max-width: 1130px;
    }
}

@media (max-width:1200px) {
    .cs-slide-panel .panel-breadcrumb .container,
    .cs-slide-panel .page-hero-cont-block .container,
    .cs-slide-panel .shop-result-wrapper .container,
    .shop_product_popup .container,
    .shop-offer-popup .container,
    .bod-panel .container {
        padding-left: 70px;
        max-width: 1130px;
    }
}

.cs-slide-panel .panel-breadcrumb,
.shop-offer-popup .panel-breadcrumb {
    padding: 26px 0px;
}

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

@media (min-width:992px) and (max-width:1366px) {
    .vid-wrap .hm-hero-cont-block {
        height: 650px;
    }
}

@media screen and (min-width:1367px) {
    .vid-wrap .hm-hero-cont-block {
        height: 790px;
    }
}

@media (max-width:1440px) {
    .hm-hero-main-wrpr {
    }

    .hero-cont.txt-block-1 h1 {
        font-size: 3.7rem;
        margin-bottom: 1rem;
        margin-top: 0px;
    }

    .hero-cont.txt-block-1 h3 {
        margin-bottom: 1.7rem;
        margin-top: 0;
        font-size: 1.8rem;
    }

    .hero-cont-style-1 .hero-cont.img-block-1 img {
        margin-bottom: 22px;
    }
}

@media (max-width:992px) {
    .home-hero-section.bnr-temp-left-home {
        margin-top: 90px;
    }

    .carers-hero {
        margin-top: 0px;
    }

    .hm-hero-main-wrpr {
        padding-right: 0px;
        padding-left: 0px;
    }

    .hero-cont.txt-block-1 h1 {
        font-size: 3.2rem;
        margin-bottom: 1.2rem;
        margin-top: 0px;
        line-height: 3rem;
    }

    .hero-cont.txt-block-1 h2 {
        font-size: 2.2rem;
        margin-bottom: 1.8rem;
        margin-top: 0px;
        line-height: 2.4rem;
    }

    .hero-cont.txt-block-1 h3 {
        margin-bottom: 1.5rem;
        margin-top: 0;
        font-size: 1.7rem;
        line-height: 2.2rem;
    }

    .hero-cont-style-1 .hero-cont.img-block-1 img {
        margin-bottom: 12px;
    }

    .hero-cta-block .btn {
        font-size: 1.7rem;
        margin-bottom: 12px;
        min-width: 100px;
    }

    .hero-cont.hero-cta-wrapper {
        padding-top: 10px;
    }
}

@media (max-width:991px) {
    .hm-hero-cont-block {
        height: 100%;
    }

    .hm-hero-cont-inside {
        height: 100%;
        padding: 8% 0;
        height: 500px;
    }

    .height360 {
        height: 250px;
    }

    .height528 {
        height: 360px;
    }
}

@media (min-width:991px)and (max-height:580px) {
    .hm-hero-cont-block {
        height: 100%;
    }

    .hm-hero-cont-inside {
        height: 100%;
        padding: 8% 0;
    }

    .hm-hero-main-wrpr {
        margin-top: 97px;
    }

    .home-hero-sticky-wrapper {
        margin-top: 0 !important;
    }

    .hm-sider .transition-timer-carousel-progress-bar {
        bottom: 0px !important;
    }

    .hm-sider .carousel-indicators {
        bottom: 20px !important;
    }
}

*/.page-hero-cont-style-1 {
    position: relative;
}

.right-space {
    margin-right: 20px;
}

.page-hero-cont-style-1 .h1 {
    line-height: 1.2;
}

.page-hero-cont-style-1 .h2 {
    line-height: 0.9;
}

.page-hero-cont-style-1 .h3 {
    line-height: 0.9;
    font-family: "Swis721 BT", sans-serif;
}

.home-hero-sticky-wrapper.has-homeslider {
    margin-top: -140px;
}

@media (max-width:768px) {
    .page-hero-cont-style-1 .h1,
    .page-hero-cont-style-1 h1 {
        line-height: 1.1;
        font-size: 32px;
    }

    .page-hero-cont-style-1 .h2,
    .page-hero-cont-style-1 h2 {
        line-height: 1;
        font-size: 26px;
    }

    .page-hero-cont-style-1 .h3,
    .page-hero-cont-style-1 h3 {
        line-height: 1;
        font-size: 18px;
    }

    .panel-breadcrumb img {
        max-width: 25px;
    }

    .cs-slide-panel .cd-close-nav {
        top: 39px;
    }

    .cs-slide-panel .panel-breadcrumb .container,
    .cs-slide-panel .page-hero-cont-block .container,
    .cs-slide-panel .shop-result-wrapper .container,
    .shop_product_popup .container,
    .shop-offer-popup .container,
    .bod-panel .container {
        padding-left: 45px;
    }

    .panel-breadcrumb .d-table .d-cell.valign-middle {
        vertical-align: top;
    }

    .banner-inner-image-template .d-cell {
        display: block;
    }

    .banner-inner-image-template .img-block-1 img {
        margin-bottom: 10px;
    }
}

@media (max-width:580px) {
    .cs-slide-panel .panel-breadcrumb .container,
    .cs-slide-panel .page-hero-cont-block .container,
    .cs-slide-panel .shop-result-wrapper .container,
    .shop_product_popup .container,
    .shop-offer-popup .container {
        padding-left: 45px;
    }

    .shop_product_popup .page-hero-cont-inside .container,
    .shop-offer-popup .page-hero-cont-inside .container {
        padding-left: 45px;
    }

    .bod-panel .bod-inside .container {
        padding-left: 12px;
    }
}

.home-hero-sticky-wrapper {
    position: relative;
    z-index: 1;
    margin-top: -120px;
}

.home-shop-offer-wrapper {
    font-family: "Swis721 Md BT";
    background-color: #56595b;
    width: 100%;
    display: table;
    position: relative;
    padding: 24px 0px;
}

.hso-text-block,
.hso-links-block {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.hso-text-block {
    max-width: 288px;
    width: 100%;
}

.hso-small-text {
    color: #a5cc4d;
    font-size: 16px;
    display: block;
    margin-bottom: 4px;
}

.hso-big-text {
    color: #fff;
    display: block;
    font-size: 32px;
    margin-bottom: 8px;
}

.hso-links-block .hso-links-ul {
    margin-bottom: 0;
    padding-left: 0;
    margin-right: -12.5px;
    margin-left: -12.5px;
    text-align: center;
}

.hso-links-ul li {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    padding-right: 12.5px;
    padding-left: 12.5px;
}

    .hso-links-ul li a {
        background-color: #000;
        padding: 20px 15px;
        position: relative;
        display: block;
        border-radius: 8px;
        color: #fff;
    }

        .hso-links-ul li a:hover,
        .hso-links-ul li a:focus,
        .hso-links-ul li a:active {
            background-color: #ffffff;
            color: #a5cc4d;
        }

.hso-links-icon,
.hso-links-text {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
}

    .hso-links-icon img {
        margin-right: 15px;
        display: block;
        width: auto;
        height: 32px;
    }

.sop-body-wrapper {
    padding: 15px;
}

.sop-body {
    padding-left: 5%;
}

.sop-wrapper {
    display: block;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.sop-inside-block {
    display: block;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    height: 100%;
}

.sop-header-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    max-height: 290px;
    padding: 15px;
    position: relative;
}

.sop-header-bg {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

.sop-header-block {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding-left: 5%;
    position: relative;
}

.sop-header-wrapper:before {
    content: "\200B";
    display: inline-block;
    height: 100%;
    min-height: 290px;
    vertical-align: middle;
}

.sop-header-content {
    display: block;
    position: relative;
    overflow: hidden;
}

.sop-header-title {
    display: block;
    color: #fff;
    font-size: 2rem;
    line-height: 26px;
    margin-bottom: 3.8rem;
}

.hso-links-block .hso-links-ul li a {
    transition: all 0.5s;
    background: #000;
    padding: 4px;
}

    .hso-links-block .hso-links-ul li.active a,
    .hso-links-block .hso-links-ul li a:hover,
    .hso-links-block .hso-links-ul li a:active {
        background: #98c24a;
        transition: all 0.5s;
        color: #a5cc4d;
    }

        .hso-links-block .hso-links-ul li.active a:before {
            content: "\f058";
            font-family: "Font Awesome 5 Free";
            position: absolute;
            font-size: 33px;
            background-color: #000;
            border-radius: 50%;
            color: #a5cc4d;
            top: -10px;
            left: 44%;
            transition: all 0.5s;
            font-weight: 900;
        }

    .hso-links-block .hso-links-ul li a .hso-bdr-effect {
        background: #000;
        border-radius: 4px;
        padding: 16px 11px;
    }

.hso-links-block.inside-pane .hso-links-ul li.active a:after {
    background-size: 100% 2px;
}

@media (max-width:1199px) {
    .home-hero-sticky-wrapper {
        margin-top: -108px;
    }

    .home-shop-offers .hso-links-ul li {
        min-width: 185px;
    }

    .home-shop-offers .hso-links-block .hso-links-ul li a .hso-bdr-effect {
        padding: 10px 5px;
    }

    .hso-text-block {
        width: auto;
        max-width: none;
        margin-right: 24px;
    }

    .hso-links-ul li {
        min-width: 200px;
    }

        .hso-links-ul li a {
            padding: 15px 12.5px;
        }

    .hso-links-icon,
    .hso-links-text {
        display: inline-block;
        font-size: 18px;
        vertical-align: middle;
        line-height: 1;
    }

        .hso-links-icon img {
            max-height: 25px;
        }
}

@media (max-width:992px) {
    .inside-pane .hso-links-ul li {
        min-width: 200px;
        margin-bottom: 20px;
    }

    .hso-links-block.inside-pane .hso-links-ul li a .hso-bdr-effect {
        padding: 10px 5px;
    }

    .hso-links-block .hso-links-ul li.active a::before {
        font-size: 24px;
        background-color: #000;
        left: 45%;
    }
}

@media (max-width:991px) {
    .home-shop-offers .hso-text-block {
        width: 30%;
        max-width: none;
        margin-right: 24px;
        margin-bottom: 5px;
    }

    .home-shop-offers .hso-links-block {
        width: 64%;
    }

    .home-shop-offers .hso-links-ul li {
        margin-bottom: 5px;
        padding-right: 1px;
        padding-left: 1px;
    }

    .home-hero-sticky-wrapper {
        margin-top: 0px;
    }
}

@media (max-width:767px) {
    .home-shop-offers .hso-text-block {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .home-shop-offers .hso-links-block {
        width: 100%;
        text-align: center;
    }

        .home-shop-offers .hso-links-block .hso-links-ul {
            margin-right: -1px;
            margin-left: -1px;
            max-width: 480px;
            margin: 0 auto;
        }

    .home-shop-offers .hso-links-ul li {
        margin-bottom: 10px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .home-shop-offers .hso-links-icon,
    .home-shop-offers .hso-links-text {
        display: block;
        text-align: center;
    }

        .home-shop-offers .hso-links-icon img {
            max-height: 25px;
            margin: 0 auto;
            margin-bottom: 5px;
        }

    .home-shop-offers .hso-links-ul li {
        min-width: auto;
        width: 50%;
        float: left;
    }
}

@media (max-width:480px) {
    .inside-pane .hso-links-ul li {
        min-width: auto;
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }

    .hm-hero-cont-inside.hero-bg-image,
    .page-hero-cont-inside.page-hero-bg-image {
        background-size: cover !important;
        background-position: center top !important;
        padding: 30px 0px;
    }

    .shop_product_popup .page-hero-cont-inside .container,
    .shop-offer-popup .page-hero-cont-inside .container {
        padding-left: 12px;
    }
}

.offer-box-list {
    margin: 0 -8px;
    max-width: 1184px;
}

    .offer-box-list.listgrid4321 .offer-box-wrapper {
        float: left;
    }

.offer-box-wrapper {
    display: inline-block;
    vertical-align: top;
    padding: 8px 8px 16px 8px;
}

.recom-bx-wrapper {
    padding: 0px 0px 0px 8px;
}

.offer-box {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #dadada;
    position: relative;
    padding: 24px;
    width: 100%;
    max-width: 300px;
    overflow: hidden;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

.ofb-img {
    display: block;
    position: relative;
}

    .ofb-img .d-cell > img {
        margin: 0 auto;
        border-radius: 3px;
        border: 1px solid rgba(204, 204, 204, 0.37);
        margin-bottom: 34px;
    }

.recom-bx-wrapper .ofb-img .d-cell > img {
    margin-bottom: 0px;
}

.ofb-icon {
    position: absolute;
    bottom: 15px;
    right: 10px;
}

.ofb-icon {
    max-width: 41px;
}

.ofb-content {
    position: relative;
    height: 100%;
}

    .ofb-content .title {
        color: #1e1e1e;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .ofb-content .price {
        color: #006736;
        font-size: 20px;
        font-weight: 700;
    }

    .ofb-content .detail {
        font-size: 14px;
        line-height: 1.3;
        padding-top: 24px;
        padding-bottom: 24px;
    }

.ofb-cta {
    position: relative;
}

.offer-box .d-table {
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

.offer-box .d-cell {
    position: relative;
}

.d-row {
    display: table-row;
    position: relative;
}

.body-scroll {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
}

.ofb-content .body-scroll {
    padding-bottom: 5px;
}

@media (min-width:1600px) {
    .offer-box-list.listgrid4321 .offer-box-wrapper {
        float: left;
        width: 25%;
    }
}

@media (max-width:1199px) {
    .sop-body,
    .sop-header-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .offer-box-list.listgrid4321 .offer-box-wrapper {
        width: 33.3333%;
    }

    .offer-box {
        padding: 20px;
    }
}

@media (max-width:992px) {
    .sop-body,
    .sop-header-block {
        padding-left: 0px;
        padding-right: 0px;
    }

    .offer-box-list.listgrid4321 .offer-box-wrapper {
        width: 50%;
    }

    .sop-header-wrapper::before {
        content: "\200B";
        display: inline-block;
        height: 100%;
        min-height: 200px;
        vertical-align: middle;
    }

    .sop-header-title {
        text-align: center;
    }
}

@media (max-width:768px) {
    .sop-header-title {
        margin-bottom: 2rem;
        text-align: center;
        padding: 40px 35px 0px 0px;
    }

    .offer-box-wrapper {
        padding: 5px 5px 10px 5px;
    }

    .offer-box {
        padding: 15px;
    }

    .ofb-icon {
        max-width: 30px;
    }

    .ofb-icon {
        bottom: -15px;
    }

    .ofb-img {
        margin-bottom: 16px;
    }

    .ofb-content .title,
    .ofb-content .price {
        font-size: 18px;
    }

    .ofb-content .detail {
        padding-top: 15px;
    }
}

@media (max-width:560px) {
    .sop-body-wrapper {
        padding: 10px;
    }

    .offer-box {
        padding: 10px;
    }

    .offer-box-list {
        margin: 0 0px;
    }
}

@media (max-width:480px) {
    .offer-box-list.listgrid4321 .offer-box-wrapper {
        width: 100%;
    }

    .hso-links-block .hso-links-ul {
        margin-right: -5px;
        margin-left: -5px;
    }

    .hso-links-ul li {
        min-width: auto;
        margin-bottom: 10px;
        padding: 0px 5px;
        width: 50%;
        float: left;
    }

    .hso-links-icon,
    .hso-links-text {
        font-size: 16px;
    }

        .hso-links-icon img {
            max-height: 16px;
        }

        .hso-links-icon img {
            margin-right: 5px;
        }

    .sop-header-title {
        margin-bottom: 2rem;
        text-align: left;
    }
}

@media (max-width:479px) {
    .offer-box.career-bx {
        padding: 20px 20px;
    }

        .offer-box.career-bx.career-join-bx {
            padding: 10px;
        }
}

.body-content {
    margin-top: 128px;
    position: relative;
    width: 100%;
}

.main-content-inside .sidebar:not(.biz-sidebar) {
    top: -50px;
    position: relative;
}

@media (max-width:991px) {
    .body-content {
        margin-top: 94px;
        top: 0;
    }

    .main-content-inside .sidebar:not(.biz-sidebar) {
        top: -30px;
        position: relative;
    }
}

@media (max-width:768px) {
    .main-content-inside .sidebar:not(.biz-sidebar) {
        top: 0px;
        position: relative;
    }
}

.mobile-shop-filter-wrapper {
    display: none;
}

.shop-filter-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow-y: hidden;
}

.shop-filters {
    padding-top: 24px;
}

.product-filters .product-filt-left,
.product-filters .product-filt-right {
    float: left;
    overflow: hidden;
}

.product-filters .product-filt-left {
    width: 70%;
}

.product-filters .product-filt-right {
    width: 30%;
    text-align: right;
}

.product-filter-wrapper1.map-filter-btm {
    border-radius: 0px 0px 5px 5px;
}

.sub-filter-wrapper1.map-filter-top {
    border-radius: 5px 5px 0px 0px;
}

    .sub-filter-wrapper1.map-filter-top .right-buttons .coverage-btn {
        margin-top: 5px;
    }

.product-filter-wrapper, .product-filter-wrapper1 {
    background-color: #56595b;
    padding: 18px 24px 16px 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .product-filter-wrapper1.map-filter-btm {
        border-radius: 0px 0px 5px 5px;
    }

.sub-filter-wrapper1.map-filter-top {
    border-radius: 5px 5px 0px 0px;
}

    .sub-filter-wrapper1.map-filter-top .right-buttons .coverage-btn {
        margin-top: 5px;
    }


.product-filter-wrapper.map-filter-btm {
    border-radius: 0px 0px 5px 5px;
}

.sub-filter-wrapper.map-filter-top {
    border-radius: 5px 5px 0px 0px;
}

    .sub-filter-wrapper.map-filter-top .right-buttons .coverage-btn {
        margin-top: 5px;
    }

.product-filt-left ul {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    margin: 0px -5px;
}

    .product-filt-left ul .product-filter-item-wrapper {
        display: inline-block;
        margin-right: -4px;
        vertical-align: middle;
    }

        .product-filt-left ul .product-filter-item-wrapper a,
        .product-filt-right ul .product-filter-item-wrapper a {
            display: block;
        }

.product-filter-item {
    display: block;
    position: relative;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    padding: 10px 10px 13px 10px;
    text-align: center;
    margin: 0px 5px 3px 5px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
}

    .product-filter-item .item-text,
    .product-filter-item .item-img,
    .product-filter-item .active-icon {
        display: inline-block;
        vertical-align: middle;
    }

    .product-filter-item .item-img {
        max-height: 100%;
        height: 20px;
        width: auto;
        margin-right: 7px;
    }

    .product-filter-item .item-text {
        font-size: 18px;
        color: #fff;
        line-height: 1;
    }

    .product-filter-item-wrapper.active .product-filter-item,
    .product-filter-item:hover,
    .product-filter-item:focus,
    .product-filter-item:active {
        background: #006736;
    }

.product-filter-item-wrapper .active-icon {
    display: none;
    margin-left: 5px;
}

.product-filter-item-wrapper.active .active-icon {
    display: inline-block;
    line-height: 1;
}

.active-icon:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: relative;
    font-size: 20px;
    border-radius: 50%;
    color: #ffffff;
    transition: all 0.5s;
    top: 2px;
    line-height: 0;
    font-weight: 900;
}

.product-filt-right ul {
    display: table;
    position: relative;
    margin-bottom: 0;
    margin: 0px -5px;
    float: right;
    width: 100%;
}

    .product-filt-right ul li {
        display: inline-block;
        vertical-align: middle;
        margin-left: -4px;
    }

.product-filt-right .product-filter-item {
    background-color: #a6a9ab;
}

    .product-filt-right .product-filter-item .item-text {
        color: #fff;
    }

.sub-filter-title {
    margin-right: -4px;
    display: inline-block;
    vertical-align: middle;
}

.sub-filter-wrapper,   .sub-filter-wrapper1  {
    background-color: #7b7d7f;
    padding: 16px 24px 21px 16px;
    margin-top: -5px;
    border-radius: 0 0px 5px 5px;
}



.sub-filters ul {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 0;
    margin: 0px -7.5px;
}

    .sub-filters ul .sub-filter-item-wrapper {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        margin-right: -4px;
    }

.sub-filter-title span {
    display: block;
    padding: 10px 15px 10px 0;
    text-align: left;
    color: #fff;
    font-size: 18px;
}

.sub-filter-item {
    text-align: center;
    margin: 0px 7.5px 0px 7.5px;
}

    .sub-filter-item .custom-dropdown {
        -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    }

    .sub-filter-item.cs-checkbox .custom-checkbox {
        display: inline-block;
        vertical-align: middle;
        background-color: #fff;
        color: #56595b;
        font-size: 16px;
        padding: 8px 15px 12px 15px;
        border: 0;
        margin: 0;
        line-height: 1;
        border-radius: 4px;
        text-indent: 0.01px;
        text-overflow: "";
        -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        min-width: 141px;
    }

        .sub-filter-item.cs-checkbox .custom-checkbox input[type="checkbox"] + span {
            width: 18px;
            height: 18px;
            margin-right: 10px;
        }

.filter-custom-links {
    margin-right: -4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.sub-filters {
    display: table;
    overflow: hidden;
    width: 100%;
}

    .sub-filters .left-filters,
    .sub-filters .right-buttons {
        display: table-cell;
        vertical-align: middle;
    }

    .sub-filters .right-buttons {
        text-align: right;
    }

.filter-custom-links a {
    display: block;
    position: relative;
    background-color: #a6a9ab;
    color: #fff;
    border-radius: 5px;
    padding: 9px 10px 8px 10px;
    text-align: center;
    margin: 0px 5px 3px 5px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
}

    .filter-custom-links a:hover,
    .filter-custom-links a:active,
    .filter-custom-links a:focus {
        background: rgb(165, 204, 77);
        background: -moz-linear-gradient(left, rgba(165, 204, 77, 1) 0%, rgba(0, 103, 54, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(165, 204, 77, 1) 0%, rgba(0, 103, 54, 1) 100%);
        background: linear-gradient(to right, rgba(165, 204, 77, 1) 0%, rgba(0, 103, 54, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc4d', endColorstr='#006736',GradientType=1);
    }

.shop-sort-wrapper {
    position: relative;
    width: 100%;
}

.shop-sort {
}

.shop-sorts-block {
    padding: 30px 0px;
    font-family: "Swis721 Md BT";
    display: table;
    position: relative;
    width: 100%;
}

.shop-sort-left,
.shop-sort-right {
    display: table-cell;
    vertical-align: top;
}

    .shop-sort-left .result-text {
        font-size: 20px;
    }

.shop-sort-right {
    text-align: right;
}

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

    .sort-option .dropdown-menu {
        right: 0px;
        left: auto;
    }

.shop-sort-icon {
    position: relative;
    cursor: pointer;
}

    .shop-sort-icon img {
        width: auto;
        max-height: 100%;
        height: 18px;
        margin-right: 5px;
    }

    .shop-sort-icon img,
    .shop-sort-icon span {
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
    }

.product-filter-panel {
    position: relative;
    background-color: #7b7d7f;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 18px 24px 16px 16px;
    color: #fff;
    font-family: "Swis721 Md BT";
}

.pro-filter-panel-header {
    border-bottom: 1px solid #929394;
    padding-bottom: 15px;
}

.filter-panel-title {
    font-size: 20px;
    float: left;
}

.panel-close {
    float: right;
}

.panel-close-btn {
    display: block;
    padding: 5px;
    border-radius: 3px;
    background-color: #a6a9ab;
    padding: 1px 7px;
    font-size: 13px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

.pro-filter-panel-body .section {
    width: 33.3333%;
    float: left;
    min-height: 100px;
    border-right: 1px solid #929394;
    margin-top: 10px;
    padding: 10px 5px 0px 25px;
}

    .pro-filter-panel-body .section:first-child {
        padding-left: 0;
    }

    .pro-filter-panel-body .section:last-child {
        border-right: 0;
    }

.input-item-group .input-title,
.input-item-group .input-block {
    display: inline-block;
    vertical-align: middle;
}

.input-item-group .input-title {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 1;
}

.input-item-group {
    margin-bottom: 25px;
}

.panel-radio.custom-radio,
.panel-checkbox.custom-checkbox {
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .panel-radio.custom-radio input[type="radio"] + span {
        background-color: #aaaaaa;
        border: 3px solid #333;
        overflow: hidden;
    }

    .panel-radio.custom-radio input[type="radio"]:checked + span:after {
        background-color: #a5cc4d;
        box-shadow: none;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
    }

    .panel-radio.custom-radio .radio-text {
        line-height: 1.45;
        font-size: 14px;
    }

    .panel-checkbox.custom-checkbox input[type="checkbox"] + span {
        position: absolute;
        background-color: #aaaaaa;
        border: 3px solid #333;
        overflow: hidden;
        border-radius: 5px;
    }

    .panel-checkbox.custom-checkbox .checkbox-text {
        line-height: 1.5;
        font-size: 14px;
    }

    .panel-checkbox.custom-checkbox input[type="checkbox"]:checked + span {
        border: 3px solid #333;
    }

        .panel-checkbox.custom-checkbox input[type="checkbox"]:checked + span:after {
            background-color: #a5cc4d;
            color: #333;
            left: 0px;
            top: 0px;
            line-height: 1.5;
            font-size: 11px;
            width: 100%;
            height: 100%;
            padding-left: 1px;
        }

.custom-dropdown.panel-dropdown select {
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    min-height: 30px;
    font-size: 14px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.input-block.input-columns-block .panel-checkbox {
    width: 50%;
    float: left;
}

.pro-filter-panel-footer .pro-filter-btns {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 0px;
}

    .pro-filter-panel-footer .pro-filter-btns .btn-fill-light-green-white {
        -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    }

    .pro-filter-panel-footer .pro-filter-btns .btn-line-light-green {
    }

        .pro-filter-panel-footer .pro-filter-btns .btn-line-light-green.btn-underline:hover,
        .pro-filter-panel-footer .pro-filter-btns .btn-line-light-green.btn-underline:focus,
        .pro-filter-panel-footer .pro-filter-btns .btn-line-light-green.btn-underline:active {
            color: #fff;
            border: 1px solid #fff;
            -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
            -moz-box-shadow: inset 0px 0px 0px 2px #fff;
            box-shadow: inset 0px 0px 0px 2px #fff;
        }

.item-disabled {
    opacity: 0.2;
}

.filter-flow-btn,
.btn-wrap-clearfilters {
    float: right;
}

    .filter-flow-btn .btn {
        margin-top: 5px;
        margin-bottom: 5;
        -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    }

.moblie-product-filter-btn,
.moblie-category-filter-btn {
    float: left;
    width: 50%;
    text-align: left;
}

@media screen and (max-width:991px) {
    .moblie-product-filter-btn,
    .moblie-category-filter-btn {
        width: 100%;
        text-align: center;
    }

    .shop-filters {
        padding-top: 0px;
    }
}

@media (max-width:768px) {
    .pro-filter-panel-body .section {
        width: 100%;
    }

    .pro-filter-panel-body .section {
        border: 0;
        padding-left: 0;
        padding-top: 0;
    }

    .input-item-group .input-title,
    .input-item-group .input-block {
        display: block;
    }

    .pro-filter-panel-footer .pro-filter-btns {
        text-align: left;
    }

    .pro-filter-panel-body .section .input-item-group:last-child {
        margin-bottom: 0;
    }

    .active-icon:before {
        font-size: 15px;
        top: 0px;
    }
}

.moblie-category-filter-btn {
    text-align: right;
}

    .moblie-product-filter-btn a,
    .moblie-category-filter-btn a {
        display: block;
        position: relative;
        background-color: #000;
        color: #fff;
        border-radius: 5px;
        padding: 11px 5px;
        text-align: center;
        webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
        transition: all 0.5s;
        margin: 0px 5px 3px 5px;
    }

    .moblie-product-filter-btn img,
    .moblie-product-filter-btn span,
    .moblie-category-filter-btn img,
    .moblie-category-filter-btn span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-size: 20px;
    }

    .moblie-product-filter-btn img,
    .moblie-category-filter-btn img {
        max-height: 100%;
        height: 25px;
        width: auto;
        margin-right: 5px;
    }

.mobile-shop-filter-panel,
.mobile-shop-filter-panel {
    background-color: #fff;
    width: 100%;
    height: 100%;
    max-height: 500px;
}

.popup-filter-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .popup-filter-wrapper .popup-body,
    .popup-filter-wrapper .popup-footer,
    .popup-filter-wrapper .popup-header,
    .popupfx-header,
    .popupfx-body,
    .popupfx-footer {
        display: table-row;
    }

.header-inner,
.footer-inner {
    display: table-cell;
    padding: 10px 15px;
}

.popupfx-header-inner,
.popupfx-footer-inner {
    display: table-cell;
}

.header-inner {
    background-color: #a5cc4d;
    color: #1e1e1e;
}

.popup-title {
    font-family: "Swis721 Md BT";
}

.footer-inner {
    border-top: 1px solid #ccc;
}

.popup-filter-wrapper .popup-body,
.popupfx-body {
    height: 100%;
}

.body-inner,
.popupfx-body-inner {
    position: relative;
    height: 100%;
}

.popup-filter-wrapper .popup-header {
    min-height: 40px;
    padding: 10px;
    background: #56595b;
    color: #fff;
}

.popup-body .body-scroll,
.popupfx-body .body-scroll {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    height: 100%;
    padding: 25px 15px;
}

.frm-wrap .popupfx-body .body-scroll {
    padding: 25px 25px;
}

.fancy-close-btn {
    text-align: right;
}

    .fancy-close-btn .btn {
        border: 1px solid;
        text-decoration: none;
    }

.mobile-products-filters {
    position: relative;
    overflow: hidden;
}

    .mobile-products-filters ul {
        margin-bottom: 0;
        display: table;
        margin: 0 auto;
    }

        .mobile-products-filters ul .product-filter-item-wrapper {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            margin-right: -4px;
        }

        .mobile-products-filters ul .product-filter-item {
            margin: 0px 5px 8px 5px;
            padding: 8px 10px 10px 10px;
        }

.mobile-packges li.product-filter-item-wrapper {
    width: 100%;
}

.product-filt-right.mobile-packges {
    border-top: 1px solid #a6a9ab;
    margin-top: 20px;
    padding-top: 20px;
}

    .product-filt-right.mobile-packges ul {
        display: block;
        float: none;
        margin: 0;
    }

.mobile-sub-filters {
    margin-bottom: 0;
    display: table;
}

    .mobile-sub-filters .sub-filter-item-wrapper {
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 10px;
        margin-right: -4px;
        width: 50%;
    }

    .mobile-sub-filters .custom-dropdown,
    .mobile-sub-filters .custom-dropdown select {
        display: block;
        width: 100%;
    }

    .mobile-sub-filters .sub-filter-item.cs-checkbox .custom-checkbox {
        background: #919395;
        width: 100%;
    }

    .mobile-sub-filters .custom-checkbox input[type="checkbox"]:checked + span {
        background-color: #fff;
    }

        .mobile-sub-filters .custom-checkbox input[type="checkbox"]:checked + span:after {
            color: #000;
        }

    .mobile-sub-filters .custom-checkbox label,
    .custom-radio label {
        margin-bottom: 0;
        line-height: 1;
        display: block;
        text-align: left;
        color: #fff;
        font-weight: 400;
    }

.map-sub-filter-wrap .map-sub-filter-item {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10px;
    margin-right: -4px;
    width: 50%;
    padding: 5px 10px;
}

.map-sub-filter-item {
    margin-bottom: 5px;
}

.coverage-filter {
    margin-right: -10px;
    margin-left: -10px;
}

.coverage-mobile-wrap .mobile-popup-filters {
    margin-bottom: 10px;
}

.btn-block-left-right.footer-inner {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

@media (max-width:991px) {
    .product-filter-wrapper,
    .sub-filter-wrapper {
        display: none;
    }

    .mobile-shop-filter-wrapper {
        display: block;
        margin-right: -5px;
        margin-left: -5px;
        margin-top: 15px;
    }

    .coverage-filter {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media (max-width:1342px) {
    .product-filter-wrapper,
    .sub-filter-wrapper {
        padding: 16px 16px 13px 16px;
    }

    .product-filt-left ul,
    .product-filt-right ul {
        margin: 0px -5px;
    }

    .product-filter-item {
        padding: 6px 10px 8px 10px;
    }

    .product-filter-item {
        margin: 0px 5px 3px 5px;
    }

        .product-filter-item .item-img {
            height: 16px;
            margin-right: 5px;
        }

        .product-filter-item .item-text {
            font-size: 16px;
        }

    .sub-filter-item .custom-dropdown select {
        padding: 7px 30px 6px 8px;
    }

    .sub-filter-item .custom-dropdown::after {
        right: 10px;
    }

    .sub-filter-item {
        margin: 0px 5px 3px 5px;
    }

    .sub-filter-title span {
        padding: 6px 10px 9px 0;
    }

    .sub-filter-item.cs-checkbox .custom-checkbox {
        padding: 8px 10px 9px 10px;
    }
}

@media (max-width:768px) {
    .product-filter-item .item-text {
        font-size: 14px;
    }

    .product-filter-item .item-img {
        height: 14px;
    }
}

@media (max-width:480px) {
    .mobile-sub-filters .sub-filter-item-wrapper {
        width: 100%;
        margin-right: 0px;
    }

    .moblie-product-filter-btn img,
    .moblie-product-filter-btn span,
    .moblie-category-filter-btn img,
    .moblie-category-filter-btn span {
        font-size: 18px;
    }

    .map-sub-filter-wrap .map-sub-filter-item {
        margin-right: 0px;
        width: 100%;
        padding: 5px 10px;
    }
}

.content-space {
    padding-top: 24px;
    padding-bottom: 50px;
}

.single_product {
    overflow: hidden;
}

.main-details-wrapper {
    overflow: hidden;
}

.product-image-wrapper {
    margin-bottom: 20px;
}

.slideToggle-body {
    display: none;
}

.page-plans-space {
    padding-top: 48px;
}

.product-image img,
.product-image-carousel-wrapper img {
    border: 1px solid #eaeaea;
}

.read-more {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.product-details-read-more .icon {
    margin-right: 4px;
    font-size: 14px;
}

.product-details-read-more .text {
    font-weight: 700;
}

.product-details-read-more {
    padding: 5px 10px 5px 0px;
}

.readmore-body {
    padding-top: 30px;
}

.product-item-price-wrapper {
    padding-bottom: 19px;
    margin-top: 24px;
    border-top: 1px solid #ccc;
    padding: 24px 0;
    font-family: "Swis721 Md BT";
}

    .product-item-price-wrapper .item-price {
        font-size: 28px;
        font-weight: 500;
    }

        .product-item-price-wrapper .item-price .ex-small {
            padding-left: 5px;
        }

.ex-small {
    font-size: 70%;
    line-height: 1.2;
}

small,
.small {
    line-height: 1.5;
    display: inline-block;
}

.box-style-input {
    display: inline-block;
}

    .box-style-input ul {
        border-radius: 5px;
        border: 1px solid #ccc;
    }

    .box-style-input li {
        display: block;
    }

    .box-style-input .custom-radio,
    .box-style-input .custom-checkbox {
        font-family: "Swis721 Md BT";
        display: block;
        margin-bottom: 0;
        background-color: #f6f6f6;
        color: #56595b;
        border-bottom: 1px solid #ccc;
        padding: 11px 12px;
        cursor: pointer;
    }

        .box-style-input .custom-radio input[type="radio"] + span,
        .box-style-input .custom-checkbox input[type="checkbox"] + span {
            border-color: #999;
            margin-right: 15px;
        }

box-style-input .custom-checkbox input[type="checkbox"] + span {
    border-color: #999;
    margin-right: 15px;
}

.box-style-input .custom-radio input[type="radio"]:checked + span:after {
    background-color: #006736;
}

.box-style-input .custom-checkbox input[type="checkbox"]:checked + span:after {
    background-color: #006736;
}

.box-style-input li:nth-child(1) .custom-radio,
.box-style-input li:nth-child(1) .custom-checkbox {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.box-style-input li:last-child .custom-radio,
.box-style-input li:last-child .custom-checkbox {
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.box-style-input.box-style-filter .custom-radio input[type="radio"] + span {
    padding: 10px;
    border-radius: 2px;
    cursor: pointer;
}

.box-style-input.box-style-filter .custom-radio input[type="radio"]:checked + span:after {
    height: 16px;
    left: 2px;
    top: 2px;
    width: 16px;
    border-radius: 1px;
}

.box-style-input.box-style-filter .custom-radio {
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    padding: 10px 13px;
}

    .box-style-input.box-style-filter .custom-radio .radio-text {
        color: #56595b;
    }

.coverage-filter .box-style-input.box-style-filter .custom-radio {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 0px;
    background-color: #909395;
}

    .coverage-filter .box-style-input.box-style-filter .custom-radio .radio-text {
        color: #ffffff;
        margin-left: 30px;
    }

.box-style-input.box-style-filter .custom-radio input[type="radio"]:checked + span.color-high-speed:after {
    background-color: #006736;
}

.box-style-input.box-style-filter .custom-radio input[type="radio"]:checked + span.color-evo:after {
    background-color: #a5cc4d;
}

.box-style-input.box-style-filter .custom-radio input[type="radio"]:checked + span.color-charji:after {
    background-color: #617925;
}

.box-style-input.box-style-filter .custom-radio input[type="radio"]:checked + span.color-fiber:after {
    background-color: #4aa369;
}

.box-style-input.box-style-filter .custom-radio input[type="radio"] + span {
    margin-right: 5px;
    margin-top: -3px;
}

.cs-tooltip {
    position: relative;
    background-color: #fff6cc;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 16px;
}

    .cs-tooltip:after,
    .cs-tooltip:before {
        bottom: 100%;
        left: 14%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .cs-tooltip:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff6cc;
        border-width: 25px;
        margin-left: -35px;
    }

    .cs-tooltip:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #ccc;
        border-width: 26px;
        margin-left: -36px;
    }

    .cs-tooltip span {
        display: block;
        line-height: 1.25;
        margin-bottom: 5px;
    }

        .cs-tooltip span:last-child {
            margin-bottom: 0;
        }

    .cs-tooltip .title {
        font-weight: 700;
        margin-bottom: 10px;
        color: #333;
    }

    .cs-tooltip p {
        font-size: 14px;
        margin: 0;
        padding: 0;
        padding-bottom: 3px;
    }

.available-addons .box-style-input {
    width: 100%;
}

.package-details-table,
.product-billing-table {
    position: relative;
    overflow: auto;
}

    .package-details-table table td,
    .product-billing-table table td {
        font-family: "Swis721 Md BT";
        font-weight: 400;
        color: #1e1e1e;
        font-size: 18px;
        padding-bottom: 3px;
    }

.product-billing-table {
    padding-top: 10px;
    padding-bottom: 18px;
}

    .product-billing-table table td:last-child {
        text-align: right;
    }

    .product-billing-table table .total td {
        padding-top: 16px;
    }

.total-lines {
    border-top: 1px solid;
    border-bottom: 1px solid;
    position: relative;
    display: inline-block;
}

    .total-lines:after {
        content: "";
        border-bottom: 1px solid;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -4px;
    }

.product-billing-cta {
    padding-bottom: 5%;
}

@media (max-width:992px) {
    .coverage-filter.mobile-sub-filters .sub-filter-item-wrapper {
        width: 50%;
    }

        .coverage-filter.mobile-sub-filters .sub-filter-item-wrapper .box-style-input.box-style-filter {
            width: 100%;
        }
}

@media (max-width:768px) {
    .product-billing-cta {
        text-align: right;
    }
}

@media (max-width:480px) {
    .product-billing-cta {
        text-align: right;
    }

    .coverage-filter.mobile-sub-filters .sub-filter-item-wrapper {
        width: 100%;
        margin-right: 0px;
        padding-bottom: 0px;
    }
}

.shopping-items-table table {
    margin-bottom: 23px;
}

.shopping-items-table tr td {
    padding: 24px 15px;
}

    .shopping-items-table tr td:nth-child(1) {
        width: 68%;
        background-color: #f2f2f2;
    }

    .shopping-items-table tr td:nth-child(2) {
        font-family: "Swis721 Md BT";
        width: 16%;
        background-color: #e7ecd9;
        text-align: right;
    }

    .shopping-items-table tr td:nth-child(3) {
        font-family: "Swis721 Md BT";
        width: 16%;
        background-color: #d3e3b0;
        text-align: right;
    }

.shopping-items-table tr:nth-child(1) td {
    padding-bottom: 0;
}

.shopping-items-table tr:nth-child(2) td {
    padding-top: 0;
}

.shopping-items-table .bundle-only tr:nth-child(1) td {
    padding-bottom: 24px;
}

.cart-border {
    border-bottom: 1px solid #CCC;
    padding-top: 20px;
    margin-bottom: 20px;
}

.shopping-items-table.table-heading tr td:nth-child(2),
.shopping-items-table.table-heading tr td:nth-child(3) {
    text-align: center;
}

.shopping-items-table.table-heading tr td {
    background-color: #fff;
    padding: 13px 0px;
}

.shopping-items-table.table-heading table {
    margin-bottom: 0;
}

.shopping-product-image {
    position: relative;
    max-width: 225px;
}

.shopping-item-details {
    padding-left: 24px;
}

    .shopping-item-details a {
        color: inherit;
    }

    .shopping-item-details .product-name {
        color: #60983e;
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 3px;
    }

    .shopping-item-details.shopping-package .product-name {
        font-weight: 400;
        font-size: 16px;
    }

    .shopping-item-details .payment-method {
        font-family: "Swis721 BT";
        font-size: 12px;
        font-weight: 400;
        color: #1e1e1e;
        line-height: 1.2;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .shopping-item-details .price,
    .shopping-item-details .you-save,
    .shopping-item-details .change-links {
        font-family: "Swis721 BT";
        line-height: 1.2;
        font-size: 12px;
    }

.vline-small {
    position: relative;
    display: inline;
    padding: 0 5px;
    font-size: inherit;
}

    .vline-small:before {
        content: "|";
        position: absolute;
        left: 1px;
        font-size: 85%;
    }

.old-price {
    text-decoration: line-through;
}

.shopping-item-details .change-links {
    margin-top: 5px;
}

    .shopping-item-details .change-links .remove {
        display: inline-block;
    }

    .shopping-item-details .change-links .errormsg {
        margin-top: 0;
    }

    .shopping-item-details .change-links a {
        text-decoration: underline;
        color: #1e1e1e;
    }

        .shopping-item-details .change-links a:hover,
        .shopping-item-details .change-links a:focus,
        .shopping-item-details .change-links a:active {
            text-decoration: underline;
            color: #a5cc4d;
        }

.d-cell.shopping-product-image {
    width: 20%;
}

.d-cell.shopping-item-details {
    width: 60%;
}

    .d-cell.shopping-item-details .clear-style-dropdown {
        border: 1px solid #CCC;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: none !important;
    }

.cart-summery-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    text-align: right;
    font-family: "Swis721 Md BT";
}

    .cart-summery-wrapper .cart-summery,
    .cart-summery-wrapper .monthly-charges,
    .cart-summery-wrapper .total-due {
        padding: 27px 15px;
    }

    .cart-summery-wrapper .cart-summery {
        background-color: #f2f2f2;
    }

    .cart-summery-wrapper .monthly-charges {
        background-color: #e7ecd9;
    }

    .cart-summery-wrapper .total-due {
        background-color: #e7ecd9;
    }

.coupon-wrapper {
    padding-bottom: 13px;
}

.coupon-btn {
    display: inline-block;
    padding: 9px 10px 9px 10px;
    line-height: 1;
    background-color: #f1f9e0;
    border-radius: 4px;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #1e1e1e;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 6px;
    transition: all 0.3s;
}

    .coupon-btn:hover,
    .coupon-btn:focus,
    .coupon-btn:active {
        background-color: #a5cc4d;
    }

.coupon-box {
    overflow: hidden;
    position: relative;
    float: right;
}

    .coupon-box .form-control {
        margin-bottom: 5px;
        height: auto;
        padding: 4px 10px;
    }

    .coupon-box .btn {
        margin-left: 5px;
    }

.cart-summery-wrapper .total-due .price,
.cart-summery-wrapper .monthly-charges .price {
    font-size: 36px;
}

.shopping-cart-cta {
    background-color: #d3e3b0;
    padding: 24px 15px 25px 15px;
    overflow: hidden;
    text-align: right;
}

    .shopping-cart-cta .btn i {
        display: inline-block;
        vertical-align: middle;
    }

    .shopping-cart-cta .btn {
        display: inline-block;
        vertical-align: top;
    }

.secure-payment-stripe {
    background-color: #56595b;
    text-align: center;
    padding: 48px 0;
}

.secure-payments-list {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
    position: relative;
}

    .secure-payments-list li {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 20px;
    }

        .secure-payments-list li .text {
            line-height: 1.2;
            text-align: left;
            font-size: 14px;
        }

.page-order-form .form-space {
    margin: 30px 15px;
}

.order-form-ctas.d-table {
    table-layout: fixed;
    width: 100%;
}

.order-form-ctas .d-cell.go-back {
    text-align: left;
}

.order-form-ctas .d-cell.submit-order {
    text-align: right;
}

@media (max-width:992px) {
    .cart-add-more-btn-wrap {
        text-align: right;
    }
}

@media (max-width:767px) {
    .d-cell.shopping-product-image {
        display: none;
    }

    .d-cell.shopping-item-details {
        width: 100%;
        padding-left: 0;
    }

    .shopping-items-table tr td {
        padding: 15px 5px;
    }

        .shopping-items-table tr td:nth-child(1) {
            width: auto;
        }

        .shopping-items-table tr td:nth-child(2),
        .shopping-items-table tr td:nth-child(3) {
            font-size: 14px;
            line-height: 1.2;
            min-width: 75px;
        }

    .shopping-item-details .product-name {
        font-size: 16px;
    }

    .shopping-item-details.shopping-package .product-name {
        font-size: 15px;
    }

    .cart-summery-wrapper {
        padding-top: 0;
    }

    .order-form-ctas .d-cell.go-back,
    .order-form-ctas .d-cell.submit-order {
        text-align: right;
        display: block;
    }
}

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

.support-hero-cont-block {
    display: table;
    width: 100%;
    height: 794px;
    position: relative;
    background-color: #e1e9d8;
    padding-top: 97px;
}

    .support-hero-cont-block:before {
    }

.support-hero-cont-inside.hero-bg-image {
    background-size: cover !important;
    background-position: center top !important;
}

.special-bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: center bottom !important;
}

.support-hero-cont-inside {
    display: table-row;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    height: 250px;
}

.hero-table-cell {
    display: table-cell;
    vertical-align: middle;
}

    .hero-table-cell.bottom {
        vertical-align: bottom;
    }

    .hero-table-cell.middle {
        vertical-align: middle;
    }

.support-hero-search {
    background-color: #d5e1d1;
    padding: 48px 0px;
}

.banner-right-align-content {
    max-width: 50%;
    width: 100%;
    float: right;
    position: relative;
}

    .banner-right-align-content .support-sec-services {
        text-align: left;
    }

        .banner-right-align-content .support-sec-services .support-ser-icon {
            margin-left: 0;
        }

.banner-right-align .bg-tint.bg-tint-lr-25:before {
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 11%, rgba(0,0,0,0.65) 77%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.65) 77%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.65) 77%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=1);
}

@media (max-width:1200px) {
    .special-bg-image {
        background-size: cover !important;
        background-position: left -250px bottom !important;
    }
}

@media (max-width:991px) {
    .support-hero-cont-block {
        height: auto;
    }

    .support-hero-cont-inside {
        height: 150px;
    }

        .support-hero-cont-inside .hero-table-cell {
            padding-top: 25px;
        }

    .special-bg-image {
        background: none !important;
    }

    .banner-right-align-content {
        max-width: 100%;
        text-align: center;
    }

        .banner-right-align-content .support-sec-services {
            text-align: center;
        }
}

.myaccount-wrap {
    position: relative;
    overflow-x: hidden;
}

.myaccount-leftpanel-wrap {
    float: left;
    width: 225px;
    background-color: #56595b;
    overflow-y: auto;
}

.myaccount-rightpanel-wrap {
    float: left;
    width: calc(100% - 225px);
    background-color: #f5fce7;
}

.my-acc-home-btm {
    min-height: 420px;
}

.myacc .nav-other {
    padding: 16px 20px;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 35px;
    padding-bottom: 25px;
}

    .myacc .nav-other a {
        color: #a6a9ab;
        text-decoration: underline;
        display: block;
    }

        .myacc .nav-other a:hover,
        .myacc .nav-other a:focus {
            color: #a5cc4d;
        }

.myacc .menu-title {
    display: block;
    text-align: left;
    padding: 16px 25px 16px 12px;
    color: #fff;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
}

    .myacc .menu-title:after {
        content: "\f0da";
        position: absolute;
        font-family: "Font Awesome 5 Free";
        right: 15px;
        font-size: 150%;
        top: 50%;
        margin-top: 0px;
        line-height: 0;
        transition: all 0.5s;
        font-weight: 900;
    }

    .myacc .menu-title.active,
    .myacc .menu-title:hover,
    .myacc .menu-title:focus {
        color: #a5cc4d;
    }

    .myacc .menu-title.active,
    .myacc .body {
        background-color: #303132;
    }

.dashLargeText {
    font-size: 16px;
    font-family: "Swis721 Md BT";
    border: solid 1px #a5cc4d;
    padding: 10px 10px 10px 10px;
    border-radius: 50%;
    color: #666;
    background-color: #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    width: 120px;
    height: 120px;
    position: relative;
    margin: 0 8px;
}

.dum-data-circle {
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    position: relative;
    font-family: "Swis721 Md BT";
}

    .dum-data-circle span {
        width: 100%;
        height: 100%;
        display: table-cell;
    }

    .dum-data-circle .data-gb {
        font-size: 20px;
        color: #709302;
        font-weight: 600;
        margin-top: 18px;
        line-height: 1.2;
    }

    .dum-data-circle .gb-used {
        font-size: 16px;
        color: #709302;
        font-family: "Swis721 BT", sans-serif;
        font-weight: 400;
        line-height: 1.1;
    }

.data-usage-tble {
    font-size: 13px;
    line-height: 1.2;
}

.user-con-block {
    margin-top: 40px;
    display: inline-block;
}

.user-input {
    display: inline-block;
    margin-right: 10px;
}

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

.toggle_slide_body {
    display: none;
}

    .toggle_slide_body.active {
        display: block;
    }

.myacc .menu-title.active:after {
    transition: all 0.5s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.myacc .menu-icon {
    padding-right: 10px;
    line-height: 1;
}

    .myacc .menu-icon img {
        width: 16px;
        height: 16px;
    }

.myacc .menu-text {
    line-height: 1;
}

.myacc .menu-inside {
    display: block;
    position: relative;
    padding: 14px 15px 14px 12px;
    font-size: 12px;
}

.myacc .body > .menu-inside {
    padding: 14px 15px 14px 36px;
}

.myacc .menu-inside,
.myacc .menu-title {
    border-bottom: 1px solid #434344;
    color: #fff;
}

    .myacc .menu-inside.item span {
        line-height: 1.3;
    }

    .myacc .menu-inside:nth-child(1),
    .myacc .menu-title:nth-child(1) {
        border-bottom: 1px solid #434344;
    }

    .myacc .menu-inside.active,
    .myacc .menu-inside:hover,
    .myacc .menu-inside:focus {
        background: url(../images/icons/myaccount/active-arrow.png) no-repeat;
        background-color: #006736;
    }

    .myacc .menu-inside.active,
    .opened-toggle-items.active {
        background: url(../images/icons/myaccount/active-arrow.png) no-repeat;
        background-color: #006736;
        background-size: cover;
        background-position: right center;
    }

.myaccount-inside-top {
    min-height: 250px;
    background-color: #f5fce7;
}

.myacc .package-info {
    padding: 0px 30px 50px 33px;
    border-right: 1px solid #dbe0d2;
    height: 100%;
}

.myaccount-inside-top > .inside_same_height > .same_height_in {
    border-bottom: 1px solid #dbe0d2;
}

.myacc .wireless-devices .package-info {
    border: 0;
}

.package-info .package-name {
    font-size: 28px;
    margin-bottom: 10px;
    color: #1e1e1e;
    font-family: "Swis721 Md BT";
}

.package-info .package-subinfo {
    line-height: 1.3;
    font-size: 16px;
}

.package-info .due-block {
    padding-top: 20px;
    color: #1e1e1e;
}

.package-info .due-block0pd {
    padding-top: 0px;
    color: #1e1e1e;
}

.due-block .due-date {
    font-size: 15px;
    font-weight: 700;
}

.due-block .due-price {
    font-size: 26px;
    font-weight: 700;
}

.myacc-greetingbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.msg-inbx-wrap {
    padding: 50px 4% 30px 8%;
}

.vas-wrap {
    padding: 50px 33px;
}

.birthday-box {
    background-color: #cccccc;
    position: relative;
    display: table;
    width: 100%;
    height: 440px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
    text-align: center;
    padding: 50px;
}

    .birthday-box .name {
        font-size: 24px;
        margin-bottom: 10px;
    }

.msg-inbx-heading .d-cell.last {
    text-align: right;
}

.msg-label-txt {
    font-size: 20px;
    color: #1e1e1e;
    font-weight: 700;
}

    .msg-label-txt .msg-count {
        font-size: 14px;
        color: #006736;
        padding-left: 10px;
    }

.msg-inbx-wrap .msg-wrap {
    margin-top: 10px;
    border: 1px solid #ccc;
}

.msg-wrap .msg-item {
    padding: 5px 10px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

    .msg-wrap .msg-item a {
        display: block;
        line-height: 1.2;
        color: #666666;
    }

        .msg-wrap .msg-item a:hover {
            display: block;
            line-height: 1.2;
            color: #666666;
        }

    .msg-wrap .msg-item:last-child {
        border-bottom: 0;
    }

.msg-wrap .d-cell {
    padding: 5px;
}

.msg-item:hover {
    -webkit-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 20px -8px rgba(10, 10, 10, 0.75);
    background-color: #fbfee7;
}

.msg-item .last {
    text-align: right;
    width: 60px;
}

.msg-item .msg-date {
    font-size: 14px;
}

.msg-wrap .msg-title {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}

.msg-wrap .msg-item a:hover,
.msg-wrap .msg-item a:focus,
.msg-wrap a:hover .msg-title,
msg-wrap a:focus .msg-title {
    color: #006736;
}

.msg-wrap .msg-shortxt {
    font-size: 14px;
}

.myacc .circle-txt-block {
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 24px;
    text-align: center;
    line-height: 1.2;
    font-size: 15px;
}

.myacc .info-circle-box {
    padding: 0px 15px;
}

.info-circle-box .circle {
    text-align: center;
}

.dt-circle {
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    height: 120px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}

.data-circle {
    font-size: 20px !important;
    color: #709302;
    font-weight: 600;
    position: relative;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}

.dt-circle {
    position: relative;
}

    .dt-circle[data-subtext]:after {
        content: attr(data-subtext);
        position: absolute;
        font-size: 16px;
        color: #709302;
        text-align: center;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: 11px;
        font-weight: 400;
        font-family: "Swis721 BT", sans-serif;
        line-height: 1.2;
    }

.circle-minutes .fa {
    position: relative;
    top: 10px;
    color: #56595b;
}

.myaccspcTop {
    padding-top: 60px;
    padding-bottom: 25px;
}

.usage-data-block {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 25px 50px 15px 50px;
    background-color: #ccc;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    text-align: center;
    position: relative;
    border: 1px solid #000000;
    margin-bottom: 10px;
}

.addon-btn {
    margin-bottom: 20px;
}

.month-usage-block {
    border-top: 0px solid #d1d1d1;
    padding-top: 0px;
}

    .month-usage-block span {
        font-size: 13px;
    }

@media (max-width:1199px) {
    .myacc .package-info,
    .msg-inbx-wrap,
    .vas-wrap {
        padding: 20px 15px 20px 15px;
    }

    .birthday-box {
        height: 308px;
    }
}

@media (max-width:991px) {
    .myacc .package-info {
        border-right: 0px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .myacc .info-circle-box {
        display: inline-block;
    }

    .myacc .myaccspcTop {
        text-align: center;
        padding-top: 25px;
    }

    .vas-wrap {
        padding: 30px 0px 20px 0px;
    }

    .myacc-greetingbox {
        padding-left: 15px;
        padding-right: 15px;
    }

    .birthday-box {
        max-width: 400px;
        height: 350px;
    }
}

@media (max-width:767px) {
    .mobile_slide_nav_button_js {
        position: absolute;
        width: 50px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        right: 0;
        z-index: 11;
        cursor: pointer;
    }

    .myacc .menu-title {
        padding: 0;
    }

    .mobile-switch:before {
        content: "";
        background: rgba(0, 0, 0, 0) url(../images/icons/cross.png) repeat scroll 0 0 !important;
        height: 36px;
        right: 50px;
        top: 30px;
        width: 36px;
    }

    .mobile-switch .myacc .menu-icon {
        float: right;
        padding-right: 0;
        padding: 16px;
        position: absolute;
        right: 0px;
        z-index: 5;
        display: block;
    }

    .opened-toggle-items .menu-inside {
        padding: 0;
    }

    .mobile-switch .myacc .menu-text {
        padding: 16px 50px 16px 30px;
        width: 100%;
        position: relative;
        z-index: 1;
        display: block;
    }

    .mobile-switch .myacc .menu-title:after {
        left: 12px;
        right: auto;
    }

    .mobile-switch.mobile_slide_nav_wrap_js {
        position: absolute;
        z-index: 5;
        -webkit-transition: left 0.5s;
        -o-transition: left 0.5s;
        transition: left 0.5s;
    }

        .mobile-switch.mobile_slide_nav_wrap_js.is-open {
            position: fixed;
            height: 100vh !important;
            padding-bottom: 25px;
        }

    .mobile-switch {
        min-width: 250px;
        left: -200px;
    }

        .mobile-switch.is-open {
            left: 0px;
        }

    .myaccount-rightpanel-wrap {
        width: 100%;
        padding-left: 49px;
    }

    .backdrop {
        visibility: hidden;
        -webkit-transition: 0.2s linear opacity;
        transition: 0.2s linear opacity;
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        z-index: 2;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .is-animating .backdrop,
    .is-open .backdrop {
        opacity: 0.2;
        visibility: visible;
        left: 250px;
    }

    .is-active.is-animating .backdrop {
        opacity: 0;
    }

    .msg-label-txt {
        font-size: 16px;
    }

        .msg-label-txt .msg-count {
            padding-left: 2px;
        }

    .msg-inbx-wrap {
        padding: 20px 15px 20px 15px;
    }
}

@media (max-width:480px) {
    .birthday-box {
        height: 70vh;
    }
}

.wishlistTble.res-table {
    table-layout: auto;
}

.wishlistTble td,
.wishlistTble th {
    padding: 10px;
}

.wish-item-delete {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #333;
    margin-top: 6px;
}

    .wish-item-delete:hover,
    .wish-item-delete:focus {
        color: #006736;
    }

.wishlistTble th {
    background-color: #cee0ac;
    color: #000;
    border-color: #bfbfbf;
    line-height: 1.2;
    vertical-align: top;
    font-weight: 400;
}

.wishlistTble th,
.wishlistTble td {
    border: 1px solid rgba(86, 89, 91, 0.23);
}

.wishlist-pro-img {
    width: 120px;
    min-width: 120px;
    margin-right: 15px;
    margin-bottom: 8px;
    border: 1px solid rgba(204, 204, 204, 0.5);
}

.data-usage-tble tr th {
    background-color: #cee0ac;
    color: #1e1e1e;
    text-align: center;
    padding: 5px 2px;
}

.data-usage-tble tr td {
    padding: 5px 2px;
}

@media (max-width:480px) {
    .wishlistTble.res-table.table-480 thead {
        display: none;
    }

    .wishlist-pro-item .d-cell {
        display: block;
    }

    .wish-item-delete {
        margin-top: 10px;
    }

    .wishlistTble th,
    .wishlistTble td {
        border-color: transparent;
    }
}

.space75 {
    padding: 50px 75px;
}

.faq-filter-wrap {
    position: relative;
}

.inner-wrapper-sticky {
    z-index: 1;
}

.faq-filters {
    transition: padding 0.5s;
}

.is-affixed .faq-filters {
    padding: 15px 75px;
    -webkit-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
}

.faq-filters .faq-search-bar,
.faq-filters .cs-dropdown {
    padding: 5px 0px;
}

.faq-search-bar input.lg-input {
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 16px;
    line-height: normal;
    padding: 9px 10px 10px 10px;
    height: 40px;
}

.custom-dropdown .lg-select select {
    padding: 11px 35px 9px 15px;
}

.faq-search-bar input::placeholder {
    color: #56595b !important;
    font-size: 14px !important;
}

.faq-search-bar .search-icon {
    top: 16px;
}

.custom-dropdown.bgWhite select,
.custom-dropdown.bgWhite:before {
    background-color: #fff;
}

.custom-dropdown.txtGrey select {
    color: #56595b;
}

.faq-list .item {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

    .faq-list .item:nth-child(1) {
        padding-top: 0px;
    }

    .faq-list .item:last-child {
        border-bottom: 0;
    }

.faq-icon-toggle {
    position: relative;
}

    .faq-icon-toggle:before {
        position: absolute;
        content: "";
        right: 0;
        border: 2px solid #313131;
        border-radius: 50%;
        width: 29px;
        height: 29px;
        text-align: center;
        transition: all 0.5s;
    }

    .faq-icon-toggle:after {
        color: #313131;
        content: "+";
        position: absolute;
        right: 3px;
        color: inherit;
        font-size: 26px;
        text-align: center;
        line-height: 0;
        vertical-align: baseline;
        top: 13px;
        transition: opacity 0.5s;
    }

    .faq-icon-toggle.active:before {
        border: 2px solid #ccc;
    }

    .faq-icon-toggle.active:after {
        content: "_";
        color: #ccc;
        font-size: 31px;
        top: -2px;
        right: 6px;
    }

.faq-head {
    cursor: pointer;
}

.faq-list .body,
.faq-head {
    padding-right: 35px;
}

    .faq-head .h3 {
        margin-bottom: 0;
        padding-bottom: 1.5rem;
    }

    .faq-list .body ul {
        padding-left: 16px;
    }

@media (max-width:991px) {
    .space75 {
        padding: 30px 15px;
    }

    .faq-icon-toggle:before {
        right: 0;
        border: 2px solid #313131;
        width: 20px;
        height: 20px;
    }

    .faq-icon-toggle:after {
        right: 2px;
        font-size: 19px;
        top: 9px;
    }

    .faq-icon-toggle.active:before {
        border: 2px solid #ccc;
    }

    .faq-icon-toggle.active:after {
        font-size: 16px;
        top: 2px;
        right: 6px;
    }
}

.contact-space {
    padding: 50px 13%;
}

@media (max-width:767px) {
    .contact-space {
        padding: 20px 15px;
    }
}

.support-search-form::-ms-clear {
    display: none;
}

.lg-input::-ms-clear {
    display: none;
}

.header-search-box::-ms-clear {
    display: none;
}

.remove_link {
    font-size: 13px;
    margin-top: 25px;
}

.show_remove {
    margin-top: 20px;
    line-height: 1.2;
}

    .show_remove a {
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
        margin-right: 10px;
    }

.myChart-space {
    padding-top: 25px;
    width: 75%;
    height: auto;
}

.vas-on {
    background-color: #6c6;
}

.vas-off {
    background-color: #999;
    color: #666;
}

.infoTooltip {
}

.res-embedded-video-tv .video-iframe-body iframe {
    max-width: 1070px;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

.no-image-icon {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}

.search-icon-dialcodes {
    background: url(../images/icons/search-icon.svg) no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.faq-search-bar .search-icon-dialcodes {
    top: 16px;
}

.tariff-search-bar .search-icon-dialcodes {
    right: 20px;
}

.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
}

    .jq-ry-container[readonly="readonly"] {
        cursor: default;
    }

    .jq-ry-container > .jq-ry-group-wrapper {
        position: relative;
        width: 100%;
    }

        .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
            position: relative;
            line-height: 0;
            z-index: 10;
            white-space: nowrap;
        }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
                display: inline-block;
            }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
                width: 100%;
            }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
                width: 0;
                z-index: 11;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;
            }

.fancybox-outer,
.fancybox-inner {
    position: relative;
    border-radius: 4px;
}

.btn-bggreen-white {
    font-family: "Swis721 Md BT", sans-serif;
    color: #fff;
    background: #006736;
    font-size: 16px;
    padding: 10px 22px;
    border: 0;
    margin-bottom: 5px;
    border-radius: 23px;
}

.btn-bggreen2-white {
    font-family: "Swis721 Md BT", sans-serif;
    color: #fff;
    background: #a5cc4d;
    font-size: 16px;
    padding: 10px 22px;
    border: 0;
    margin-bottom: 5px;
    border-radius: 23px;
}

.btn-bggreen2-black {
    font-family: "Swis721 Md BT", sans-serif;
    color: #1e1e1e;
    background: #a5cc4d;
    font-size: 16px;
    padding: 10px 22px;
    border: 0;
    margin-bottom: 5px;
    border-radius: 23px;
}

.btn-bgwhite-green {
    font-family: "Swis721 Md BT", sans-serif;
    color: #006736;
    background: #fff;
    font-size: 16px;
    padding: 10px 22px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    border-radius: 23px;
}

.clearSpace {
    padding: 0;
}

.espace-tb-25 {
    padding: 25px 0px;
}

.box-pdg25-20 {
    padding: 25px 20px;
}

.content-pd50-70 {
    padding: 50px 70px;
}

@media (max-width:991px) {
    .box-pdg25-20 {
        padding: 20px 16px;
    }

    .content-pd50-70 {
        padding: 30px 30px;
    }
}

@media (min-width:768px) {
    .pdg-sm-r-50 {
        padding-right: 50px;
    }
}

@media (max-width:767px) {
    .content-pd50-70 {
        padding: 25px 15px;
    }
}

.hero-boxes {
    position: relative;
}

.hero-boxes-text-white .ser-icon-txt h4 {
    color: #fff;
}

@media (max-width:767px) {
    .pull-left-xs {
        float: left;
    }

    .pull-right-xs {
        float: right;
    }
}

@media (min-width:768px) {
    .pull-left-sm {
        float: left;
    }

    .pull-right-sm {
        float: right;
    }
}

@media (min-width:992px) {
    .pull-left-md {
        float: left;
    }

    .pull-right-md {
        float: right;
    }
}

@media (min-width:1200px) {
    .pull-left-lg {
        float: left;
    }

    .pull-right-lg {
        float: right;
    }
}

.block {
    display: block;
}

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

.light-black {
    color: #1e1e1e;
}

.dark-grey {
    color: #303132;
}

.dark-grey2 {
    color: #56595b;
}

.dark-grey3 {
    color: #a6a9ab;
}

.green1 {
    color: #006736;
}

.green2 {
    color: #a5cc4d;
}

.green3 {
    color: #dcf6a0;
}

.white {
    color: #fff;
}

.black-text {
    color: #000;
}

.bg-grey-4 {
    background-color: #f5f5f5;
}

.bx-shadow515 {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}

.bx-shadow815 {
    -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
}

.bx-shadow330 {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
}

.bx-shadow520-8 {
    -webkit-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
}

.bx-shadow-btn {
    -webkit-box-shadow: 0px 3px 0px 0px rgba(1, 1, 1, 0.15);
    -moz-box-shadow: 0px 3px 0px 0px rgba(1, 1, 1, 0.15);
    box-shadow: 0px 3px 0px 0px rgba(1, 1, 1, 0.15);
}

.fancybox-close.hide-close {
    display: none;
}

.fixed-close-btn .fancybox-close {
    position: fixed;
    top: 15px;
    right: 30px;
}

.fancypopup-close {
    background: rgba(0, 0, 0, 0) url(../js/fancybox/cross.png) repeat scroll 0 0 !important;
    height: 30px;
    right: 15px;
    top: 7px;
    width: 30px;
    background-size: cover !important;
    position: absolute;
}

    .fancypopup-close a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

.custom-arrows .fancybox-nav {
    position: fixed;
    z-index: 20;
}

.fancybox-inner {
    z-index: 15;
}

.custom-arrows .fancybox-prev span,
.custom-arrows .fancybox-next span {
    background-image: url(../images/icons/custom-arrow.png) !important;
    background-repeat: no-repeat;
    width: 28px;
    height: 52px;
    background-size: cover;
}

.custom-arrows .fancybox-prev span {
    background-position: 0 0px;
}

.custom-arrows .fancybox-next span {
    background-position: -28px 0px;
    right: 30px;
}

.touch-device .custom-arrows .fancybox-next span {
    right: 0;
}

.fancybox-nav span {
    visibility: visible !important;
}

.bg-tint {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .bg-tint:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

.ie-gt-8 .bg-tint:before,
.dteIE .bg-tint:before,
.dteIE .bg-tint:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    z-index: 0;
}

.bg-tint.bg-tint-100:before {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#bf000000', GradientType=1);
}

.bg-tint.bg-tint-lr-25:before {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}

.bg-tint.bg-tint-lr-50:before {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#00000000', GradientType=1);
}

.bg-tint.bg-tint-lr-75:before {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#00000000', GradientType=1);
}

.bg-tint.bg-tint-bt-25:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);
}

.bg-tint.bg-tint-bt-50:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);
}

.bg-tint.bg-tint-bt-75:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);
}

@media (max-width:560px) {
    .bg-tint.bg-tint-75-mb:before {
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.45) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.45) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.45) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#bf000000', GradientType=1);
    }

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

    .light-black {
        color: #ffffff;
    }

    .hero-cont-style-1 {
    }
}

.btn-shadow {
    -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
}

.error-red {
    color: #f30;
}

.dark-green {
    color: #006736;
}

.light-green {
    color: #a5cc4d;
}

.light-grey {
    color: #a6a9ab;
}

.grey {
    color: #56595b;
}

.dark-grey {
    color: #303132;
}

.light-grey {
    color: #a6a9ab;
}

.light-black {
    color: #1e1e1e;
}

.black {
    color: #000000;
}

.white {
    color: #ffffff;
}

.btn,
.btn-xs,
.btn-s,
.btn-m,
.btn-l,
.btn-fill-light-green,
.btn-fill-light-green-white,
.btn-fill-dark-green,
.btn-fill-white,
.btn-fill-dark-grey,
.btn-line-light-green,
.btn-line-dark-green,
.btn-line-dark-grey,
.btn-line-white,
.btn-underline,
.btn-line-light-green-white,
.btn-line-white-light-green,
.btn-line-dark-grey-darkGreen,
.btn-line-dark-green-darkGrey,
.plugin_forms_wrapper .gform_next_button,
.plugin_forms_wrapper .gform_previous_button {
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 25px;
    border: 1px solid #ccc;
    color: #006736;
    border-radius: 25px;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    transition: all 0.5s;
    text-align: center;
    overflow: hidden;
}

    .btn.disabled {
        background-color: #999;
        color: #fff;
        cursor: no-drop !important;
    }

.btn-xs {
    font-size: 13px;
    padding: 4px 15px;
}

.btn-s {
    font-size: 14px;
    padding: 6px 18px;
}

.btn-m {
    font-size: 16px;
    padding: 8px 25px;
}

.btn-l {
    font-size: 20px;
    padding: 10px 30px;
}

.btn-fill-light-green {
    color: #1e1e1e;
    border-color: #a5cc4d;
    background-color: #a5cc4d;
}

    .btn-fill-light-green:hover,
    .btn-fill-light-green:focus,
    .btn-fill-light-green:active {
        color: #ffffff;
        border-color: #006736;
        background-color: #006736;
    }

.btn-fill-light-green-white {
    color: #1e1e1e;
    border-color: #a5cc4d;
    background-color: #a5cc4d;
}

    .btn-fill-light-green-white:hover,
    .btn-fill-light-green-white:focus,
    .btn-fill-light-green-white:active {
        color: #1e1e1e;
        border-color: #ffffff;
        background-color: #ffffff;
    }

.btn-fill-dark-green {
    color: #ffffff;
    border-color: #006736;
    background-color: #006736;
}

    .btn-fill-dark-green:hover,
    .btn-fill-dark-green:focus,
    .btn-fill-dark-green:active {
        color: #000000;
        border-color: #a5cc4d;
        background-color: #a5cc4d;
    }

.btn-fill-white {
    color: #006736;
    border-color: #ffffff;
    background-color: #ffffff;
}

    .btn-fill-white:hover,
    .btn-fill-white:focus,
    .btn-fill-white:active {
        color: #000000;
        border-color: #a5cc4d;
        background-color: #a5cc4d;
    }

.btn-fill-dark-grey {
    color: #a5cc4d;
    border-color: #303132;
    background-color: #303132;
}

    .btn-fill-dark-grey:hover,
    .btn-fill-dark-grey:focus,
    .btn-fill-dark-grey:active {
        color: #a5cc4d;
        border-color: #006736;
        background-color: #006736;
    }

.btn-line-light-green,
.btn-line-light-green-white {
    color: #a5cc4d;
    border: 1px solid #a5cc4d;
    -webkit-box-shadow: inset 0px 0px 0px 2px #a5cc4d;
    -moz-box-shadow: inset 0px 0px 0px 2px #a5cc4d;
    box-shadow: inset 0px 0px 0px 2px #a5cc4d;
}

    .btn-line-light-green:hover,
    .btn-line-light-green:focus,
    .btn-line-light-green:active {
        color: #006736;
        border-color: #006736;
        -webkit-box-shadow: inset 0px 0px 0px 1px #006736;
        -moz-box-shadow: inset 0px 0px 0px 1px #006736;
        box-shadow: inset 0px 0px 0px 1px #006736;
        transition: none;
    }

.btn-line-dark-green,
.btn-line-dark-green-darkGrey,
.plugin_forms_wrapper .gform_next_button,
.plugin_forms_wrapper .gform_previous_button {
    color: #006736;
    border: 1px solid #006736;
    -webkit-box-shadow: inset 0px 0px 0px 2px #006736;
    -moz-box-shadow: inset 0px 0px 0px 2px #006736;
    box-shadow: inset 0px 0px 0px 2px #006736;
}

    .btn-line-dark-green:hover,
    .btn-line-dark-green:focus,
    .btn-line-dark-green:active,
    .plugin_forms_wrapper .gform_next_button:hover,
    .plugin_forms_wrapper .gform_previous_button:hover {
        color: #a5cc4d;
        border-color: #a5cc4d;
        -webkit-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
        -moz-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
        box-shadow: inset 0px 0px 0px 1px #a5cc4d;
        transition: none;
    }

.btn-line-dark-grey,
.btn-line-dark-grey-darkGreen {
    color: #303132;
    border: 1px solid #303132;
    -webkit-box-shadow: inset 0px 0px 0px 2px #303132;
    -moz-box-shadow: inset 0px 0px 0px 2px #303132;
    box-shadow: inset 0px 0px 0px 2px #303132;
}

    .btn-line-dark-grey:hover,
    .btn-line-dark-grey:focus,
    .btn-line-dark-grey:active {
        color: #006736;
        border-color: #006736;
        -webkit-box-shadow: inset 0px 0px 0px 1px #006736;
        -moz-box-shadow: inset 0px 0px 0px 1px #006736;
        box-shadow: inset 0px 0px 0px 1px #006736;
        transition: none;
    }

.btn-line-white,
.btn-line-white-light-green {
    color: #ffffff;
    border: 1px solid #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
}

    .btn-line-white:hover,
    .btn-line-white:focus,
    .btn-line-white:active {
        color: #a5cc4d;
        border-color: #a5cc4d;
        -webkit-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
        -moz-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
        box-shadow: inset 0px 0px 0px 1px #a5cc4d;
        transition: none;
    }

.btn-line-light-green-white:hover,
.btn-line-light-green-white:focus,
.btn-line-light-green-white:active {
    color: #1e1e1e;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    border-color: #ffffff;
    transition: none;
}

.btn-line-white-light-green:hover,
.btn-line-white-light-green:focus,
.btn-line-white-light-green:active {
    color: #1e1e1e;
    background-color: #a5cc4d;
    -webkit-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    -moz-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    border-color: #a5cc4d;
    transition: none;
}

.btn-line-dark-grey-darkGreen:hover,
.btn-line-dark-grey-darkGreen:focus,
.btn-line-dark-grey-darkGreen:active {
    color: #a5cc4d;
    background-color: #006736;
    -webkit-box-shadow: inset 0px 0px 0px 1px #006736;
    -moz-box-shadow: inset 0px 0px 0px 1px #006736;
    box-shadow: inset 0px 0px 0px 1px #006736;
    border-color: #006736;
    transition: none;
}

.btn-line-dark-green-darkGrey:hover,
.btn-line-dark-green-darkGrey:focus,
.btn-line-dark-green-darkGrey:active {
    background-color: #303132;
    color: #a5cc4d;
    -webkit-box-shadow: inset 0px 0px 0px 1px #303132;
    -moz-box-shadow: inset 0px 0px 0px 1px #303132;
    box-shadow: inset 0px 0px 0px 1px #303132;
    border-color: #303132;
}

.btn-underline {
    border: 1px solid transparent;
    box-shadow: none;
    text-decoration: underline;
}

.btn-line-light-green.btn-underline:hover,
.btn-line-light-green.btn-underline:focus,
.btn-line-light-green.btn-underline:active {
    color: #006736;
    border: 1px solid #006736;
    -webkit-box-shadow: inset 0px 0px 0px 1px #006736;
    -moz-box-shadow: inset 0px 0px 0px 1px #006736;
    box-shadow: inset 0px 0px 0px 1px #006736;
    transition: none;
}

.btn-line-dark-green.btn-underline:hover,
.btn-line-dark-green.btn-underline:focus,
.btn-line-dark-green.btn-underline:active {
    color: #a5cc4d;
    border: 1px solid #a5cc4d;
    -webkit-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    -moz-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    transition: none;
}

.btn-line-dark-grey.btn-underline:hover,
.btn-line-dark-grey.btn-underline:focus,
.btn-line-dark-grey.btn-underline:active {
    color: #006736;
    border: 1px solid #006736;
    -webkit-box-shadow: inset 0px 0px 0px 1px #006736;
    -moz-box-shadow: inset 0px 0px 0px 1px #006736;
    box-shadow: inset 0px 0px 0px 1px #006736;
    transition: none;
}

.btn-line-dark-white.btn-underline:hover,
.btn-line-dark-white.btn-underline:focus,
.btn-line-dark-white.btn-underline:active {
    color: #a5cc4d;
    border: 1px solid #a5cc4d;
    -webkit-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    -moz-box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    box-shadow: inset 0px 0px 0px 1px #a5cc4d;
    transition: none;
}

*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.link {
    text-decoration: none;
}

    .link.underline {
        text-decoration: underline;
    }

.link-dark-green {
    color: #006736;
}

    .link-dark-green:hover,
    .link-dark-green:focus,
    .link-dark-green:active {
        color: #a5cc4d;
    }

.link-light-green {
    color: #a5cc4d;
}

    .link-light-green:hover,
    .link-light-green:focus,
    .link-light-green:active {
        color: #006736;
    }

.link-light-grey {
    color: #a6a9ab;
}

    .link-light-grey:hover,
    .link-light-grey:focus,
    .link-light-grey:active {
        color: #006736;
    }

.link-dark-grey {
    color: #303132;
}

    .link-dark-grey:hover,
    .link-dark-grey:focus,
    .link-dark-grey:active {
        color: #006736;
    }

.link-grey {
    color: #56595b;
}

    .link-grey:hover,
    .link-grey:focus,
    .link-grey:active {
        color: #006736;
    }

.link-white {
    color: #ffffff;
}

    .link-white:hover,
    .link-white:focus,
    .link-white:active {
        color: #a5cc4d;
    }

.btn-effect-slide {
    overflow: hidden !important;
    position: relative;
    z-index: 1;
}

    .btn-effect-slide:after {
        background: #fff;
        content: "";
        height: 155px;
        left: -75px;
        opacity: 0.2;
        position: absolute;
        top: -50px;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 50px;
        z-index: -10;
    }

    .btn-effect-slide:hover:after,
    .btn-effect-slide:focus:after,
    .btn-effect-slide:active:after {
        left: 120%;
        -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
    }

.btn-block-left-right {
    display: table;
    width: 100%;
}

.btn-block-right,
.btn-block-left {
    display: table-cell;
    vertical-align: middle;
}

.coverage-filter .btn-block-left-right {
    padding-right: 0;
    padding-left: 0;
}

.btn-block-right {
    text-align: right;
}

.btn-block-left {
    text-align: left;
}

.btn-block-wrapper {
    position: relative;
    overflow: hidden;
}

.btn-group {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.btn-block {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.btn-inline-block {
    display: inline-block;
    width: auto;
    margin-bottom: 12px;
}

.btn-mrg-r {
    margin-right: 12px;
}

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

.btn.pull-right {
    margin-left: 5px;
}

    .btn.pull-right:first-child {
        margin-right: 0px;
    }

.btn {
    font-size: 16px;
    font-family: "Swis721 Md BT", sans-serif;
    border: 1px solid transparent;
    padding: 10px 22px;
    margin-bottom: 5px;
}

.btn-l {
    font-size: 20px;
    padding: 10px 30px;
}

.btn-m {
    font-size: 18px;
    padding: 10px 30px;
}

.btn-s {
    font-size: 14px;
    padding: 5px 20px;
}

.btn-xs {
    font-size: 14px;
    padding: 4px 15px 4px 15px;
}

.btn-shade-green {
    color: #fff;
    background: #006736;
}

    .btn-shade-green:hover,
    .btn-shade-green:focus,
    .btn-shade-green:active {
        color: #fff;
        background-color: #98c24a;
    }

.btn-green-black {
    color: #fff;
    background: #006736;
}

    .btn-green-black:hover,
    .btn-green-black:focus,
    .btn-green-black:active {
        color: #000;
        background-color: #98c24a;
    }

        .btn-green-black:hover span,
        .btn-green-black:focus span,
        .btn-green-black:active span {
            color: #000;
        }

.btn-light-green {
    color: #fff;
    background: #98c24a;
}

    .btn-light-green:hover,
    .btn-light-green:focus,
    .btn-light-green:active {
        color: #fff;
        background-color: #006736;
    }

.btn-light-green-black {
    color: #1e1e1e;
    background-color: #98c24a;
}

    .btn-light-green-black:hover,
    .btn-light-green-black:focus,
    .btn-light-green-black:active {
        color: #fff;
        background-color: #006736;
    }

.btn-curve {
    border-radius: 23px;
}

.btn-underline {
    text-decoration: underline;
}

.btn-green-underline span {
    text-decoration: underline;
    color: #006736;
}

.btn-green-underline:hover span,
.btn-green-underline:focus span,
.btn-green-underline:active span {
    color: #98c24a;
}

.link-grey-dgreen {
    color: #666;
}

    .link-grey-dgreen:hover,
    .link-grey-dgreen:focus,
    .link-grey-dgreen:active {
        color: #006736;
    }

.txt-underline {
    text-decoration: underline;
}

.btn-green-txt {
    color: #98c24a;
}

.btn-dark-green-txt {
    color: #006736;
}

.btn-green-txt:hover,
.btn-green-txt:active,
.btn-green-txt:focus {
    color: #006736;
}

.btn-black-txt {
    color: #1e1e1e;
}

    .btn-black-txt:hover,
    .btn-black-txt:focus,
    .btn-black-txt:active {
        color: #006736;
    }

.btnHoverSlide {
    overflow: hidden !important;
    position: relative;
    z-index: 1;
}

    .btnHoverSlide:after {
        background: #fff;
        content: "";
        height: 155px;
        left: -75px;
        opacity: 0.2;
        position: absolute;
        top: -50px;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
        -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 50px;
        z-index: -10;
    }

    .btnHoverSlide:hover:after,
    .btnHoverSlide:focus:after,
    .btnHoverSlide:active:after {
        left: 120%;
        -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
    }

.btn-h-style-2 {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(166, 204, 77, 0);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(166, 204, 77, 0);
    box-shadow: inset 0px 0px 0px 2px rgba(166, 204, 77, 0);
}

    .btn-h-style-2:hover,
    .btn-h-style-2:focus,
    .btn-h-style-2:active {
        color: #a5cc4d;
        -webkit-box-shadow: inset 0px 0px 0px 1px rgba(166, 204, 77, 1);
        -moz-box-shadow: inset 0px 0px 0px 1px rgba(166, 204, 77, 1);
        box-shadow: inset 0px 0px 0px 1px rgba(166, 204, 77, 1);
        transition: none;
    }

.btn-bg-white {
    background-color: #fff;
}

.btnArrow span:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    color: #ffffff;
    font-size: 18px;
    padding-left: 10px;
    font-weight: 900;
}

.hvr-radial-out {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-radial-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #82b145;
        border-radius: inherit;
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -moz-transition-property: transform;
        -ms-transition-property: transform;
        -webkit-transition-duration: 0.5s;
        -o-transition-property: transform;
        transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-radial-out:hover,
    .hvr-radial-out:focus,
    .hvr-radial-out:active {
        color: white;
    }

        .hvr-radial-out:hover:before,
        .hvr-radial-out:focus:before,
        .hvr-radial-out:active:before {
            -webkit-transform: scale(2);
            transform: scale(2);
        }

.hover-gradiant1:hover,
hover-gradiant1:active,
hover-gradiant1:focus {
    background: rgb(165, 204, 77);
    background: -moz-linear-gradient(left, rgba(165, 204, 77, 1) 0%, rgba(0, 103, 54, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(165, 204, 77, 1) 0%, rgba(0, 103, 54, 1) 100%);
    background: linear-gradient(to right, rgba(165, 204, 77, 1) 0%, rgba(0, 103, 54, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc4d', endColorstr='#006736', GradientType=1);
}

.btn-border-green {
    color: #a5cc4d;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(166, 204, 77, 1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(166, 204, 77, 1);
    box-shadow: inset 0px 0px 0px 2px rgba(166, 204, 77, 1);
    text-decoration: none;
}

    .btn-border-green:hover,
    .btn-border-green:focus,
    .btn-border-green:active {
        color: #006736;
        -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 103, 54, 1);
        -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 103, 54, 1);
        box-shadow: inset 0px 0px 0px 2px rgba(0, 103, 54, 1);
    }

.btn-border-green2 {
    color: #006735;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 103, 53, 1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 103, 53, 1);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 103, 53, 1);
}

@media (max-width:1024px) {
    .fixed-close-btn .fancybox-close {
        top: 5px;
        right: 5px;
    }

    .fancybox-close {
        height: 30px;
        width: 30px;
        background-size: cover !important;
    }

    .custom-arrows .fancybox-prev span,
    .custom-arrows .fancybox-next span {
        width: 20px;
        height: 38px;
        background-size: cover;
    }

    .custom-arrows .fancybox-prev span {
        left: 5px;
    }

    .custom-arrows .fancybox-next span {
        background-position: -21px 0px;
        right: 5px;
    }
}

@media (max-width:768px) {
    .btn-s {
        padding: 5px 16px;
    }
}

.btn-shadow {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(1, 1, 1, 0.3);
    -moz-box-shadow: 0px 5px 15px 0px rgba(1, 1, 1, 0.3);
    box-shadow: 0px 5px 15px 0px rgba(1, 1, 1, 0.3);
}

.cs-list,
.in-detail-wrap > ul,
.in-detail-wrap > ol,
.in-detail-wrap-full > ol,
.main-details-wrapper .readmore-body > ul,
.item-details.point-details ul,
.main-content-inside ul,
.main-content-inside ol,
.readmore-body.item-details ol {
    padding-left: 20px;
}

    .cs-list li,
    .in-detail-wrap > ul li,
    .in-detail-wrap > ol li,
    .in-detail-wrap-full > ol li,
    .main-details-wrapper .item-details > ul li,
    .main-details-wrapper .item-details > ol li {
        position: relative;
        line-height: 1.1;
        padding-bottom: 8px;
    }

    .cs-list li,
    .in-detail-wrap > ul li,
    .main-details-wrapper .item-details > ul li {
        list-style: none;
    }

        .in-detail-wrap > ul li ul,
        .main-details-wrapper .item-details > ul li ul,
        .main-details-wrapper .item-details > ol li ul {
            margin-top: 8px;
            padding-left: 16px;
        }

        .cs-list li:before,
        .in-detail-wrap ul li:before,
        .main-details-wrapper .item-details ul li:before {
            content: "\f111";
            font-family: "Font Awesome 5 Free";
            position: absolute;
            left: -20px;
            font-size: 7px;
            color: #c0c0c0;
            top: 5px;
            font-weight: 900;
        }

    .cs-list.green-dots li:before,
    .in-detail-wrap ul.light-green-dots li:before,
    .in-detail-wrap-full ul.light-green-dots li:before,
    .main-details-wrapper .item-details ul.light-green-dots li:before {
        color: #a5cc4d;
    }

    .cs-list.dark-green-dots li:before,
    .in-detail-wrap ul.dark-green-dots li:before,
    .main-details-wrapper .item-details ul.dark-green-dots li:before {
        color: #006736;
    }

    .cs-list.light-black-dots li:before,
    .in-detail-wrap ul.light-black-dots li:before,
    .main-details-wrapper .item-details ul.light-black-dots li:before {
        color: #1e1e1e;
    }

.main-details-wrapper .errormsg {
    display: table;
}

.in-detail-wrap ul.year-list {
    list-style: none;
    padding-left: 0px;
}

    .in-detail-wrap ul.year-list li:before {
        content: " ";
        left: 0px;
    }

.in-detail-wrap ul.widget-fancybox-gallery {
    padding-left: 0px;
}

    .in-detail-wrap ul.widget-fancybox-gallery li:before {
        content: none;
    }

.in-detail-wrap img,
.in-detail-wrap-full img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.slick-slider ul li:before {
    content: normal !important;
}

.page-my-account .cs-list li {
    line-height: 1.3;
}

.in-detail-wrap-full ul.page-list {
    padding-left: 0px;
    list-style: none;
}

    .in-detail-wrap-full ul.page-list li.page_item {
        margin-bottom: 25px;
    }

        .in-detail-wrap-full ul.page-list li.page_item a {
            font-size: 18px;
        }

        .in-detail-wrap-full ul.page-list li.page_item ul.children {
            margin-top: 3px;
            margin-bottom: 15px;
            padding-left: 15px;
        }

            .in-detail-wrap-full ul.page-list li.page_item ul.children li.page_item {
                margin-bottom: 3px;
                list-style: none;
                margin-left: -15px;
            }

                .in-detail-wrap-full ul.page-list li.page_item ul.children li.page_item:before {
                    content: "\f105";
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    color: #c0c0c0;
                    top: 6px;
                    padding-right: 5px;
                    font-size: 14px;
                }

                .in-detail-wrap-full ul.page-list li.page_item ul.children li.page_item a {
                    font-size: 14px;
                }

                .in-detail-wrap-full ul.page-list li.page_item ul.children li.page_item ul.children li.page_item {
                    margin-bottom: 0px;
                    margin-left: 0px;
                }

                    .in-detail-wrap-full ul.page-list li.page_item ul.children li.page_item ul.children li.page_item:before {
                        font-size: 12px;
                    }

                    .in-detail-wrap-full ul.page-list li.page_item ul.children li.page_item ul.children li.page_item a {
                        font-size: 12px;
                    }

.txt-hv-1 {
    color: #a5cc4d;
}

    .txt-hv-1:hover,
    .txt-hv-1:focus {
        color: #303132;
    }

.txt-hv-2 {
    color: #006736;
}

    .txt-hv-2:hover,
    .txt-hv-2:focus {
        color: #ffffff;
    }

.txt-hv-3 {
    color: #ffffff;
}

    .txt-hv-3:hover,
    .txt-hv-3:focus {
        color: #006736;
    }

.txt-hv-4 {
    color: #1e1e1e;
}

    .txt-hv-4:hover,
    .txt-hv-4:focus {
        color: #a5cc4d;
    }

.form-wrap {
    padding: 25px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    text-align: left;
    position: relative;
}

    .form-wrap.form-wrap-shadow {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    }

    .form-wrap .preload span {
        position: absolute;
    }

    .form-wrap .form-group {
        margin-bottom: 25px;
    }

    .form-wrap .custom-dropdown {
        font-size: 16px;
        border: 1px solid #cdcdcd;
        color: #1e1e1e;
        border-radius: 4px;
        margin-bottom: 8px;
        box-sizing: content-box;
    }

        .form-wrap .custom-dropdown select {
            box-shadow: none !important;
            line-height: 1.45;
            height: 36px;
        }

.data-usage-tabs-wrap .nav-pills li {
    margin: 0;
}

    .data-usage-tabs-wrap .nav-pills li a {
        border: 1px solid #e4e5e7;
        color: #808181;
        padding: 5px 15px;
        font-size: 14px;
        color: #1e1e1e;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .data-usage-tabs-wrap .nav-pills li.active a {
        background-color: #e2e2e2;
        border: 1px solid #ddd;
    }

        .data-usage-tabs-wrap .nav-pills li.active a:focus {
            color: #1e1e1e;
        }

.data-usage-tabs-wrap .tab-content {
    padding-top: 15px;
}

.text-input,
.ginput_container input,
.ginput_container_textarea textarea,
.form-control,
textarea {
    font-size: 14px;
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #fff;
    margin-bottom: 8px;
    color: #1e1e1e;
    height: auto;
    min-height: 34px;
    border-radius: 4px;
    padding: 8px 12px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ginput_container input,
.ginput_container_textarea textarea {
    margin-bottom: 0;
}

.gform_confirmation_message {
    padding: 10px;
    margin-bottom: 3px;
    font-size: 20px;
    color: #006736;
}

.gform_wrapper.gf_browser_chrome .gfield_error select,
.gform_wrapper.gf_browser_chrome .gfield_error input[type="text"],
.gform_wrapper.gf_browser_chrome .gfield_error textarea {
    margin-bottom: 0 !important;
}

.ginput_container_textarea {
    line-height: 0;
}

    .ginput_container_textarea textarea {
        margin-bottom: 0 !important;
    }

.user-con-block {
    width: 340px;
}

.select2-container .select2-selection--multiple {
    color: #56595b;
    height: auto;
    min-height: 34px;
    border-radius: 4px;
    padding-top: 6px !important;
    padding-right: 30px !important;
    padding-bottom: 6px !important;
    padding-left: 12px !important;
    border: 0;
    margin: 0;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #cdcdcd;
    line-height: 1.2;
}

.select2_multiple:focus {
    background-color: #919395;
}

.gform_wrapper div.validation_message {
    display: block;
}

.toggle-psw-eye {
    position: relative;
}

    .toggle-psw-eye i.fa {
        position: absolute;
        right: 9px;
        top: 41px;
    }

    .toggle-psw-eye.col-sm-6 i.fa {
        right: 20px;
    }

@media (max-width:1199px) {
    .user-con-block {
        width: auto;
        max-width: 275px;
        margin-left: auto;
        margin-right: auto;
    }
}

.user-con-block .user-input input {
    padding: 0px 12px !important;
    width: 100%;
    min-height: 30px;
}

.form-wrap .form-group.user-input {
    margin-bottom: 0px;
}

.ginput_container_textarea textarea {
    width: 100%;
}

::placeholder {
    color: #a8a8a8 !important;
    opacity: 1;
    font-weight: 500;
}

:-ms-input-placeholder {
    color: #a8a8a8 !important;
}

::-ms-input-placeholder {
    color: #a8a8a8 !important;
}

.text-input:focus,
.ginput_container input:focus,
.ginput_container select:focus,
.ginput_container textarea:focus,
.search-404 input:focus,
.form-control:focus,
textarea:focus,
select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #a5cc4d;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

.lg-input,
.form-control.lg-input {
    padding: 9px 15px;
    font-size: 16px;
}

.small-input,
.small-input input,
.small-input select,
.form-control.small-input {
    min-height: 25px;
    font-size: 14px;
    padding: 5px 10px !important;
}

.form-group label,
.gfield_label {
    font-family: "Swis721 BT", sans-serif;
    font-weight: 400;
}

.ginput_container ul.gfield_radio li input {
    min-height: 10px;
    margin: 0 0 0px;
}

.custom-dropdown,
.ginput_container_select {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 3px;
}

.ginput_container_select {
    display: block;
}

.validation_message {
    margin-top: 4px;
}

.custom-dropdown select,
.ginput_container_select select {
    background-color: #919395;
    color: #ffffff;
    height: 40px;
    min-height: 34px;
    border-radius: 4px;
    padding-top: 8px !important;
    padding-right: 30px !important;
    padding-bottom: 8px !important;
    padding-left: 12px !important;
    border: 0;
    margin: 0;
    border-radius: 4px;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance: button;
    font-size: 14px;
}

.ginput_container_select select {
    border: 1px solid #cdcdcd;
}

.ginput_container_select select {
    background-color: #fff;
}

.custom-dropdown:before,
.custom-dropdown::after,
.clear-style-dropdown:before,
.clear-style-dropdown:after,
.ginput_container_select:before,
.ginput_container_select:after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.custom-dropdown::after,
.ginput_container_select:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    font-size: 16px;
    line-height: 1;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    color: inherit;
    font-weight: 900;
}

.ginput_container_select:after {
    right: 5px;
}

.custom-dropdown::before,
.ginput_container_select:before {
    background-color: #919395;
    width: 30px;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
}

.ginput_container_select:before {
    background-color: #fff;
    width: 20px;
    height: 36px;
    top: 1px;
    right: 1px;
}

.contact-content-wrap .ginput_container_select:before {
    height: 40px;
}

.contact-content-wrap .ginput_container_select::after {
    right: 5px;
    z-index: 2;
    right: 8px;
}

.plugin_forms_wrapper .ginput_container_select:before {
    height: 36px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contact-content-wrap .ginput_container_select:before {
        height: 39px;
    }

    .plugin_forms_wrapper .ginput_container_select:before {
        height: 34px;
    }
}

.ginput_container_select select {
    color: #56595b;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
    width: 100% !important;
    height: 42px;
}

.gform_body ul {
    list-style: none;
}

.gform_wrapper ul li {
    margin-bottom: 10px;
}

.clear-style-dropdown {
    position: relative;
    background-color: inherit;
    display: inline-block;
    vertical-align: middle;
}

    .clear-style-dropdown select {
        background-color: transparent;
        border: 0;
        text-overflow: "";
        padding-right: 2px;
        padding: 3px;
        background-color: white;
    }

    .clear-style-dropdown:before {
        background-color: #f2f2f2;
        width: 22px;
        top: -1px;
        bottom: -1px;
        border-radius: 0 3px 3px 0;
        right: 0px;
        margin-right: -2px;
    }

    .clear-style-dropdown::after {
        font-family: "Font Awesome 5 Free";
        content: "\f0d7";
        font-size: 16px;
        line-height: 1;
        right: 5px;
        top: 50%;
        margin-top: -9px;
        color: inherit;
        font-weight: 900;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 15px 10px;
    margin: 2px 0 0;
    margin-top: 2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-top: 1px solid #e0e1e2;
    border-radius: 0;
    -webkit-box-shadow: 0px 10px 20px -8px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 10px 20px -8px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 20px -8px rgba(0, 0, 0, 0.35);
    border-bottom: solid 4px #a5cc4d;
    padding-top: 2px;
}

.netflix-pkg-frm .custom-dropdown {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}

h2.genSubHead {
    font-size: 22px;
}

h3.genSubHead {
    font-size: 18px;
}

.netflix-inside-wrap {
    padding: 0px 25px 20px 25px;
}

.netflix-bx-inside {
    text-align: center;
}

.netflix-sml-txt {
    font-size: 15px;
}

.frm-netflix {
    margin-top: 25px;
}

.replaced-select-field {
    margin-bottom: 0;
    border: 0;
    outline: none !important;
    height: 38px;
    border-radius: 4px;
}

.col-area-code,
.col-number {
    float: left;
    box-sizing: border-box;
}

.col-area-code {
    width: 145px;
    padding-right: 10px;
}

.col-number {
    width: calc(100% - 145px);
}

.col-area-code .dropdown-menu > li > a {
    padding: 3px 5px;
}

.col-area-code .dropdown-menu {
    min-width: 133px;
    max-height: 245px;
    overflow: auto;
    width: 133px;
}

.col-area-code .errormsg {
    top: 0;
}

@media (min-width:1200px) and (max-width:1400px) {
    h2.genSubHead {
        font-size: 20px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    h2.genSubHead {
        font-size: 18px;
    }
}

@media screen and (max-width:480px) {
    .netflix-inside-wrap {
        padding: 0px 0px 20px 0px;
    }
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .custom-dropdown select,
    .ginput_container_select select {
        padding-top: 8px !important;
        padding-right: 12px !important;
        padding-bottom: 8px !important;
        padding-left: 12px !important;
    }

    .ginput_container_select:before,
    .ginput_container_select:after {
        content: normal;
    }
}

.ie-gt-8 .custom-dropdown::after {
    content: normal;
}

.custom-dropdown select[disabled] {
    color: rgba(0, 0, 0, 0.3);
}

    .custom-dropdown select[disabled]::after {
        color: rgba(0, 0, 0, 0.1);
    }

.custom-checkbox label,
.custom-radio label {
    margin-bottom: 0;
    line-height: 1;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.checkbx-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
    margin-left: 25px;
}

.custom-checkbox input[type="checkbox"] + span {
    background-color: #fefefe;
    border: 1px solid #5c5c5c;
    border-radius: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    padding: 7px;
    position: absolute;
    width: 16px;
    height: 16px;
}

.custom-checkbox input[type="checkbox"]:checked + span {
    background-color: #56595b;
    border-color: #56595b;
    color: #fff;
}

    .custom-checkbox input[type="checkbox"]:checked + span:after {
        color: #fff;
        content: "\f00c";
        font-size: 16px;
        left: 0px;
        position: absolute;
        top: 0px;
        line-height: 1;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -webkit-text-stroke: 0px;
    }

.custom-checkbox label:hover input[type="checkbox"] + span {
    border-color: #1e1e1e;
}

.custom-checkbox label:hover input[type="checkbox"]:checked + span {
    border-color: #1e1e1e;
}

.custom-radio {
    display: inline-block;
    vertical-align: middle;
}

    .custom-radio input[type="radio"] {
        display: none;
    }

        .custom-radio input[type="radio"] + span {
            background-color: #fefefe;
            border: 1px solid;
            border-radius: 50px;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            margin-right: 7px;
            padding: 7px;
            position: absolute;
            -webkit-appearance: none;
        }

        .custom-radio input[type="radio"]:checked + span {
            color: #1e1e1e;
        }

            .custom-radio input[type="radio"]:checked + span:after {
                background: #1e1e1e;
                border-radius: 50px;
                box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.75), inset -1px -1px 1px rgba(0, 0, 0, 0.75);
                content: " ";
                height: 10px;
                left: 2px;
                position: absolute;
                top: 2px;
                width: 10px;
            }

    .custom-radio label:hover input[type="radio"] + span {
        border-color: #900 #d8000e #d8000e #900;
    }

    .custom-radio .radio-text,
    .custom-checkbox .checkbox-text {
        display: block;
        vertical-align: middle;
        line-height: 1;
        font-weight: 500;
        font-size: 16px;
        margin-left: 25px;
    }

.form-wrap .custom-radio .radio-text,
.form-wrap .custom-checkbox .checkbox-text {
    color: #666666;
}

.form-wrap .custom-radio input[type="radio"] + span {
    border: 1px solid #666;
}

.form-wrap .custom-checkbox input[type="checkbox"]:checked + span:after {
    font-size: 13px;
    left: 1px;
    top: 1px;
}

.form-wrap .custom-checkbox input[type="checkbox"] + span {
    margin-right: 7px;
}

.form-wrap .custom-radio,
.form-wrap .custom-checkbox {
    padding-right: 12px;
    margin-bottom: 5px;
    display: inline-block;
}

.tick-radio .custom-radio input[type="radio"] + span {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.tick-radio .custom-radio input[type="radio"]:checked + span:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    background: none;
    box-shadow: none;
    top: 0;
    font-weight: 900;
}

.dropdown-menu.dropdown-inputs {
    position: absolute;
    top: 100%;
    z-index: 9;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 2px 0 0;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}

.dropdown-backdrop {
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.25);
}

.dropdown-menu.dropdown-inputs li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

    .dropdown-menu.dropdown-inputs li:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .dropdown-menu.dropdown-inputs li label {
        display: block;
        width: 100%;
        padding: 4px 10px;
        margin-bottom: 0;
        line-height: 1.8;
    }

        .dropdown-menu.dropdown-inputs li label:hover,
        .dropdown-menu.dropdown-inputs li label:focus,
        .dropdown-menu.dropdown-inputs li label:active {
            background-color: rgba(102, 102, 102, 0.1);
        }

.date-picker .input-group {
    margin-bottom: 8px;
}

@media (max-width:767px) {
    .form-wrap {
        padding: 15px;
    }
}

@media (max-width:480px) {
    .custom-radio .radio-text,
    .custom-checkbox .checkbox-text {
        max-width: 200px;
    }

    .data-usage-tabs-wrap .nav-pills li a {
        padding: 3px 10px;
        font-size: 12px;
    }

    .col-area-code,
    .col-number {
        width: 100%;
        padding-right: 0px;
    }

        .col-area-code .dropdown-menu {
            min-width: auto;
            width: 100%;
        }
}

.gform_button.button {
    font-size: 16px;
    font-family: "Swis721 Md BT", sans-serif;
    padding: 10px 22px;
    border: 0;
    margin-bottom: 5px;
    color: #fff;
    background: #006736;
    border-radius: 23px;
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
    padding: 10px 22px !important;
}

.gform_wrapper .top_label .gfield_label {
    font-family: "Swis721 BT", sans-serif;
    font-weight: 400;
    margin-bottom: 5px;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0px !important;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
}

.gfield {
    padding-bottom: 10px;
}

.gform_button.button:hover,
.gform_button.button:focus,
.gform_button.button:active {
    color: #fff;
    background-color: #98c24a;
}

.gform_wrapper .field_description_below .gfield_description {
}

.gform_wrapper .validation_message {
    color: #fc0000 !important;
    font-size: 12px;
    position: relative;
    top: 0px;
    padding: 10px 12px !important;
    background-color: #ffe3e3;
    display: block;
    line-height: 1.2 !important;
    border-radius: 3px;
    border: solid 1px #fc0000;
    word-wrap: break-word;
    font-weight: 400 !important;
}

.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper li.gfield_error textarea {
    border: 1px solid #cdcdcd !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0px !important;
}

.gform_wrapper div.validation_error {
    color: #ff2323 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
    border-top: 1px solid #ff9090 !important;
    border-bottom: 1px solid #ff9090 !important;
}

.gform_wrapper .gfield_error .gfield_label {
    color: inherit !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: 0 !important;
    background-color: inherit !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
}

.gform_wrapper .gfield_description {
    display: inline;
    vertical-align: top;
    line-height: 1.3;
}

.gform_wrapper ul.gfield_radio li input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    box-shadow: none;
    position: relative;
    top: 0px;
}

.gform_wrapper.gf_browser_chrome .gfield_radio li input[type="radio"] {
    margin-top: 2px !important;
}

.plugin_forms_wrapper .gfield {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.plugin_forms_wrapper .validation_message {
    color: #fc0000;
    font-size: 12px !important;
    position: relative;
    background-color: #ffe3e3;
    display: block;
    line-height: 1 !important;
    border-radius: 3px;
}

.plugin_forms_wrapper .gform_wrapper .field_description_below .gfield_description {
    padding-top: 6px;
}

.plugin_forms_wrapper input,
.plugin_forms_wrapper textarea,
.plugin_forms_wrapper select {
    font-size: 14px;
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #fff;
    margin-bottom: 5px;
    color: #1e1e1e;
    height: auto;
    min-height: 34px;
    border-radius: 4px;
    padding: 5px 12px !important;
}

.plugin_forms_wrapper textarea {
    margin-bottom: 0 !important;
}

.plugin_forms_wrapper .gfield_checkbox input[type="checkbox"],
.plugin_forms_wrapper .gfield_radio input[type="radio"] {
    min-height: 10px !important;
    margin-top: 0 !important;
}

.plugin_forms_wrapper .ginput_container_select:after {
    right: 9px;
}

.plugin_forms_wrapper .ginput_container_select:after {
    top: 42%;
    z-index: 2;
}

.plugin_forms_wrapper .gform_next_button,
.plugin_forms_wrapper .gform_previous_button,
.plugin_forms_wrapper .gform_button.button {
    min-width: 100px;
}

.page-gform-wrap {
    padding: 10px;
    background-color: #EBEBE9;
    border-radius: 5px;
}

.validation_error {
    display: none;
}

.gform_wrapper .gform_footer {
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width:641px) {
    .page-gform-wrap {
        padding: 5px 0px 1px 15px;
    }
}

.cart-item-msg {
    font-size: 12px;
    background-color: #fff100;
    padding: 3px 8px;
    border-radius: 3px;
    color: #000;
    border: 1px solid #ccc;
}

.errormsg {
    color: #fc0000;
    font-size: 12px;
    position: relative;
    top: -4px;
    padding: 10px 12px;
    background-color: #ffe3e3;
    display: block;
    line-height: 1.2;
    border-radius: 3px;
    border: solid 1px #fc0000;
    word-wrap: break-word;
}

#form_msg,
#form_msgwireless {
    margin-bottom: 10px;
}

.rating_error,
.wishlist_error {
    color: #fc0000;
    font-size: 12px;
    position: relative;
    background-color: #ffe3e3;
    display: inline-block;
    padding: 0px 8px;
    border-radius: 3px;
    word-wrap: break-word;
}

.successmsg {
    font-size: 14px;
    position: relative;
    top: -4px;
    padding: 10px 12px;
    display: block;
    border-radius: 3px;
    line-height: 1.2;
    color: #2d782e;
    background-color: #b9eaa6;
    border: solid 1px #669900;
    word-wrap: break-word;
}

.service_response {
    font-size: 12px;
    position: relative;
    padding: 0px 15px;
    display: inline-block;
    border-radius: 3px;
    line-height: 1.5;
    color: #2d782e;
    word-wrap: break-word;
    white-space: nowrap;
    margin-top: 5px;
}

    .service_response:before {
        content: "\f00c";
        position: absolute;
        left: 0;
        font-size: inherit;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
    }

    .service_response.error {
        color: #f30;
    }

        .service_response.error:before {
            content: "\f071";
            position: absolute;
            left: 0;
            top: -2px;
            font-size: inherit;
            font-weight: 900;
            font-family: "Font Awesome 5 Free";
        }

.cart-error-special {
    padding: 30px 0px;
    text-align: center;
}

    .cart-error-special .errormsg {
        font-size: 16px;
        max-width: 450px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

.warningmsg {
    color: #ff6600;
    font-size: 12px;
    position: relative;
    top: -8px;
    padding: 10px 12px;
    background-color: #fde9bb;
    border: solid 1px #ff9933;
    display: block;
    line-height: 1;
    border-radius: 3px;
}

.warning-icon {
    color: #ff6600;
}

.add-wishlist-btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.4s;
    margin-right: 5px;
}

    .add-wishlist-btn:hover,
    .add-wishlist-btn:focus,
    .add-wishlist-btn.active_wishlist {
        background-color: #a5cc4d;
        color: #fff;
    }

.datepick-icon::after {
    content: "\f073";
    font-size: inherit;
    color: inherit;
    right: 6px;
    top: 28%;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
}

.plugin-tble .dataTables_length label,
.plugin-tble .dataTables_filter label {
    font-weight: 400;
    margin-bottom: 20px;
}

.plugin-tble table {
    width: 100%;
}

.plugin-tble .dataTables_length select {
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #fff;
    margin-bottom: 0px;
    color: #1e1e1e;
    height: auto;
    min-height: 25px;
    border-radius: 4px;
    padding: 7px 10px !important;
}

.plugin-tble .dataTables_filter input {
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #fff;
    margin-bottom: 0px;
    color: #1e1e1e;
    height: auto;
    min-height: 25px;
    border-radius: 4px;
    padding: 5px 8px !important;
}

.plugin-tble table thead th {
    background-color: #cee0ac;
    color: #000;
    border-right: 1px solid #b2b2b2;
    font-weight: 400 !important;
    line-height: 1.2;
    font-size: 14px;
}

.plugin-tble table.dataTable thead th,
.plugin-tble table.dataTable thead td {
    border-bottom: 1px solid #b2b2b2;
}

.plugin-tble table thead th:first-child {
    border-left: 1px solid transparent;
}

.plugin-tble table thead th:last-child {
    border-right: 1px solid transparent;
}

.plugin-tble table thead th {
    padding-left: 5px !important;
}

.plugin-tble table img {
    max-width: 100px;
}

.plugin-tble table td {
    padding: 10px 5px !important;
    line-height: 1.2;
    font-size: 14px;
    border-bottom: 1px solid rgba(86, 89, 91, 0.23);
    border-right: 1px solid rgba(86, 89, 91, 0.23);
}

.plugin-tble table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}

.plugin-tble table {
    border: 1px solid rgba(86, 89, 91, 0.23);
    border-right: 0px solid rgba(86, 89, 91, 0.23);
}

.plugin-tble .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.plugin-tble .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.plugin-tble .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    box-shadow: none;
    border: 1px solid #ccc;
    padding: 5px 8px;
    line-height: 1.2;
    font-size: 15px;
    opacity: 0.8;
    cursor: no-drop;
}

.plugin-tble .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.plugin-tble .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    padding: 5px 8px;
    line-height: 1.2;
    font-size: 15px;
}

.plugin-tble .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px 8px;
    line-height: 1.2;
    font-size: 15px;
    min-width: auto !important;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid #ccc;
    border-radius: 2px;
}

    .plugin-tble .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: white !important;
        border: 1px solid #ccc !important;
        background: #ccc !important;
    }

.plugin-tble #table_order_history img {
    display: block;
    margin-bottom: 8px;
    max-width: 85px;
}

.plugin-tble table.dataTable thead .sorting {
    background-image: url(../../../uploads/images/sort_both-green.png) !important;
}

.plugin-tble table.dataTable thead .sorting_asc {
    background-image: url(../../../uploads/images/sort_asc-green.png) !important;
}

.plugin-tble table.dataTable thead .sorting_desc {
    background-image: url(../../../uploads/images/sort_desc-green.png) !important;
}

.max-width-250 {
    max-width: 250px;
}

.form-wrap span.required {
    color: #f30;
    margin-left: 3px;
}

.survey-popup-form .custom-checkbox,
.survey-popup-form .custom-radio {
    display: block;
    margin-bottom: 10px;
}

    .survey-popup-form .custom-checkbox .radio-text,
    .survey-popup-form .custom-radio .radio-text {
        font-size: 15px;
    }

.survey-popup-form .form-group .toggle-inputs .form-group {
    margin-bottom: 5px;
}

.survey-popup-form .form-group .toggle-inputs {
    padding-left: 25px;
}

.survey-popup-form .form-group .qtn-title {
    color: #1e1e1e;
    font-weight: 700;
}

.survey-popup .survey-popup-header {
    background-position: center center !important;
    color: #fff;
}

.survey-popup-header,
.top-close-popup-header .popup-header-wrap {
    text-align: left;
    font-size: 20px;
    position: relative;
}

    .survey-popup-header .survey-close,
    .top-close-popup-header .header-popup-close {
        position: absolute;
        right: 0;
    }

.top-close-popup-header .header-popup-close {
    top: 50%;
}

.survey-popup-close .cd-close-nav,
.top-close-popup-header .cd-close-nav,
.top-close-popup-header .cross-close {
    top: 50%;
}

.survey-popup .header-fix,
.top-close-popup-header .header-fix {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
}

.jq-ry-container {
    z-index: 1;
}

.top-close-popup-header .popup-header-inside {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 1.2;
    text-align: left;
    padding: 15px 50px 15px 25px;
    background: url(../../../uploads/images/popup-header-bg.jpg) no-repeat;
    background-position: center;
    color: #fff;
}

.vas-popup-content {
    margin-top: 50px;
    padding: 0px 10px;
}

.popupbody-wrap {
    margin-top: 50px;
    padding: 25px;
}

.no-shadow {
    box-shadow: none !important;
}

.survey-popup .form-wrap-shadow {
    box-shadow: none;
}

.form-wrap.form-wrap-shadow.survey-popup-form {
    margin-top: 70px;
    padding: 15px 35px;
}

.survey-success-msg {
    text-align: center;
    font-size: 30px;
    color: #006736;
    margin-top: 50px;
}

.survey-popup-header {
    position: relative;
    display: table;
    width: 100%;
}

    .survey-popup-header:before {
        content: "\200B";
        display: inline-block;
        height: 100%;
        min-height: 70px;
        vertical-align: middle;
    }

.survey-header-inside {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 1.2;
    text-align: left;
    padding: 15px 50px 15px 35px;
}

.survey-popup-form.form-wrap .custom-checkbox input[type="checkbox"] + span {
    position: absolute;
}

.survey-popup-form.form-wrap .custom-radio input[type="radio"] + span {
    position: absolute;
}

.survey-popup-form.form-wrap .custom-checkbox .checkbx-text,
.survey-popup-form.form-wrap .custom-radio .radio-text {
    margin-left: 22px;
}

.survey-popup-form form div > .form-group {
    margin-bottom: 35px;
}

.order-process-popup {
    padding: 25px;
    text-align: center;
}

@media (max-width:480px) {
    .form-wrap.form-wrap-shadow.survey-popup-form {
        margin-top: 70px;
        padding: 15px 20px;
    }

    .survey-header-inside {
        padding: 15px 50px 15px 20px;
    }

    .top-close-popup-header .popup-header-inside {
        padding: 15px 50px 15px 25px;
    }

    .vas-popup-content {
        margin-top: 60px;
        padding: 0px 10px;
    }
}

@media screen and (max-width:767px) {
    .plugin-tble .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: left !important;
    }
}

@media screen and (max-width:640px) {
    .plugin-tble .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: left !important;
    }
}

@media screen and (max-width:640px) {
    .plugin-tble .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: left !important;
    }
}

.ini-hidden {
    visibility: hidden;
}

.cd-nav-container {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    width: 90%;
    height: 100%;
    overflow-y: auto;
    background-color: #ffffff;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
    -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
    transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}

    .cd-nav-container.is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
        -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
        -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
        transition: transform 0.4s 0s, box-shadow 0s 0s;
    }

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close::before {
    content: "";
}

.cd-close-nav,
.cross-close,
.mobile-search-close {
    position: absolute;
    height: 44px;
    width: 44px;
    right: 35px;
    top: 50px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    z-index: 999;
}

    .cd-close-nav::after,
    .cd-close-nav::before,
    .slick-lightbox-close:after,
    .slick-lightbox-close:before,
    .cross-close:after,
    .cross-close:before,
    .mobile-search-close:after,
    .mobile-search-close:before {
        content: "";
        position: absolute;
        height: 3px;
        width: 30px;
        left: 50%;
        top: 50%;
        background-color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .cd-close-nav:after,
    .slick-lightbox-close:after,
    .cross-close:after,
    .mobile-search-close:after {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }

    .cd-close-nav::before,
    .slick-lightbox-close:before,
    .cross-close:before,
    .mobile-search-close:before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }

.no-touch .cd-close-nav:hover {
    opacity: 0.8;
}

.cs-slide-panel {
    width: auto;
    max-width: none;
    -webkit-overflow-scrolling: touch;
}

    .cs-slide-panel .cd-close-nav {
        left: 0;
        background-color: #a6a9ab;
        padding: 10px;
        z-index: 999;
    }

.shop-offer-popup .cd-close-nav {
    background-color: #a6a9ab;
    top: 50px;
    right: auto;
    left: 0px;
}

@media (min-width:1600px) {
    .cd-nav-container {
        max-width: 1300px;
        width: 100%;
    }

    .cs-slide-panel {
        width: 100%;
        max-width: none;
        max-width: 1300px;
    }
}

@media (max-width:1199px) {
    .cd-nav-container {
        max-width: 915px;
    }

    .cs-slide-panel {
        width: auto;
        max-width: none;
    }

    .mobile-search-close {
        top: 130px;
        right: 0;
    }
}

@media (max-width:992px) {
    .cd-nav-container {
        width: 70%;
        max-width: 570px;
    }

    .cd-close-nav {
        height: 44px;
        width: 44px;
        right: 5px;
        top: 25px;
    }

    .cs-slide-panel .cd-close-nav {
        top: 47px;
        height: 35px;
        width: 35px;
    }

    .cs-slide-panel {
        width: auto;
        max-width: none;
    }

    .shop-offer-popup .cd-close-nav {
        top: 32px;
        right: 7px;
    }

    .mobile-search-close {
        top: 25px;
        right: 0;
    }
}

@media (max-width:768px) {
    .cd-nav-container {
        width: 95%;
        max-width: 550px;
    }

    .cs-slide-panel {
        width: auto;
        max-width: none;
        text-align: left;
    }

        .cs-slide-panel .cd-close-nav {
            top: 40px;
        }
}

@media (max-width:560px) {
    .cd-nav-container {
        width: 95%;
    }

    .cs-slide-panel {
        width: auto;
        max-width: none;
    }
}

@media (max-width:480px) {
    .cd-nav-container {
        width: 100%;
        max-width: 295px;
    }

    .cd-close-nav {
        height: 30px;
        width: 30px;
        right: 20px;
    }

    .top-close-popup-header .cross-close {
        height: 30px;
        width: 30px;
        right: 20px;
    }

    .cs-slide-panel {
        width: auto;
        max-width: none;
    }

    .shop-offer-popup .cd-close-nav {
        top: 23px;
        right: 7px;
    }
}

@-webkit-keyframes cd-shock {
    0% {
        -webkit-transform: rotate(0);
    }

    30% {
        -webkit-transform: rotate(10deg);
    }

    60% {
        -webkit-transform: rotate(-10deg);
    }

    100% {
        -webkit-transform: rotate(0);
    }
}

@-moz-keyframes cd-shock {
    0% {
        -moz-transform: rotate(0);
    }

    30% {
        -moz-transform: rotate(10deg);
    }

    60% {
        -moz-transform: rotate(-10deg);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes cd-shock {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    30% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    60% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

.cd-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.35);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
    transition: opacity 0.4s 0s, visibility 0s 0.4s;
    z-index: 99;
}

    .cd-overlay.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
        transition: opacity 0.4s 0s, visibility 0s 0s;
    }

.navbar-default {
    color: #fff;
    background-color: #ccc6c6;
    border-color: #aca1a2;
}

    .navbar-default .navbar-nav > li > a {
        color: #56595b;
        font-size: 14px;
        padding: 13px 16px;
    }

    .navbar-default .navbar-nav > .dropdown > a .caret {
    }

    .navbar-default .navbar-brand {
        color: #fff;
    }

.menu-large {
    position: static !important;
}

.megamenu {
    padding: 0px;
    width: 100%;
    margin: 0;
    line-height: 0;
}

.dropdown-menu .megamenu:nth-child(1) {
    padding-top: 5px;
}

.megamenu > li > ul {
    padding: 0;
    margin: 0;
}

    .megamenu > li > ul > li {
        list-style: none;
    }

        .megamenu > li > ul > li > a {
            font-family: "Swis721 BT", sans-serif;
            display: block;
            padding: 4px 5px;
            clear: both;
            font-weight: normal;
            line-height: 1.15;
            color: #56595b;
            white-space: normal;
            font-size: 13px;
            margin-bottom: 1px;
        }

    .megamenu > li > ul > .dropdown-header > a {
        font-family: "Swis721 Md BT";
        font-size: 16px;
        line-height: 1.2;
        color: #006736;
    }

.megamenu > li ul > li > a:hover,
.megamenu > li ul > li > a:focus {
    text-decoration: none;
    color: #a5cc4d;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}

    .megamenu.disabled > a:hover,
    .megamenu.disabled > a:focus {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: not-allowed;
    }

.megamenu .dropdown-header {
    color: #428bca;
    font-size: 18px;
    padding: 0px 0px;
    border-bottom: 1px solid #e0e1e2;
    margin-bottom: 8px;
    margin-top: 7px;
}

.mega-menu {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    min-height: 46px;
    float: left;
    width: 70%;
}

    .mega-menu .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }

    .mega-menu .navbar-nav > li > .dropdown-menu {
        width: 100%;
        overflow: auto;
        max-height: 80vh;
    }

        .mega-menu .navbar-nav > li > .dropdown-menu .col-sm-15 {
            width: 25%;
            display: table-cell;
            table-layout: fixed;
            float: none;
        }

            .mega-menu .navbar-nav > li > .dropdown-menu .col-sm-15 ul li:first-child:not(.dropdown-header) {
                margin-top: 9px;
            }

    .mega-menu [class^="col-"],
    .mega-menu [class*=" col-"] {
    }

.nav-vr-border {
    position: relative;
    overflow: hidden;
}

    .nav-vr-border:after {
        content: "";
        position: absolute;
        height: 100%;
        border-right: 1px solid #e0e1e2;
        top: 0;
        right: 4px;
    }

.nav-img-links {
    position: relative;
}

    .nav-img-links li {
        display: inline-block;
    }

.mega-menu.navbar-default .navbar-nav > .open > a,
.mega-menu.navbar-default .navbar-nav > .open > a:hover,
.mega-menu.navbar-default .navbar-nav > .open > a:focus,
.mega-menu.navbar-default .navbar-nav > .dropdown > a:hover,
.mega-menu.navbar-default .navbar-nav > .dropdown > a:focus {
    color: #a5cc4d;
    background-color: #fff;
    box-shadow: inset 0 -2px 0 #a5cc4d;
}

.mega-menu .offer-nav-img {
    display: block;
    max-width: 100%;
    width: 150px;
    height: auto;
    margin-bottom: 5px;
}

@media (max-width:1342px) {
    .navbar-default .navbar-nav > li > a {
        padding: 13px 10px;
    }
}

@media (max-width:1199px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
        padding: 13px 5px;
    }

    .megamenu {
        padding: 5px 0px;
    }

        .megamenu > li > ul > li > a {
            font-size: 14px;
        }

        .megamenu > li ul .dropdown-header a {
            font-size: 16px;
        }
}

@media (max-width:768px) {
    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }

        .megamenu > li {
            margin-bottom: 30px;
        }

            .megamenu > li:last-child {
                margin-bottom: 0;
            }

        .megamenu.dropdown-header {
            padding: 3px 15px !important;
        }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }
}

.preload {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
}

    .preload span {
        position: fixed;
        width: 41px;
        height: 40px;
        background: url(../images/PTCL-preload.svg) no-repeat;
        background-size: cover;
        top: 50%;
        left: 50%;
        margin-left: -20px;
        -webkit-animation-name: spinner;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 2s;
        animation-name: spinner;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 2s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.width100 {
    width: 100%;
}

.height100 {
    height: 100%;
}

.mwidth120 {
    min-width: 120px;
}

.mwidth150 {
    min-width: 150px;
}

.mxwidth120 {
    max-width: 120px;
}

.mxwidth150 {
    max-width: 150px;
}

.d-table {
    display: table;
}

.d-cell {
    display: table-cell;
}

.valign-top {
    vertical-align: top;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: bottom;
}

.no-float {
    float: none;
}

.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.pt0 {
    padding-top: 0;
}

.pr0 {
    padding-right: 0px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pb0 {
    padding-bottom: 0;
}

.breadcrumb {
    background-color: #d8d8d8;
    padding: 0px;
    margin-bottom: 0;
    border-radius: 0;
}

.panel-breadcrumb {
    padding: 10px 0px;
}

    .breadcrumb ul,
    .panel-breadcrumb ul {
        text-align: left;
        margin-bottom: 0;
    }

        .breadcrumb ul li,
        .panel-breadcrumb ul li {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            line-height: 1.2;
        }

            .breadcrumb ul li a,
            .panel-breadcrumb ul li a {
                display: block;
                position: relative;
                padding-right: 15px;
                font-size: 11px;
                color: #56595b;
                font-weight: 400;
            }

            .breadcrumb ul li:after,
            .panel-breadcrumb ul li:after {
                content: "\f105";
                position: absolute;
                right: 4px;
                font-family: "Font Awesome 5 Free";
                top: -1px;
                color: #999;
                font-weight: 700;
                font-size: 12px;
                line-height: 1.3;
            }

            .breadcrumb ul li:last-child:after,
            .panel-breadcrumb ul li:last-child:after {
                content: normal;
            }

            .panel-breadcrumb ul li a,
            .panel-breadcrumb ul li:after {
                color: #959595;
            }

.cd-nav-container .breadcrumb {
    display: none !important;
}

.res-table {
    table-layout: fixed;
}

.row-color,
.res-table,
.table-grid {
    background-color: #fff;
}

    .row-color tr:nth-child(odd) {
        background-color: rgba(237, 237, 237, 0.36);
    }

    .row-color tr:nth-child(even) {
        background-color: rgba(255, 255, 255, 0.64);
    }

    .res-table td {
        line-height: 1.2;
    }

.tr-space-5550 td {
    padding: 5px;
}

.tr-space-5555 td {
    padding: 5px;
}

.tr-space-10 td {
    padding: 10px;
}

.tr-space-5550 tr td:nth-child(1) {
    padding-left: 0;
}

.tr-space-5550 tr td:last-child {
    padding-right: 0;
}

.table-valign-top td {
    vertical-align: top;
}

.table-head-color tr:first-child td,
.table-head-color tr th {
    background-color: #cee0ac;
    color: #000;
    border-color: #bfbfbf;
    line-height: 1.2;
}

.table-text-center tr td {
    text-align: center;
}

    .table-text-center tr td:first-child {
        text-align: left;
    }

.first-col-dots > tbody > tr > td:nth-child(1),
.third-col-dots > tbody > tr > td:nth-child(3) {
    position: relative;
    padding-right: 14px;
}

    .first-col-dots > tbody > tr > td:nth-child(1):after,
    .third-col-dots > tbody > tr > td:nth-child(3):after {
        content: ":";
        position: absolute;
        font-size: inherit;
        color: inherit;
        top: 50%;
        line-height: 0;
        right: 5px;
    }

    .first-col-dots.v-align-top > tbody > tr > td:nth-child(1):after,
    .third-col-dots > tbody > tr > td:nth-child(3):after,
    .first-col-dots.table-valign-top > tbody > tr > td:nth-child(1):after {
        top: 12px;
    }

.first-col-dots.v-align-top.tr-space-10 > tbody > tr > td:nth-child(1):after,
.third-col-dots.tr-space-10 > tbody > tr > td:nth-child(3):after,
.first-col-dots.table-valign-top.tr-space-10 > tbody > tr > td:nth-child(1):after {
    top: 20px;
}

.first-col-dots > tbody > tr > td.no-col-dots:after {
    content: normal;
}

.first-col-highlight > tbody > tr > td:nth-child(1) {
    font-weight: bold;
}

.table-grid {
    border: 1px solid rgba(86, 89, 91, 0.23);
}

    .table-grid tr th {
        border-left: 1px solid rgba(86, 89, 91, 0.23);
        font-weight: 400;
    }

        .table-grid tr th:last-child {
            border-right: 1px solid rgba(86, 89, 91, 0.23);
        }

    .table-grid tbody > tr > td {
        border-bottom: 1px solid rgba(86, 89, 91, 0.23);
        border-right: 1px solid rgba(86, 89, 91, 0.23);
    }

    .table-grid tbody > tr:last-child > td {
        border-bottom: 0;
    }

    .table-grid tbody > tr > td:last-child {
        border-right: 0;
    }

.td-last-child-center tr td:last-child,
.td-last-child-center th td:last-child {
    text-align: center;
}

@media (min-width:992px) and (max-width:1199px) {
    .in-detail-wrap table.table-grid {
        font-size: 14px;
    }
}

@media screen and (max-width:991px) {
    .in-detail-wrap table.table-grid {
        font-size: 14px;
    }
}

@media (max-width:480px) {
    .table-480 td {
        display: block;
    }

    .table-480 tr,
    .table-480 th {
        display: block;
        margin-bottom: 5px;
    }

    .inquire-bill-container .table-480 tr,
    .inquire-bill-container .table-480 th {
        display: block;
        margin-bottom: 5px;
        border-bottom: 1px solid #ddd !important;
        padding: 10px 0px !important;
    }

    .inquire-bill-container .wishlistTble.res-table.table-480 thead {
        display: block;
    }

    .inquire-bill-container td {
        color: #1e1e1e !important;
    }

    .table-480.first-col-dots tr td:nth-child(1):after {
        content: normal;
    }

    .table-480.first-col-dots tr td:nth-child(1) {
        padding-right: inherit;
    }

    .table-480 tr td {
        padding: 3px 5px;
    }

    .table-480.tr-space-5550 tr td {
        padding: 5px;
    }

    .tr-space-5550 tr td:nth-child(1) {
        padding-left: 5px;
    }

    .tr-space-5550 tr td:last-child {
        padding-right: 5px;
    }

    .table-480 tr td:nth-child(1) {
        background-color: #56595b;
        color: #fff;
    }

    .inquire-bill-container .table-480 tr td:nth-child(1) {
        background-color: #fff !important;
        color: #555555 !important;
    }

    .inquire-bill-container td {
        width: 50% !important;
        float: left !important;
    }

    .inquire-bill-container tr {
        width: 100% !important;
        float: left !important;
    }

    .table-480 .td-no-bg {
        background-color: transparent !important;
    }
}

.cs-hr-style1 {
    padding-bottom: 20px;
    display: block;
}

    .cs-hr-style1 hr {
        border-top: 1px solid rgba(86, 89, 91, 0.4);
    }

.border-inn-grey {
    -webkit-box-shadow: inset 0px 0px 1px 1px rgba(86, 89, 91, 1);
    -moz-box-shadow: inset 0px 0px 1px 1px rgba(86, 89, 91, 1);
    box-shadow: inset 0px 0px 1px 1px rgba(86, 89, 91, 1);
}

.widget-carousel {
    width: auto;
    overflow: hidden;
    overflow-x: hidden;
    max-width: 550px;
}

.widget-carousel-item img {
    border: 1px solid #e9e9e9;
}

.product-image-carousel-wrapper {
    padding: 0 0px;
    max-width: 335px;
    margin-bottom: 20px;
}

    .product-image-carousel-wrapper .product-slider-nav {
        margin-top: 5px;
    }

        .product-image-carousel-wrapper .product-slider-nav .slick-list {
            max-height: 60px;
            height: auto;
        }

.slider-arrow-bg-black .slick-prev,
.slider-arrow-bg-black .slick-next {
    z-index: 9;
    height: 50px;
    width: 30px;
}

.widget-carousel .video-player-wrap {
    padding: 0;
}

.widget-carousel .slick-prev {
    left: 0px;
    top: calc(50% - 20px);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000',GradientType=1);
}

.widget-carousel .slick-next {
    right: 0px;
    top: calc(50% - 20px);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000',GradientType=1);
}

.widget-carousel .slick-prev:before {
    position: relative;
    left: -2px;
}

.widget-carousel .slick-next:before {
    position: relative;
    right: -2px;
}

.slider-arrow-bg-black .slick-prev:hover,
.slider-arrow-bg-black .slick-prev:focus,
.slider-arrow-bg-black .slick-next:hover,
.slider-arrow-bg-black .slick-next:focus {
    color: inherit;
    outline: none;
}

.slider-white-arrow .slick-prev:before,
.slider-white-arrow .slick-next:before,
.slick-lightbox-slick .slick-prev:before,
.slick-lightbox-slick .slick-next:before {
    font-family: "slick";
    font-size: 18px;
    line-height: 1;
    opacity: 1;
    color: rgb(255, 255, 255);
    z-index: 99;
}

.widget-carousel.right .slick-slider {
    float: right;
}

.widget-carousel.center .slick-slider {
    margin: 0 auto;
}

.image-gallery-auto-slide,
.video-gallery-auto-slide,
.image-gallery-thumb-auto-slide,
.image-gallery {
    padding-top: 20px;
}

.widget-carousel.center .title {
    text-align: center;
}

.widget-carousel.right .title {
    text-align: right;
}

.widget-fancybox {
    position: relative;
    overflow: hidden;
}

    .widget-fancybox.list-643 {
        max-width: 1241px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

        .widget-fancybox.list-643 .widget-fancybox-gallery {
            max-width: 850px;
        }

        .widget-fancybox.list-643.image-gallery .widget-fancybox-gallery {
            max-width: 100%;
        }

        .widget-fancybox.list-643 .item {
            max-width: 180px;
            width: 50%;
            float: left;
            list-style: none;
            padding: 5px;
            border-bottom: 0;
        }

        .widget-fancybox.list-643.image-gallery .item {
            max-width: 150px;
        }

    .widget-fancybox .item img {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
        transition: all 0.5s;
    }

    .widget-fancybox .item .fancy-gallery img {
        max-height: 100px;
    }

    .widget-fancybox .item img:hover,
    .widget-fancybox .item img:focus {
        opacity: 0.7;
    }

.faq-list .body ul.widget-fancybox-gallery {
    padding-left: 0px;
}

.h_iframe {
    position: relative;
}

    .h_iframe .ratio {
        display: block;
        width: 100%;
        height: auto;
    }

    .h_iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.content-file {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}

    .content-file ul {
        list-style: outside none none;
        padding-left: 0;
        display: table;
        margin: 0 auto 0 25px;
        margin-bottom: 1.2rem;
    }

        .content-file ul li {
            margin-bottom: 1rem;
            line-height: 1.2;
        }

            .content-file ul li a {
                color: #666666;
            }

                .content-file ul li a:hover {
                    color: #000000;
                }

            .content-file ul li:before {
                content: normal;
            }

            .content-file ul li a:before {
                font-family: "Font Awesome 5 Free";
                padding-right: 10px;
                font-size: 18px;
                margin-left: -25px;
                font-weight: 900;
            }

            .content-file ul li a.broken-file-link:before {
                content: "\f0c1";
                color: #b1b1b1;
                font-size: 13px;
                font-weight: 900;
                padding-right: 12px;
            }

.recent-links-widget.content-file {
    margin-bottom: 0px;
    position: relative;
}

    .recent-links-widget.content-file ul li {
        position: relative;
    }

        .recent-links-widget.content-file ul li a:before {
            font-family: "Font Awesome 5 Free";
            content: "\f105";
            padding-right: 10px;
            font-size: 18px;
            position: relative;
            position: absolute;
            left: 0;
        }

.tbl-widget-outer {
    height: 100%;
    position: relative;
}

.tbl-widget {
    overflow-x: auto;
}

    .tbl-widget table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

        .tbl-widget table > thead > tr > th,
        .tbl-widget table > tbody > tr > th,
        .tbl-widget table > tfoot > tr > th {
            padding: 12px 50px 12px 50px;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }

        .tbl-widget table > thead > tr > td,
        .tbl-widget table > tbody > tr > td,
        .tbl-widget table > tfoot > tr > td {
            padding: 10px 50px 10px 50px;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }

        .tbl-widget table > thead > tr > th {
            vertical-align: bottom;
            border-bottom: 1px solid #ddd;
        }

        .tbl-widget table > caption + thead > tr:first-child > th,
        .tbl-widget table > colgroup + thead > tr:first-child > th,
        .tbl-widget table > thead:first-child > tr:first-child > th,
        .tbl-widget table > caption + thead > tr:first-child > td,
        .tbl-widget table > colgroup + thead > tr:first-child > td,
        .tbl-widget table > thead:first-child > tr:first-child > td {
            border-top: 0;
        }

        .tbl-widget table > tbody + tbody {
            border-top: 2px solid #ddd;
        }

        .tbl-widget table .table {
            background-color: #fff;
        }

        .tbl-widget table > thead > tr {
            background-color: #e5e5e5;
        }

        .tbl-widget table > tbody > tr:hover {
            background-color: #ebebeb;
        }

        .tbl-widget table > thead > tr > th,
        .tbl-widget table > tbody > tr > td {
            color: #56595b;
        }

        .tbl-widget table > thead > tr > th {
            font-size: 18px;
            font-family: "Swis721 Md BT", sans-serif;
        }

        .tbl-widget table > tbody > tr > td {
            font-size: 16px;
        }

            .tbl-widget table > thead > tr > td.active,
            .tbl-widget table > tbody > tr > td.active,
            .tbl-widget table > tfoot > tr > td.active,
            .tbl-widget table > thead > tr > th.active,
            .tbl-widget table > tbody > tr > th.active,
            .tbl-widget table > tfoot > tr > th.active,
            .tbl-widget table > thead > tr.active > td,
            .tbl-widget table > tbody > tr.active > td,
            .tbl-widget table > tfoot > tr.active > td,
            .tbl-widget table > thead > tr.active > th,
            .tbl-widget table > tbody > tr.active > th,
            .tbl-widget table > tfoot > tr.active > th {
                background-color: #f5f5f5;
            }

                .tbl-widget table > tbody > tr > td.active:hover,
                .tbl-widget table > tbody > tr > th.active:hover,
                .tbl-widget table > tbody > tr.active:hover > td,
                .tbl-widget table > tbody > tr:hover > .active,
                .tbl-widget table > tbody > tr.active:hover > th {
                    background-color: #e8e8e8;
                }

.ie-clear {
    left: 0px !important;
}

@media screen and (max-width:1199px) {
    .tbl-widget table > thead > tr > th,
    .tbl-widget table > tbody > tr > th,
    .tbl-widget table > tfoot > tr > th {
        padding: 20px 20px 20px 20px;
    }

    .tbl-widget table > thead > tr > td,
    .tbl-widget table > tbody > tr > td,
    .tbl-widget table > tfoot > tr > td {
        padding: 16px 20px 16px 20px;
    }

    .tbl-widget table > thead > tr > th {
        font-size: 16px;
    }

    .tbl-widget table > tbody > tr > td {
        font-size: 14px;
    }
}

@media screen and (max-width:768px) {
    .tbl-widget {
        width: 100%;
        margin-bottom: 0px;
        overflow-y: hidden;
        overflow-x: scroll;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }

        .tbl-widget table {
            margin-bottom: 0;
            border: 0px solid red;
            -webkit-overflow-scrolling: touch;
        }

            .tbl-widget table > thead > tr > th,
            .tbl-widget table > tbody > tr > th,
            .tbl-widget table > tfoot > tr > th,
            .tbl-widget table > thead > tr > td,
            .tbl-widget table > tbody > tr > td,
            .tbl-widget table > tfoot > tr > td {
                white-space: nowrap;
            }
}

@media screen and (max-width:767px) {
    .tbl-widget-outer {
        position: relative;
    }

    .tbl-widget-fade {
        position: absolute;
        right: 0;
        width: 20px;
        height: 100%;
        background-image: -webkit-linear-gradient(0deg, rgba(235, 235, 235, 0.2), #ebebeb);
        background-image: -moz-linear-gradient(0deg, rgba(235, 235, 235, 0.2), #ebebeb);
        background-image: -ms-linear-gradient(0deg, rgba(235, 235, 235, 0.2), #ebebeb);
        background-image: -o-linear-gradient(0deg, rgba(235, 235, 235, 0.2), #ebebeb);
        background-image: linear-gradient(0deg, rgba(235, 235, 235, 0.2), #ebebeb);
    }
}

.sticky-inner {
    position: relative;
    z-index: 1;
}

.pagination-wrap {
    position: relative;
    overflow: hidden;
}

    .pagination-wrap .pagination {
        margin: 10px 0;
    }

        .pagination-wrap .pagination > li {
            display: inline-block;
        }

            .pagination-wrap .pagination > li > a,
            .pagination-wrap .pagination > li > span {
                border-radius: 0;
                color: #1e1e1e;
                background-color: transparent;
                border: 1px solid transparent;
            }

                .pagination-wrap .pagination > li > a:hover,
                .pagination-wrap .pagination > li > a:focus {
                    background-color: #fff;
                    border: 1px solid #ccc;
                }

                .pagination-wrap .pagination > li > a.next,
                .pagination-wrap .pagination > li > a.prev {
                    background-color: #fff;
                    border: 1px solid #ccc;
                }

                .pagination-wrap .pagination > li > a > span.current {
                    background-color: transparent;
                }

                .pagination-wrap .pagination > li > a.active {
                    border: 1px solid #fff;
                    box-shadow: inset 0 0 0 1px #000;
                }

                .pagination-wrap .pagination > li > a.pagination-compress {
                    padding: 6px 0;
                }

@media (max-width:768px) {
    .bod-detail-wrap {
        padding-left: 0px;
    }
}

.boxLinkBlack {
    font-size: 18px;
    min-width: 120px;
    display: inline-block;
    position: relative;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    padding: 8px 10px 13px 10px;
    text-align: center;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.5s;
}

    .boxLinkBlack:hover,
    .boxLinkBlack:focus,
    .boxLinkBlack:active {
        color: #fff;
        background-color: #006736;
    }

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

.active-bx-link {
    color: #fff;
    background-color: #006736;
}

.alert-bar {
    position: relative;
    width: 100%;
    z-index: 12;
    -webkit-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px -8px rgba(0, 0, 0, 0.25);
}

    .alert-bar .alert-content {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 1;
        text-align: center;
    }

        .alert-bar .alert-content a {
            color: inherit;
            text-decoration: underline;
        }

    .alert-bar.alert-warning {
        background-color: #fcf791;
    }

    .alert-bar .alert-content a:hover {
        opacity: 0.6;
    }

.alert-wrap {
    height: 34px;
    position: relative;
    width: 100%;
    height: auto;
}

@media (max-width:768px) {
    .alert-bar .alert-content {
        font-size: 14px;
        padding: 5px 0px;
    }
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .popupfx-body .body-scroll {
        position: relative;
    }
}

.my-acc-access-wrap {
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 500px;
}

.my-acc-access-block {
    max-width: 500px;
    max-height: 645px;
    position: absolute;
    display: table;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.frm-wrap {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    display: table;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.my-acc-access-wrap .d-table {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.my-acc-access-block .header {
    border-bottom: 1px solid #a6a9ab;
    margin-bottom: 0;
}

.myacc-access-tabs .tab-title {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

    .myacc-access-tabs .tab-title.tab-title-full {
        width: 100%;
    }

    .myacc-access-tabs .tab-title a {
        background-color: #ffffff;
        padding: 10px 10px;
        display: block;
        width: 100%;
        color: #56595b;
    }

.frm-wrap .myacc-access-tabs .tab-title {
    font-size: 20px;
}

    .frm-wrap .myacc-access-tabs .tab-title a {
        background-color: #ffffff;
        padding: 20px 10px;
    }

.myacc-access-tabs .tab-title a:hover,
.myacc-access-tabs .tab-title a:focus,
.myacc-access-tabs .tab-title.active a {
    background-color: #e9e9e9;
    color: #303132;
}

.myacc-access-tabs .tab-title:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid #a6a9ab;
    height: 100%;
}

.myacc-access-tabs .tab-title:last-child:after {
    content: normal;
}

.acc-access-body-content {
    padding: 0px 30px 20px 30px;
}

    .acc-access-body-content .form-group label {
        font-size: 15px;
        font-weight: 700;
    }

    .acc-access-body-content .form-control {
        border-radius: 3px;
        border: 1px solid #cdcdcd;
        padding: 9px 10px 7px 10px;
        height: auto;
        font-size: 15px;
    }

.my-acc-access-block .middle-links .remember-psw {
    text-align: left;
    font-size: 14px;
}

.my-acc-access-block .middle-links .forget-psw {
    text-align: right;
    font-size: 14px;
}

.or-divider {
    display: block;
    margin: 5px 0;
    text-align: center;
}

    .or-divider .or-divider-line {
        position: relative;
        display: block;
        width: 100%;
    }

        .or-divider .or-divider-line:before {
            content: "";
            position: absolute;
            border-bottom: 1px solid #56595b;
            width: 100%;
            left: 0;
            top: 50%;
            z-index: 1;
        }

        .or-divider .or-divider-line span {
            padding: 2px 10px;
            background: #fff;
            position: relative;
            z-index: 2;
        }

.social-login-wrap {
    margin-top: 25px;
}

.my-acc-access-wrap .bottom-links {
    text-align: center;
    font-size: 15px;
}

.my-acc-access-block .footer {
    padding: 10px 10px;
    border-top: 1px solid #a6a9ab;
    text-align: center;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
}

    .my-acc-access-block .footer .fancy-close-btn {
        text-align: center;
    }

        .my-acc-access-block .footer .fancy-close-btn .btn {
            border: 0;
            text-decoration: underline;
        }

.reset-password-page {
    padding: 40px 0;
}

    .reset-password-page .my-acc-access-wrap {
        min-height: 510px;
        margin: 0 auto;
        position: relative;
    }

    .reset-password-page .my-acc-access-block {
        max-height: 510px;
        min-height: 522px;
        border: 1px solid #a6a9ab;
        border-radius: 4px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    }

.msg-body-content img {
    max-width: 100%;
    height: auto;
}

@media (max-width:380px) {
    .acc-access-body-content {
        padding: 0px 0px 20px 0px;
    }

    .my-acc-access-block .middle-links .d-cell {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.star-rating-wrap .jq-ry-container {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.star-rating-wrap .rating-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-right: 5px;
}

.share-widget-wrap {
    padding: 0;
}

    .share-widget-wrap .share-title {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        margin-right: 5px;
    }

    .share-widget-wrap .share-items-list {
        display: inline-block;
        vertical-align: middle;
    }

        .share-widget-wrap .share-items-list .share-item {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
        }

            .share-widget-wrap .share-items-list .share-item a {
                display: block;
                padding: 3px;
                border-radius: 3px;
                background-color: #808080;
                width: 30px;
                height: 30px;
                text-align: center;
                position: relative;
            }

                .share-widget-wrap .share-items-list .share-item a .fab {
                    line-height: 1;
                    font-size: 20px;
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                    top: 0px;
                    color: #fff;
                    transition: all 0.5s;
                }

                .share-widget-wrap .share-items-list .share-item a:hover .fa-facebook-f {
                    color: #3b579d;
                }

                .share-widget-wrap .share-items-list .share-item a:hover .fa-twitter {
                    color: #16b9ed;
                }

.no-results {
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

.search-result-item {
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

    .search-result-item:last-child {
        border-bottom: 0;
    }

    .search-result-item a {
        color: inherit;
    }

    .search-result-item .readmore {
        position: relative;
        display: inline-block;
        text-decoration: underline;
        color: #006736;
        margin-top: 10px;
        font-size: 14px;
    }

        .search-result-item .readmore:after {
            content: "\f105";
            font-family: "Font Awesome 5 Free";
            right: -10px;
            font-size: inherit;
            color: inherit;
            position: absolute;
            top: 1px;
            font-weight: 900;
        }

        .search-result-item .readmore:hover,
        .search-result-item .readmore:focus,
        .search-result-item .readmore:active,
        .search-result-item a:hover,
        .search-result-item a:focus,
        .search-result-item a:active {
            color: #98c24a;
        }

.search-404 input {
    padding: 8px 12px;
    font-size: 16px;
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #fff;
    margin-bottom: 8px;
    color: #1e1e1e;
    width: 100%;
    max-width: 500px;
}

.search-404 .search-submit {
    position: relative;
    background-color: #fff;
    padding: 5px 12px;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: none;
    border: 0;
    line-height: 1.6;
    border: 1px solid #cdcdcd;
}

    .search-404 .search-submit:hover {
        border-color: #98c24a;
        color: #98c24a;
    }

    .search-404 .search-submit svg {
        display: none;
    }

.search-404.search-widget label .screen-reader-text {
    display: none;
}

.page-404-relatedlinks {
    text-align: center;
    margin-top: 40px;
    border-top: 1px solid #ccc;
    padding-top: 25px;
}

    .page-404-relatedlinks ul li {
        display: inline-block;
        margin-bottom: 10px;
        font-weight: 400;
    }

        .page-404-relatedlinks ul li a {
            padding: 0px 10px;
            font-weight: 400;
            border-right: 1px #ccc solid;
            color: #006736;
        }

        .page-404-relatedlinks ul li:last-child a {
            border-right: 0;
        }

@media (max-width:480px) {
    .page-404-relatedlinks ul li {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
    }

        .page-404-relatedlinks ul li a {
            border: 0;
        }
}

.btn-nav-links-wrap {
    position: relative;
    display: block;
}

    .btn-nav-links-wrap ul li.btn-link {
        cursor: pointer;
        margin-bottom: 8px;
        padding: 10px 15px;
        border-radius: 4px;
        background-color: #006736;
        color: #fff;
        text-decoration: none;
        position: relative;
        line-height: 1.5;
    }

        .btn-nav-links-wrap ul li.btn-link:after {
            content: "\f0da";
            position: absolute;
            font-family: "Font Awesome 5 Free";
            right: 15px;
            top: 50%;
            margin-top: 0px;
            line-height: 0;
            transition: all 0.5s;
            font-weight: 900;
        }

        .btn-nav-links-wrap ul li.btn-link:hover {
            background-color: #98c24a;
        }

.btn-nav-content-wrap {
    position: relative;
    display: block;
}

    .btn-nav-content-wrap .btn-nav-back,
    .form-back-btn {
        color: #1e1e1e;
        cursor: pointer;
        background-color: #a6a9ab;
        padding: 5px 20px;
        border-radius: 23px;
        display: inline-block;
        position: relative;
        margin-top: 20px;
    }

        .btn-nav-content-wrap .btn-nav-back:before,
        .form-back-btn:before {
            content: "\f0d9";
            position: relative;
            font-family: "Font Awesome 5 Free";
            margin-right: 7px;
            top: 50%;
            margin-top: 0px;
            line-height: 0;
            transition: all 0.5s;
            font-weight: 900;
        }

        .btn-nav-content-wrap .btn-nav-back:hover,
        .btn-nav-content-wrap .btn-nav-back:focus,
        .form-back-btn:hover,
        .form-back-btn:focus {
            background-color: #a5cc4d;
        }

.btn-back {
    color: #1e1e1e;
    cursor: pointer;
    background-color: #a6a9ab;
    padding: 5px 20px;
    border-radius: 23px;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}

    .btn-back:before {
        content: "\f0d9";
        position: relative;
        font-family: "Font Awesome 5 Free";
        margin-right: 7px;
        top: 50%;
        margin-top: 0px;
        line-height: 0;
        transition: all 0.5s;
        font-weight: 900;
    }

    .btn-back:hover,
    .btn-back:focus {
        background-color: #a5cc4d;
    }

.cart-change-package-popup {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: table;
}

    .cart-change-package-popup .body-scroll {
        height: calc(100vh - 110px);
        position: relative;
    }

    .cart-change-package-popup .header {
        border-bottom: 1px solid #ccc;
    }

    .cart-change-package-popup .footer {
        padding-top: 10px;
        border-top: 1px solid #ccc;
    }

.gallery {
    position: relative;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}

    .gallery:before {
        display: table;
        content: " ";
    }

    .gallery:after {
        clear: both;
    }

    .gallery .gallery-item {
        float: left;
        padding-right: 5px;
        padding-left: 5px;
    }

        .gallery .gallery-item .gallery-icon {
            text-align: center;
            margin: 0 auto;
            border: 1px solid #e4e4e4;
            border-radius: 4px;
            padding: 4px;
        }

            .gallery .gallery-item .gallery-icon img {
                display: block;
                width: 100%;
                height: auto;
                margin: 0 auto;
            }

        .gallery .gallery-item .gallery-caption {
            font-size: 12px;
            padding: 0 4px;
            line-height: 1.2;
            margin-top: 3px;
        }

    .gallery.gallery-columns-6 .gallery-item {
        width: 16.6666%;
    }

    .gallery.gallery-columns-5 .gallery-item {
        width: 20%;
    }

    .gallery.gallery-columns-4 .gallery-item {
        width: 25%;
    }

    .gallery.gallery-columns-3 .gallery-item {
        width: 33.3333%;
    }

    .gallery.gallery-columns-2 .gallery-item {
        width: 50%;
    }

    .gallery.gallery-columns-1 .gallery-item {
        width: 100%;
    }

@media (max-width:992px) {
    .gallery.gallery-columns-6 .gallery-item {
        width: 20%;
    }

    .gallery.gallery-columns-5 .gallery-item,
    .gallery.gallery-columns-4 .gallery-item,
    .gallery.gallery-columns-3 .gallery-item {
        width: 33.3333%;
    }
}

@media (max-width:768px) {
    .gallery.gallery-columns-5 .gallery-item,
    .gallery.gallery-columns-4 .gallery-item,
    .gallery.gallery-columns-3 .gallery-item,
    .gallery.gallery-columns-6 .gallery-item {
        width: 50%;
        max-width: 300px;
    }
}

.widget-hori-links-box-wrap {
    padding: 50px 15px;
    position: relative;
}

.widget-hori-links-title {
    margin-bottom: 30px;
}

.widget-horizontal-links-box p {
    margin-bottom: 10px;
}

.widget-horizontal-links-box ul {
    padding-left: 15px;
}

    .widget-horizontal-links-box ul li {
        position: relative;
        color: #666666;
    }

        .widget-horizontal-links-box ul li a {
            color: #666666;
        }

            .widget-horizontal-links-box ul li a:before {
                font-family: "Font Awesome 5 Free";
                content: "\f105";
                padding-right: 10px;
                font-size: 18px;
                position: absolute;
                left: -20px;
                font-weight: 700;
            }

            .widget-horizontal-links-box ul li a:hover,
            .widget-horizontal-links-box ul li a:focus,
            .widget-horizontal-links-box ul li a:active {
                color: #000000;
            }

.widget-horizontal-links-box .hori-links-img:nth-child(1) {
    padding-top: 0;
}

.hori-links-img img {
    border-radius: 4px;
    margin-bottom: 10px;
}

.widget-horizontal-links-box .in-pkg-bx {
    height: 100%;
    padding: 30px 24px 24px 24px;
}

.widget-drivers-main-wrap .widget-drivers-block {
    position: relative;
    color: #ffffff;
    background-color: #56595b;
    max-width: 1236px;
    margin: 0 auto;
    padding: 26px 24px 20px 24px;
    border-radius: 0px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.tab-content .widget-drivers-main-wrap .widget-drivers-block {
    padding: 0;
    margin-top: 0;
}

.procument-posts-container,
.widget-carousel {
    max-width: 1256px;
    margin: 0 auto;
}

.top-tv-block,
.media-thumbnail-list-wrap {
    max-width: 1256px;
    margin: 0 auto;
}

.video-player-wrap {
    padding-left: 15px;
    padding-right: 15px;
}

.single-media-post-video-wrap .video-player-wrap {
    padding-left: 0;
    padding-right: 0;
}

.top-tv-block .player-overlay,
.top-tv-block .youtube-overlay,
.top-tv-block .vimeo-overlay,
.top-tv-block .video-url-overlay {
    max-width: 900px;
    margin: 0 auto;
}

.widget-max-width {
    max-width: 1256px;
    margin: 0 auto;
}

.video-tutorial-search-wrap .video-tutorial-search {
    max-width: 1256px;
    margin: 0 auto;
}

.media-content .pagination-wrap {
    max-width: 1256px;
    margin: 0 auto;
}

.widget-hori-links-box-wrap {
    max-width: 1256px;
    margin: 0 auto;
}

.widget-carousel {
    margin: 0;
}

    .widget-carousel .widget-carousel-basic {
        max-width: 500px;
    }

.widget-recent-media {
    padding: 0px;
}

.scroll-bar-hori-position .mCSB_scrollTools_horizontal {
    bottom: -18px !important;
}

.dbill-evobill-table,
.table-smallfonts {
    font-size: 14px;
    line-height: 1.2;
}

.dibill-invoice-table {
    font-size: 15px;
    line-height: 1.2;
}

    .dibill-invoice-table table td table {
        border: 1px solid #f2f2f2;
    }

    .dibill-invoice-table table td h3 {
        padding-top: 10px;
    }

    .dibill-invoice-table .mCSB_container {
        overflow: auto;
    }

.social-connect {
    position: relative;
    overflow: hidden;
    border: 1px solid #cdcdcd;
    border-radius: 40px;
    padding: 10px 15px;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    min-height: 72px;
}

    .social-connect a {
        display: block;
    }

    .social-connect .d-table {
        height: 50px;
    }

.social-icon-wrap {
    width: 70px;
    margin-right: 26px;
    padding-right: 10px;
}

.social-connect .social-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.social-connect .actiontitle {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    color: #878787;
}

.social-connect .email {
    display: block;
    font-size: 13px;
    line-height: 1.2;
    color: #1e1e1e;
}

.social-connect .account-name {
    margin-bottom: 0px;
    line-height: 1.2;
    color: #1e1e1e;
    font-size: 18px;
}

.order-summery-table td {
    line-height: 1.2;
}

.order-summery-table .product-name {
    font-size: 20px;
}

.order-summery-table .package-title a {
    font-size: 15px;
    color: #333;
}

.order-summery-table .package-sub-description {
    font-size: 12px;
    line-height: 1;
}

.order-summery-table td.payment-method {
    width: 150px;
    text-align: left;
}

.order-summery-table td.status {
    width: 80px;
    text-align: left;
}

.order-summery-table td {
    background-color: #f2f2f2;
}

.order-summery-table .table-grid,
.order-summery-table .table-grid > tbody > tr > td {
    border: 1px solid rgba(168, 168, 168, 0.23);
}

.order-summery-table td.price {
    width: 90px;
    text-align: right;
    background-color: #e7ecd9;
    color: #1e1e1e;
}

.order-successfull-msg {
    margin-bottom: 30px;
}

.table-delivery-infor {
    margin-bottom: 30px;
    width: 100%;
    font-size: 14px;
    background-color: #f2f2f2;
    padding: 15px;
}

    .table-delivery-infor table {
        background-color: #f2f2f2;
    }

    .table-delivery-infor tr td:nth-child(1) {
        width: 150px;
        color: #1e1e1e;
    }

#table_complaints_wrapper,
#table_payments_wrapper,
#table_order_history,
.dataTables_wrapper {
    max-width: 894px;
}

.table-vas {
    line-height: 1.2;
    background-color: #fff;
}

    .table-vas tr td:nth-child(1) {
        padding-left: 10px;
    }

    .table-vas tr td:nth-child(2) {
        width: 180px;
        text-align: center;
    }

    .table-vas .btn {
        font-size: 11px;
        min-width: 50px;
        margin-bottom: 0;
        padding: 3px 5px 3px 3px;
    }

        .table-vas .btn.vas-off {
            background-color: #ccc;
            color: #fff;
            text-align: left;
        }

table.btn-mb0 td .btn {
    margin-bottom: 0;
}

.vas-on {
    color: #fff;
    text-align: right;
}

@media (max-width:480px) {
    .table-delivery-infor tr td:nth-child(1) {
        width: 100%;
        background-color: #ececec;
    }

    .social-connect {
        min-height: 140px;
    }

        .social-connect .d-table .d-cell {
            display: block;
            text-align: center;
        }

    .social-connect {
        min-height: 110px;
    }

    .social-icon-wrap {
        margin: 0 auto;
        padding-right: 0;
        padding-bottom: 5px;
    }

    .social-connect .email a {
        display: block;
        padding-top: 10px;
        font-size: 14px;
    }

    .social-connect .social-icon {
        width: 25px;
        height: 25px;
    }

    .social-connect .account-name {
        font-size: 14px;
    }

    .social-connect .email {
        font-size: 12px;
    }
}

.close-btn-position .fancybox-close {
    position: fixed;
    top: 20px;
    right: 35px;
}

.netflix-img-popup-content img {
    max-width: 100%;
    height: auto;
}

@media (max-width:768px) {
    .close-btn-position .fancybox-close {
        top: 10px;
        right: 15px;
    }
}

input.back-btn {
    color: #1e1e1e;
    cursor: pointer;
    background-color: #a6a9ab;
    padding: 5px 20px;
    border-radius: 23px;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    box-shadow: 0px;
    border: 0px;
}

    input.back-btn:before {
        content: "\f0d9";
        position: relative;
        font-family: "Font Awesome 5 Free";
        margin-right: 7px;
        top: 50%;
        margin-top: 0px;
        line-height: 0;
        transition: all 0.5s;
        font-weight: 900;
    }

    input.back-btn:hover,
    input.back-btn:focus {
        background-color: #a5cc4d;
    }

.mobile-search-icon {
    display: block;
    max-width: 50px;
    height: 50%;
    position: absolute;
    left: 45px;
    top: 15px;
}

    .mobile-search-icon a {
        display: block;
    }

    .mobile-search-icon img {
        max-width: 30px;
        height: 28px;
        width: 100%;
    }

.mobile-search-panel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
}

    .mobile-search-panel.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        z-index: 999;
        display: block;
    }

    .mobile-search-panel #searchform_mob input {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -51px;
        width: 60%;
        margin-left: 20%;
        color: rgb(255, 255, 255);
        background: transparent;
        border: 2px solid rgba(255, 255, 255, 0.8);
        border-radius: 50px;
        font-size: 40px;
        font-family: Roboto;
        font-weight: 300;
        text-align: center;
        outline: none;
        padding: 10px;
    }

    .mobile-search-panel #searchform_mob .searchbtn {
        position: absolute;
        top: 50%;
        margin-left: 50px;
        margin-left: 20%;
    }

    .mobile-search-panel input::placeholder {
        color: #a5cc4d !important;
        opacity: 1;
    }

    .mobile-search-panel input:-ms-input-placeholder {
        color: #a5cc4d !important;
    }

    .mobile-search-panel input::-ms-input-placeholder {
        color: #a5cc4d !important;
    }

.suggest-search-items-wrap {
    position: absolute;
    font-size: 18px;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: 30px;
}

    .suggest-search-items-wrap ul {
        list-style: none;
        ;
    }

        .suggest-search-items-wrap ul li {
            background-color: rgba(255, 255, 255, 1);
            text-align: left;
            padding: 2px 8px 3px 8px;
            line-height: 1.2;
            font-size: 16px;
            margin-bottom: 0px;
            border-bottom: 1px solid #a6a9ab;
        }

            .suggest-search-items-wrap ul li a {
                display: block;
                color: #1e1e1e;
            }

@media (max-width:768px) {
    .mobile-search-panel searchform input[type="search"] {
        font-size: 20px;
        width: 80%;
        margin-left: 10%;
    }
}

@media (max-width:480px) {
    .mobile-search-panel #searchform_mob input[type="search"] {
        font-size: 18px;
        width: 80%;
        margin-left: 10%;
    }

    .suggest-search-items-wrap {
        margin-top: 0px;
        width: 80%;
    }
}

.lang-urdu .logo-wrapper {
    padding-right: 0;
}

.lang-urdu .nav-left,
.lang-urdu .mega-menu,
.lang-urdu .mega-menu .navbar-collapse {
    float: right;
}

.lang-urdu .nav-right {
    float: left;
}

.lang-urdu .sub-nav-widgets {
    float: left;
    text-align: left;
}

.lang-urdu .megamenu > li > ul > li {
    text-align: right;
}

.lang-urdu .search-icon {
    left: 6px;
    right: auto;
}

.lang-urdu .mm-panels > .mm-panel > .mm-listview {
    direction: rtl;
}

.lang-urdu .mm-listview .mm-next {
    left: 0;
    right: auto;
}

.lang-urdu .sop-header-block {
    direction: rtl;
}

.lang-urdu .cs-list {
    padding-right: 20px;
}

    .lang-urdu .cs-list li:before {
        right: -20px;
    }

@media (max-width:991px) {
    .lang-urdu .header-wrapper.rtl-block {
        direction: ltr;
    }

    .lang-urdu .mm-listview .mm-next:not(.mm-fullsubopen):before {
        border-right-width: 1px;
        border-right-style: solid;
        border-left-width: 0px;
        border-left-style: solid;
        right: 0;
    }

    .lang-urdu .mm-listview .mm-next + a,
    .lang-urdu .mm-listview .mm-next + span {
        margin-left: 50px;
        margin-right: 0;
    }

    .lang-urdu .mm-listview .mm-next.mm-fullsubopen + a,
    .lang-urdu .mm-listview .mm-next.mm-fullsubopen + span {
        padding-left: 50px;
        padding-right: 10px;
        margin-right: 0;
    }

    .lang-urdu .mm-next:after {
        left: 30px;
        right: auto;
    }
}

.res-embedded-video-tv .video-iframe-body iframe {
    width: 100%;
}

label {
    font-weight: 300;
}

.bg-white {
    background-color: #FFF;
}

.bg-black {
    background-color: #000;
}

.top-row {
    margin-top: 24px;
}

.btm-row {
    margin-bottom: 24px;
}

.gutter-fluid {
    margin-left: -12px;
    margin-right: -12px;
}

.txt-black, .txt-black a {
    color: #1E1E1E;
}

.txt-dark-grey, .txt-dark-grey a {
    color: #303132;
}

.txt-grey, .txt-grey a {
    color: #56595B;
}

.txt-white, .txt-white a {
    color: #FFFFFF;
}

.txt-green, .txt-green a {
    color: #006736;
}

.txt-light-green, .txt-light-green a {
    color: #A5CC4D;
}

.txt-light-grey, .txt-light-grey a {
    color: #747474;
}

.txt-sml {
    font-size: 16px;
}

.txt-extra-sml {
    font-size: 14px;
}

.gen-head {
    font-size: 26px;
}

.gen-in-head {
    font-size: 24px;
}

.bg-black {
    background-color: #303132;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-dark-grey {
    background-color: #313131;
}

.bg-grey {
    background-color: #56595B;
}

.bg-mid-grey {
    background-color: #f3f3f3;
}

.bg-light-grey {
    background-color: #A6A9AB;
}

.bg-green {
    background-color: #006736;
}

.bg-light-green {
    background-color: #A5CC4D;
}

.bg-dark-green {
    background-color: #006736;
}

.border {
    border: 1px solid;
}

.bd-sm {
    border: 1px solid;
}

.bd-top {
    border-top: 1px solid;
}

.bd-btm {
    border-bottom: 1px solid;
}

.bd-left {
    border-left: 1px solid;
}

.bd-right {
    border-right: 1px solid;
}

.bd-white {
    border-color: #FFFFFF;
}

.bd-grey {
    border-color: #A6A9AB;
}

.bd-dark-grey {
    border-color: #393939;
}

.bd-shop {
    border-color: #dadada;
}

.bd-dark-green {
    border-color: #006736;
}

.bd-light-green {
    border-color: #a5cc4d;
}

.bd-trans {
    border-color: transparent;
}

.bd-media {
    border-color: #808384;
}

.bdr-1 {
    border-radius: 1px;
}

.bdr-2 {
    border-radius: 2px;
}

.bdr-3 {
    border-radius: 3px;
}

.bdr-4 {
    border-radius: 4px;
}

.bdr-5 {
    border-radius: 5px;
}

.bdr-10 {
    border-radius: 10px;
}

.bd-bx-grey {
    border-color: #d6d6d6;
}

.bx-bg {
    background-image: url(../images/boxes/1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 553px;
}

.bx-txt-block {
    padding: 39px 34px 36px 34px;
    height: 100%;
    position: relative;
}

.bx-head {
    font-size: 26px;
    font-family: 'Swis721 Md BT';
    font-weight: 100;
}

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

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

.btn-unstyled {
    background: none;
    box-shadow: 0px;
    border: 0px;
    padding: 0px;
}

.btn-home {
    border-radius: 23px;
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 22px;
}

.btn-download {
    border-radius: 23px;
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 22px;
}

.btn-details {
    border-radius: 23px;
    color: #659b3f;
    font-size: 16px;
    text-decoration: underline;
}

.bx-line {
    padding: 5px 0px 15px 0px;
}

.bx-icon-full {
    display: inline-block;
    vertical-align: top;
}

.bx-icon-img {
    display: inline-block;
    padding: 0px 7px 0px 0px;
    vertical-align: top;
}

.bx-icon-txt {
    display: inline-block;
    vertical-align: top;
}

.bx-txt-top, .bx-txt-btm {
    margin-top: 0px;
    margin-bottom: 4px;
}

.bx-txt-top {
    font-size: 8px;
    text-transform: uppercase;
}

.bx-txt-btm {
    font-size: 17px;
}

.bx-txt-des {
    font-size: 16px;
}

.bx-overlay {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(29,29,29,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(29,29,29,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(29,29,29,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1d1d1d',GradientType=0);
}

.bx-head-patch {
    position: absolute;
    -moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    border-radius: 0px 0px 10px 0px;
    left: 0px;
    top: 0;
    width: auto;
    height: auto;
    padding: 39px 34px 5px 34px;
    margin-right: 25px;
}

.icon-with-patch {
    margin-top: 99px;
}

.bx-variation-a {
    background-image: url(../images/boxes/a.jpg);
}

.bx-variation-b {
    background-image: url(../images/boxes/b.jpg);
}

.bx-variation-c {
    background-image: url(../images/boxes/c.jpg);
}

.bx-variation-d {
    background-image: url(../images/boxes/d.jpg);
}

.support-sec-top {
    display: inline-block;
    margin-bottom: 30px;
}

.support-sec-user {
    display: inline-block;
    margin-right: 10px;
}

    .support-sec-user img {
        border-radius: unset;
    }

.vCenter {
    vertical-align: middle;
}

.blurimg {
    -webkit-transition: 2s -webkit-filter linear;
    ;
    transition: 2s -webkit-filter linear;
    ;
}

.blurin {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.blurout {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

.support-sec-bg {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 675px;
}

.support-shop {
}

.support-sec-bg.support-shop {
    height: auto;
}

.support-sec-block {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 70px 0px 70px 0px;
    text-align: center;
}

.support-sec-icon {
    margin-bottom: 28px;
}

.support-sec-services {
    text-align: center;
    margin: 25px auto 0px auto;
}

.support-ser-icon {
    width: 90px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
    margin-left: 10px;
    height: auto;
    margin-top: 30px;
}

    .support-ser-icon a {
        display: block;
    }

    .support-ser-icon:first-child {
        margin-left: 0px;
    }

    .support-ser-icon:last-child {
        margin-right: 0px;
    }

.support-sec-services:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.ser-icon-box {
    border-radius: 8px;
    text-align: center;
    padding: 24px 24px 24px 24px;
    margin-bottom: 16px;
    box-shadow: 0px 12px 21px 0px rgba(1, 1, 1, 0.35);
    min-height: 85px;
}

.ser-icon-txt h4 {
    color: #313131;
    font-size: 14px;
    word-wrap: break-word;
}

.support-sec .support-sec-block ul {
    margin: 45px auto 5px auto;
}

.easy-autocomplete-container ul {
    margin-top: 0 !important;
}

.contact-btn-widget .support-sec-services, .contact-btn-widget.support-sec-services {
    text-align: left;
}

.contact-btn-widget .ser-icon-txt h4 {
    color: #FFFFFF;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: #FFFFFF;
    text-align: center;
    height: 1.5em;
    font-size: 20px;
}

    .hr-text:before {
        content: '';
        background: #6eaa46;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 2px;
    }

    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        padding: 0 .5em;
        line-height: 1.5em;
        color: #FFFFFF;
        background-color: #4a9340;
    }

.support-search-block {
    position: relative;
    text-align: center;
    max-width: 662px;
    margin: 0 auto;
}

.support-search {
    position: relative;
    margin: 0 auto;
    height: 48px;
}

.support-search-form {
    position: relative;
    margin: 0 auto;
    height: 48px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
    box-shadow: 0px 5px 18px 0px rgba(1, 1, 1, 0.3);
}

.search-arrow {
    color: #56595b;
    top: 7px;
    right: 22px;
    font-size: 20px;
    display: inline;
    position: absolute;
}

i.search-arrow::after {
    font-family: "Font Awesome 5 Free";
    content: "\f30b";
    font-weight: 900;
}

.support-hero-cont-inside .hero-table-cell.middle .support-sec-services {
    text-align: left;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .support-hero-cont-inside .hero-table-cell .support-ser-icon {
        width: 80px;
    }
}

@media screen and (max-width:767px) {
    .support-sec-bg {
        height: auto;
    }

    .support-sec-search {
        padding: 0px 50px;
    }

    .support-search-block {
        margin-top: 30px;
    }

    .support-sec-services {
        max-width: 480px;
    }

    .support-ser-icon {
        width: 100px;
        margin-bottom: 20px;
    }

    .support-sec-block {
        padding: 40px 0px 40px 0px;
    }

    .support-hero-cont-inside .hero-table-cell.middle .support-sec-services {
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    .support-sec-search {
        padding: 0px 0px;
    }

    .support-sec-bg {
        height: auto;
        padding: 0px 30px 0px 30px;
    }

    .support-ser-icon {
        width: 80px;
    }
}

@media screen and (max-width:768px) {
    .support-hero-cont-inside .hero-table-cell.middle .support-ser-icon:first-child {
        margin-left: 0px;
    }
}

@media screen and (min-width:434px) and (max-width:767px) {
    .support-hero-cont-inside .hero-table-cell.middle .support-ser-icon:first-child {
        margin-left: 20px;
    }
}

@media screen and (min-width:434px) and (max-width:768px) {
    .support-ser-icon:first-child {
        margin-left: 20px;
    }

    .support-ser-icon {
        margin-right: 10px;
    }
}

@media screen and (max-width:434px) {
    .support-ser-icon:first-child {
        margin-left: 10px;
    }

    .support-ser-icon {
        margin-right: 0px;
    }
}

@media screen and (max-width:386px) {
    .support-hero-cont-inside .hero-table-cell.middle .support-ser-icon:first-child {
        margin-left: 10px;
    }
}

@media screen and (max-width:360px) {
    .search-arrow {
        font-size: 13px;
    }
}

.shop-sec-bg {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 336px;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}

.outer-ver-center {
    height: 336px;
    overflow: hidden;
    display: table;
    position: static;
    width: 100%;
}

.middle-ver-center {
    position: static;
    top: 50%;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.inner-ver-center {
    position: relative;
    top: -50%;
}

.shop-sec-txt h3 {
    margin-bottom: 0.5rem;
}

.online-shop-logos {
    display: inline-block;
}

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

@media screen and (min-width:992px) and (max-width:1199px) {
    .online-shop-content {
        text-align: center;
    }
}

@media screen and (max-width:991px) {
    .online-shop-content {
        text-align: center;
    }

    .online-shop-logos {
        position: relative;
    }

    .app-logo {
        text-align: inherit;
        max-width: 50%;
    }

    .online-shop-content .bx-icon-txt h5,
    .online-shop-content .bx-icon-txt h6 {
        color: #FFFFFF;
    }

    .overlay-shop {
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
    }

    .shop-sec-txt {
        z-index: 9999;
    }

        .shop-sec-txt h2,
        .shop-sec-txt h4 {
            z-index: 9999;
            font-weight: 500;
        }

    .bx-icon-full {
        text-align: left;
    }
}

@media screen and (max-width:767px) {
    .online-shop-content {
        max-width: 100%;
    }

    .online-shop-logos {
        max-width: 100%;
        position: relative;
    }
}

.media-sec {
    margin-bottom: 0px;
}

    .media-sec.btm-row {
        margin-bottom: 24px;
    }

.media-top {
    padding: 24px 0px 35px 0px;
}

.media-top-variation {
    padding: 0px 0px 35px 0px;
}

.media-event {
    margin-bottom: 0px;
}

.media-sec .nav {
    padding-left: 0px;
    padding-right: 0px;
}

.media-sec .nav-pills > li {
    margin: 0px;
}

    .media-sec .nav-pills > li > a {
        border-radius: 0px 4px 0 0;
        padding: 22px 27px 17px 27px;
        font-size: 20px;
        background-color: #eaeaea;
        color: #56595b;
        border-top: 1px solid #aaaaaa;
        border-right: 1px solid #aaaaaa;
        border-left: 0px solid #aaaaaa;
        border-bottom: 1px solid #eaeaea;
    }

    .media-sec .nav-pills > li:nth-child(1) a {
        border-left: 1px solid #aaaaaa;
        border-radius: 4px 4px 0 0;
    }

    .media-sec .nav-pills > li.active > a,
    .media-sec .nav-pills > li.active > a:hover,
    .media-sec .nav-pills > li.active > a:focus {
        background-color: #56595b;
        border-radius: 4px 4px 0 0;
        padding: 22px 88px 17px 88px;
        color: #FFFFFF;
        border: 1px solid #56595b;
    }

.media-sec .tab-content {
    color: #FFFFFF;
    background-color: #56595b;
    border-radius: 0px 4px 4px 4px;
    padding: 70px 12px 70px 12px;
}

.media-variation {
    background-color: #56595b;
}

.media-home {
    position: relative;
    display: block;
    padding: 70px 12px 70px 12px;
}

.media-variation .tab-content {
    border-radius: 4px 4px 4px 4px;
}

.media-variation .container {
    max-width: 1232px;
}

.media-search-icon {
    color: #626262;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 22px;
}

.media-sec .nav-pills > li.active > a .media-search-icon,
.media-sec .nav-pills > li.active > a .media-search-icon:hover,
.media-sec .nav-pills > li.active > a .media-search-icon:focus {
    color: #FFFFFF;
}

.media-sec .nav-pills > li:last-child {
    float: right;
}

    .media-sec .nav-pills > li:last-child a {
        background-color: transparent;
        border: none;
        text-decoration: underline;
        color: #56595b;
    }

.media-box {
    position: relative;
    padding: 0px 30px 0px 0px;
}

.media-arrow {
    color: #9abd4f;
    margin-top: 0px;
    position: absolute;
    bottom: -30px;
    left: 0px;
}

.media-box h3 {
    margin-top: 12px;
}

.media-content a {
    color: #FFFFFF;
}

    .media-content a:hover {
        color: #9abd4f;
    }

        .media-content a:hover .media-date {
            color: #9abd4f;
        }

.media-box {
    transition: 0.5s;
    outline: 0;
}

    .media-box a {
        color: #FFFFFF;
        transition: 0.5s;
        outline: 0;
    }

    .media-box:hover {
        color: #9abd4f;
    }

    .media-box a:hover h3 {
        color: #9abd4f;
    }

    .media-box h5 {
        color: #a6a9ab;
    }

    .media-box:hover h5,
    .media-box:hover h3,
    .media-box:hover p,
    .media-box:hover .media-date {
        color: #9abd4f;
        transition: 0.5s;
        outline: 0;
    }

    .media-box h5 .media-date {
        color: #a6a9ab;
    }

    .media-box a p {
        color: #dedede;
        padding-bottom: 20px;
    }

    .media-box a:hover p {
        color: #9abd4f;
    }

    .media-box .videoplay-icon img {
        max-width: 300px;
        height: 100%;
        object-fit: cover;
        width: 300px;
        max-height: 169px;
    }

.incompatible-video-wrap {
    width: 100%;
    max-width: 300px;
}

.incompatible-thumb {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #EAEAEA;
    margin-bottom: 1px;
}

    .incompatible-thumb:before {
        content: '\200B';
        display: inline-block;
        height: 100%;
        min-height: 176px;
        vertical-align: middle;
    }

    .incompatible-thumb .d-cell {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        line-height: 1.2;
        padding: 15px;
        text-align: center;
    }

.top-media {
    padding: 0px 0px 70px 0px;
}

.btm-media {
    padding: 50px 0px 70px 0px;
}

.animate-btn {
    text-align: center;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

    .animate-btn:hover {
        z-index: 100;
        cursor: pointer;
        -ms-transform: scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        border-right: 0px solid transparent;
        border-bottom: 0px solid transparent;
    }

        .animate-btn:hover .ser-icon-box {
            -webkit-box-shadow: 10px 10px 91px 0px rgba(0,103,54,1);
            -moz-box-shadow: 10px 10px 91px 0px rgba(0,103,54,1);
            box-shadow: 10px 10px 91px 0px rgba(0,103,54,1);
        }

@media screen and (min-width:992px) and (max-width:1199px) {
    .media-sec .nav-pills > li.active > a,
    .media-sec .nav-pills > li.active > a:hover,
    .media-sec .nav-pills > li.active > a:focus {
        padding: 22px 27px 17px 27px;
    }

    .media-sec .nav-pills > li > a {
        padding: 22px 27px 17px 27px;
    }

    .media-sec .tab-content {
        padding: 40px 12px 60px 12px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .media-sec .nav-pills > li > a {
        font-size: 15px;
    }

    .media-sec .nav-pills > li.active > a,
    .media-sec .nav-pills > li.active > a:hover,
    .media-sec .nav-pills > li.active > a:focus {
        padding: 13px 20px 12px 20px;
    }

    .media-sec .nav-pills > li > a {
        padding: 12px 20px 12px 20px;
    }

    .media-sec .tab-content {
        padding: 40px 12px 20px 12px;
    }

    .media-box {
        margin-bottom: 30px;
    }

        .media-box:first-child {
            padding-left: 0px;
        }

        .media-box:last-child {
            padding-right: 0px;
        }

    .media-box {
        padding-left: 0px;
        padding-right: 0px;
    }

    .media-arrow {
        margin-top: 0px;
        position: relative;
        bottom: 0px;
    }

    .media-box a p {
        color: #dedede;
        padding-bottom: 0px;
    }

    .top-media {
        padding: 0px 0px 30px 0px;
    }

    .btm-media {
        padding: 30px 0px 30px 0px;
    }
}

@media screen and (max-width:991px) {
    .media-home .btm-media {
        padding: 0px 0px 0px 0px;
    }

    .bd-media {
        border: none;
    }

    .media-arrow {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .media-box {
        border-bottom: 1px solid #cdcdcd;
    }

    .btm-media a:last-child .media-box {
        border-bottom: 0px solid #cdcdcd;
    }

    .top-media {
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (min-width:769px) {
    .media-icon {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .media-sec .nav-pills > li > a {
        font-size: 15px;
    }

    .media-sec .nav-pills > li.active > a,
    .media-sec .nav-pills > li.active > a:hover,
    .media-sec .nav-pills > li.active > a:focus {
        padding: 12px 12px 12px 12px;
    }

    .media-sec .nav-pills > li > a {
        padding: 12px 12px 12px 12px;
    }

    .media-sec .tab-content {
        padding: 40px 12px 0px 12px;
    }

    .media-box:first-child {
        padding-left: 0px;
    }

    .media-box:last-child {
        padding-right: 0px;
    }

    .media-arrow {
        margin-top: 10px;
        position: relative;
        bottom: 0px;
        display: block;
    }

    .media-box {
        margin-bottom: 30px;
    }

        .media-box a p {
            color: #dedede;
            padding-bottom: 0px;
        }

    .top-media {
        padding: 0px 0px 0px 12px;
    }

    .media-home .top-media {
        padding: 0px 0px 0px 0px;
    }

    .btm-media {
        padding: 30px 0px 30px 12px;
    }

    .tab-txt {
        display: none;
    }

    .media-search-icon {
        color: #000000;
    }

    .media-sec .nav-pills > li {
        line-height: 32px;
    }
}

@media screen and (max-width:767px) {
    .media-home {
        padding: 50px 12px 20px 12px;
    }

        .media-home .media-top-variation {
            padding: 0px 12px 35px 0px;
        }

    .media-top-variation {
        padding: 0px 12px 35px 12px;
    }

    .media-sec .tab-content {
        padding: 40px 12px 0px 12px;
    }
}

.media-video-list .media-box:last-child {
    padding: 0px 30px 0px 0px;
}

@media screen and (max-width:500px) {
    .media-sec .nav-pills > li.active > a,
    .media-sec .nav-pills > li.active > a:hover,
    .media-sec .nav-pills > li.active > a:focus {
        padding: 10px 10px 10px 10px;
    }

    .media-sec .nav-pills > li > a {
        padding: 10px 10px 10px 10px;
    }

    .media-icon img {
        max-width: 70%;
    }

    .media-search-icon {
        font-size: 22px;
    }

    .media-sec .nav-pills > li {
        line-height: 10px;
    }
}

@media screen and (max-width:480px) {
    .media-sec .nav-pills > li.active > a,
    .media-sec .nav-pills > li.active > a:hover,
    .media-sec .nav-pills > li.active > a:focus {
        padding: 10px 8px 10px 8px;
    }

    .media-box {
        padding: 0px 0px 0px 0px;
    }

    .media-sec .nav-pills > li > a {
        padding: 10px 8px 10px 8px;
    }

    .media-icon img {
        max-width: 70%;
    }

    .media-search-icon {
        font-size: 20px;
    }

    .media-sec .nav-pills > li {
        line-height: 20px;
    }

        .media-sec .nav-pills > li:last-child {
            display: none;
        }

    .media-sec .tab-content {
        padding: 40px 20px 0px 20px;
    }
}

.footer-fluid {
    background-color: #222222;
    padding: 40px 0px 40px 0px;
}

.footer-links {
    padding: 0px 12px 60px 12px;
}

    .footer-links ul li a {
        color: #a6a9ab;
        font-size: 14px;
    }

        .footer-links ul li a:hover {
            color: #a5cc4d;
        }

    .footer-links h3 {
        margin-bottom: 10px;
        line-height: 40px;
    }

        .footer-links h3 a {
            color: #FFFFFF;
        }

            .footer-links h3 a:hover {
                color: #a5cc4d;
            }

.footer-sec-box {
    margin-top: 30px;
}

.footer-logos {
    margin-top: 7px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: sub;
    float: right;
}

.footer-logos-btm {
    margin-top: 20px;
    margin-right: 0px;
    display: inline-block;
    float: right;
}

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

.footer-middle-sec {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.footer-mid-logo {
    display: inline-block;
}

    .footer-mid-logo:nth-child(2) {
        margin: 0px 5px 0px 5px;
    }

    .footer-mid-logo:last-child {
        margin: 0px 0px 0px 5px;
    }

.footer-logo:first-child {
    margin-right: 2px;
}

.footer-logos img {
    padding-bottom: 0px;
}

.footer-btm {
    padding: 60px 0px 25px 12px;
}

.footer-sml-txt {
    font-size: 11px;
    color: #a6a9ab;
    margin-top: 5px;
}

    .footer-sml-txt a {
        color: #a6a9ab;
    }

        .footer-sml-txt a:hover {
            color: #F7F7F7;
        }

.footer-right-sec {
    float: right;
    display: inline-block;
}

.footer-box ul {
    margin: 0;
    padding: 0;
    display: table-cell;
    width: 300px;
}

    .footer-box ul li {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 18px;
    }

.footer-box:first-child {
    padding-left: 0px;
}

.footer-box:last-child {
    padding-right: 0px;
}

.footer-btm-left {
    padding-left: 0px;
}

.footer-btm-right {
    padding-right: 0px;
}

.last-update-txt {
    margin-top: 0px;
    display: block;
}

.foot-links {
    margin-top: 0px;
    display: block;
}

.footer-copyright {
    padding-left: 0px;
    padding-right: 0px;
}

.footer-img-block {
    display: inline-block;
    float: right;
}

.footer-social {
    display: block;
    margin-top: 0px;
    margin-bottom: 7px;
    float: left;
}

    .footer-social a {
        color: #a6a9ab;
    }

.btm-social, .footer-logos {
    display: inline-block;
}

    .btm-social div {
        display: inline-block;
    }

.footer-social .fab {
    font-size: 30px;
    margin-right: 10px;
}

.footer-social .icon-youtube .fab {
    margin-right: 0px;
}

.copy-sml {
    display: none;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .footer-fluid {
        padding: 50px 0px 50px 0px;
    }

    .footer-btm {
        padding: 20px 0px 0px 0px;
    }

    .footer-logos {
        vertical-align: bottom;
    }

    .footer-social {
        margin-bottom: 12px;
    }

    .footer-logos img {
        display: inline-block;
    }

    .footer-logo:first-child {
        margin: 0px;
    }

    .footer-mid-logo:nth-child(2) {
        margin: 0px;
    }

    .footer-box h3 {
        font-size: 18px;
    }

    .footer-box ul li {
        font-size: 15px;
    }

    .footer-btm-right {
        padding-right: 12px;
        padding-left: 0px;
    }

    .footer-copyright {
        padding-left: 12px;
        padding-right: 12px;
    }

    .visual-txt {
        display: block;
    }

    .copy-sml {
        display: none;
    }

    .last-update-txt {
        margin-top: 0px;
    }
}

@media screen and (max-width:991px) {
    .footer-sml-txt {
        font-size: 10px;
        color: #a6a9ab;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .footer-fluid {
        padding: 50px 0px 50px 0px;
    }

    .footer-box h3 {
        font-size: 16px;
    }

    .footer-box ul li {
        font-size: 14px;
    }

    .footer-btm {
        padding: 10px 0px 0px 0px;
    }

    .footer-btm-right {
        padding-right: 12px;
        padding-left: 0px;
    }

    .footer-copyright {
        padding-left: 12px;
        padding-right: 12px;
    }

    .footer-mid-logo {
        max-width: 30%;
    }

    .footer-logo {
        max-width: 45%;
    }

    .footer-middle-sec {
        text-align: inherit;
    }

    .footer-logos {
        margin-right: 0px;
        float: right;
        text-align: right;
    }

        .footer-logos img {
            display: inline-block;
        }

    .footer-logo:first-child {
        margin: 0px;
    }

    .footer-mid-logo:nth-child(2) {
        margin: 0px;
    }

    .btm-social {
        float: none;
        margin: 10px 0px 0px 0px;
    }

    .footer-logos-btm {
        text-align: right;
    }
}

@media screen and (max-width:767px) {
    .footer-social {
        float: none;
    }

    .footer-fluid {
        text-align: center;
        padding: 50px 0px 50px 0px;
    }

    .footer-links {
        padding: 0px 12px 0px 12px;
    }

    .footer-box {
        margin-bottom: 30px;
    }

    .footer-logos {
        float: none;
        display: block;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .footer-img-block {
        float: none;
    }

    .footer-logos-btm {
        float: none;
    }

    .footer-mid-logo {
        max-width: 30%;
    }

        .footer-mid-logo:nth-child(2) {
            margin: 0px;
        }

    .footer-right-sec {
        float: none;
    }

    .footer-logos img {
        margin: 0 auto;
        display: inline-block;
    }

    .footer-btm {
        padding: 10px 0px 0px 0px;
    }

    .footer-btm-left {
        padding-left: 12px;
    }

    .footer-btm-right {
        padding-right: 12px;
    }

    .footer-box ul {
        margin: 0;
        padding: 0;
        display: block;
        width: auto;
    }

    span.visual-txt {
        display: block;
    }

    .copy-sml {
        display: none;
    }
}

.sh-phone-gr {
    background-image: -moz-linear-gradient(0deg, rgb(173,36,212) 0%, rgb(222,56,177) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(173,36,212) 0%, rgb(222,56,177) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(173,36,212) 0%, rgb(222,56,177) 100%);
}

.sh-internet-gr {
    background-image: -moz-linear-gradient(0deg, rgb(25,84,234) 0%, rgb(25,151,224) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(25,84,234) 0%, rgb(25,151,224) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(25,84,234) 0%, rgb(25,151,224) 100%);
}

.sh-tv-gr {
    background-image: -moz-linear-gradient(0deg, rgb(255,78,0) 0%, rgb(250,24,24) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255,78,0) 0%, rgb(250,24,24) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255,78,0) 0%, rgb(250,24,24) 100%);
}

.shop-result-wrapper {
    margin-bottom: 90px;
}

.shop-result {
    min-height: 380px;
}

.shop-bx-wrapper {
    display: block;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    height: 100%;
}

.shop-bx {
    border-radius: 5px;
    background-color: #FFF;
    position: relative;
    padding: 24px 24px 33px 12px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(1, 1, 1, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(1, 1, 1, 0.2);
    box-shadow: 0px 4px 8px 0px rgba(1, 1, 1, 0.2);
    z-index: 1;
    overflow: hidden;
    height: 100%;
}

    .shop-bx .d-table {
        height: 100%;
        position: relative;
        table-layout: fixed;
        width: 100%;
    }

    .shop-bx .d-cell {
        position: relative;
    }

    .shop-bx:hover, .shop-bx:focus {
        cursor: pointer;
        -webkit-box-shadow: 0px 3px 15px 8px rgba(197, 197, 197, 1.0);
        -moz-box-shadow: 0px 3px 15px 8px rgba(197, 197, 197, 1.0);
        box-shadow: 0px 3px 15px 8px rgba(197, 197, 197, 1.0);
        transition: box-shadow 0.3s ease-in-out;
    }

button.btn-shop {
    overflow: hidden;
}

.shop-bx:hover button.btn-shop {
    overflow: hidden;
    position: relative;
    color: #000000;
    background-color: #A5CC4D;
}

.shop-bx-wrapper a {
    display: block;
    height: 100%;
}

.bd-sh-highlight {
    border: 2px solid #ff9e12;
    padding: 24px 24px 31px 12px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

.shop-bx-img {
    display: block;
    position: relative;
    padding-left: 12px;
    width: 100%;
}

    .shop-bx-img img {
        border-radius: 0px 3px 3px 3px;
        border: 1px solid rgba(204, 204, 204, 0.37);
    }

.shop-bx-content {
    position: relative;
    padding: 18px 0px 0px 0px;
}

.sh-bx-content-top {
    padding: 18px 0px 5px 12px;
    position: relative;
}

.recom-bx-wrapper .sh-bx-content-top {
    padding: 18px 0px 5px 0px;
}

.shop-bx-content .title {
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.shop-bx-content .price {
    color: #006736;
    font-size: 20px;
    font-weight: 700;
}

.shop-bx-content .detail {
    font-size: 14px;
    line-height: 1.3;
    padding-top: 24px;
    padding-bottom: 24px;
}

.shop-bx-cta {
    position: absolute;
    margin-bottom: 8px;
    bottom: 16px;
}

.shop-bx-img-block {
    position: relative;
}

    .shop-bx-img-block .d-cell {
        vertical-align: top;
    }

.sh-tag {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    z-index: 2;
    max-width: 100px;
    margin-left: 13px;
    margin-top: -25px;
}

.sh-offer-tag {
    background: #ffca03;
    box-sizing: border-box;
    height: 26px;
    padding: 2px 0px 0px 19px;
    position: relative;
    width: 110px;
    -webkit-box-shadow: 4px 2px 2px 0px rgba(1, 1, 1, 0);
    -moz-box-shadow: 4px 2px 2px 0px rgba(1, 1, 1, 0);
    box-shadow: 4px 2px 2px 0px rgba(1, 1, 1, 0);
}

    .sh-offer-tag:after {
        background: #ffca03;
        content: "";
        height: 26px;
        position: absolute;
        right: -13px;
        top: 0;
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        transform: skew(-20deg);
        width: 23px;
        -webkit-box-shadow: 3px 3px 3px -3px rgba(1, 1, 1, 0);
        -moz-box-shadow: 3px 3px 3px -3px rgba(1, 1, 1, 0);
        box-shadow: 3px 3px 3px -3px rgba(1, 1, 1, 0);
    }

.sh-cat-tag {
    max-width: 100px;
    border-radius: 0px;
    display: inline-block;
    padding: 1px 10px 1px 10px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(1, 1, 1, 0.1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(1, 1, 1, 0.1);
    box-shadow: 0px 2px 10px 0px rgba(1, 1, 1, 0.1);
    width: 100%;
}

.sh-cat-move-top {
    margin-top: -15px;
    padding: 13px 8px 2px 8px;
    max-width: 70px;
}

.sh-btm-tag {
    left: 0px;
    bottom: 0px;
}

    .sh-btm-tag .sh-offer-tag {
        padding: 4px 0px 0px 9px;
    }

.sh-cat-tg-img {
    display: inline-block;
    margin-right: 3px;
}

.sh-cat-tg-txt {
    display: inline-block;
    font-size: 14px;
    line-height: 1.2;
}

.sh-bx-content-top h3 {
    color: #60983e;
    line-height: normal;
    margin-bottom: 5px;
    letter-spacing: -1.1px;
}

.sh-bx-detail {
    font-size: 13px;
    color: #666666;
    line-height: normal;
    display: block;
    padding-bottom: 8px;
}

    .sh-bx-detail p {
        font-size: 14px;
    }

.sh-bx-content-middle {
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
    margin-left: 12px;
}

.recom-bx-wrapper .sh-bx-content-middle {
    margin-left: 0px;
}

.shop-bx-body {
    height: 100%;
}

    .shop-bx-body .body-scroll {
        overflow-x: hidden;
    }

.shop-bx-wrapper a table td {
    color: #666666;
    vertical-align: top;
}

.sh-bx-content-middle table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
}

    .sh-bx-content-middle table th,
    .sh-bx-content-middle table td {
        padding: 3px 0px 3px 0px;
        text-align: left;
        font-size: 13px;
        line-height: 1.1;
    }

        .sh-bx-content-middle table td:first-child {
            width: 125px;
        }

.sh-bx-cta {
    text-align: center;
    position: relative;
    padding: 24px 0px 0px 0px;
    margin: 0px auto 8px 12px;
    width: 85%;
    border-top: 0px solid #bdbebf;
    vertical-align: bottom;
}

.sh-price {
    font-size: 26px;
    color: #006736;
    margin-bottom: 0px;
    line-height: normal;
    padding-left: 15px;
}

.recom-bx-wrapper .sh-price {
    margin-bottom: 10px;
}

.sh-price span {
    display: block;
}

.sh-bx-price-top {
    font-size: 14px;
}

.btn-shop {
    border-radius: 24px;
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 22px 12px 22px;
    width: 100%;
    max-width: 210px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(1, 1, 1, 0.3);
    -moz-box-shadow: 0px 5px 15px 0px rgba(1, 1, 1, 0.3);
    box-shadow: 0px 5px 15px 0px rgba(1, 1, 1, 0.3);
    background: #006736;
    transition: all 0.3s;
}

.sh-bx-cta .cta-download {
    margin-top: 10px;
    padding-left: 15px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .sh-offer-tag {
        height: 25px;
        padding: 0px 0px 0px 10px;
        width: 84px;
        font-size: 11px;
    }

        .sh-offer-tag:after {
            height: 25px;
            right: -6px;
            width: 18px;
        }

    .sh-bx-content-top h3 {
        font-size: 16px;
        letter-spacing: normal;
    }

    .sh-bx-detail {
        font-size: 13px;
        letter-spacing: normal;
        line-height: normal;
        display: block;
    }

    .shop-bx {
        padding: 16px 18px 33px 12px;
    }

    .sh-tag {
        font-size: 12px;
        font-weight: 500;
        position: absolute;
        z-index: 2;
        max-width: 100px;
        margin-left: 7px;
        margin-top: -16px;
    }

    .bd-sh-highlight {
        padding: 16px 18px 31px 12px;
    }

    .shop-bx-img {
        padding-left: 6px;
    }

    .sh-bx-content-top {
        padding: 18px 0px 18px 6px;
    }

    .sh-bx-content-middle {
        margin-left: 6px;
    }

        .sh-bx-content-middle table td {
            font-size: 11px;
        }

            .sh-bx-content-middle table td:first-child {
                width: 100px;
            }

            .sh-bx-content-middle table td:last-child {
                text-align: right;
            }

    .other-shop .sh-bx-content-middle table td:last-child {
        text-align: left;
    }

    .sh-bx-cta {
        padding: 24px 0px 0px 0px;
        margin: 0px auto 8px 6px;
        width: 85%;
    }

    .sh-tag {
        font-size: 12px;
    }

    .sh-cat-move-top {
        margin-top: -14px;
        max-width: 60px;
    }

    .sh-price {
        font-size: 23px;
    }

    .sh-bx-price-top {
        font-size: 15px;
    }

    .btn-details {
        font-size: 14px;
    }

    .btn-shop {
        max-width: 160px;
        font-size: 14px;
    }

    .sh-bx-content-middle table td {
        padding: 3px 0px;
    }

    .sh-btm-tag {
        left: 6px;
    }

        .sh-btm-tag .sh-offer-tag {
            padding: 2px 0px 0px 10px;
        }

    .sh-cat-tg-img {
        margin-right: -4px;
    }

        .sh-cat-tg-img img {
            max-width: 75%;
        }

    .sh-cat-tg-txt {
        font-size: 10px;
    }
}

@media screen and (max-width:991px) {
    .sh-bx-content-top h3 {
        font-size: 20px;
        letter-spacing: normal;
    }

    .sh-bx-detail {
        font-size: 15px;
        letter-spacing: normal;
    }

    .sh-bx-cta {
        padding: 24px 0px 0px 0px;
        margin: 0px auto 8px 6px;
        width: 90%;
    }

    .sh-bx-content-middle table td {
        font-size: 14px;
        text-align: left;
        padding: 8px 0px;
    }

        .sh-bx-content-middle table td:first-child {
            width: auto;
        }

        .sh-bx-content-middle table td:last-child {
            text-align: right;
        }

    .other-shop .sh-bx-content-middle table td:last-child {
        text-align: left;
    }

    .sh-btm-tag {
        left: 12px;
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .sh-bx-content-middle table {
        border: 0;
    }

        .sh-bx-content-middle table tr {
            border-bottom: 0px solid #ddd;
        }

        .sh-bx-content-middle table td {
            border-bottom: 0px solid #ddd;
            font-size: 13px;
            text-align: left;
            padding: 8px 0px;
        }

            .sh-bx-content-middle table td:last-child {
                text-align: right;
            }

    .other-shop .sh-bx-content-middle table td:last-child {
        text-align: left;
    }

    .sh-bx-cta {
        width: 88%;
    }

    .sh-tag {
        font-size: 12px;
    }

    .sh-cat-tag {
        padding: 7px 10px 7px 10px;
    }

    .sh-cat-move-top {
        padding: 14px 5px 3px 5px;
        margin-top: -14px;
        max-width: 65px;
    }

    .sh-price {
        font-size: 23px;
    }

    .sh-bx-price-top {
        font-size: 15px;
    }

    .btn-details {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .btn-shop {
        max-width: 160px;
        font-size: 14px;
    }

    .sh-offer-tag {
        height: 25px;
        padding: 0px 0px 0px 10px;
        width: 84px;
        font-size: 11px;
    }

        .sh-offer-tag:after {
            height: 25px;
            right: -12px;
            width: 18px;
        }

    .sh-btm-tag .sh-offer-tag {
        padding: 2px 0px 0px 10px;
    }

    .sh-cat-tg-img {
        margin-right: -4px;
    }

        .sh-cat-tg-img img {
            max-width: 75%;
        }

    .sh-cat-tg-txt {
        font-size: 10px;
    }
}

.col-sxs-1, .col-sxs-2, .col-sxs-3, .col-sxs-4, .col-sxs-5, .col-sxs-6, .col-sxs-7, .col-sxs-8, .col-sxs-9, .col-sxs-10, .col-sxs-11, .col-sxs-12 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

@media screen and (max-width:480px) {
    .col-sxs-1, .col-sxs-2, .col-sxs-3, .col-sxs-4, .col-sxs-5, .col-sxs-6, .col-sxs-7, .col-sxs-8, .col-sxs-9, .col-sxs-10, .col-sxs-11, .col-sxs-12 {
        float: left;
    }

    .col-sxs-12 {
        width: 100%;
    }

    .col-sxs-11 {
        width: 91.66666667%;
    }

    .col-sxs-10 {
        width: 83.33333333%;
    }

    .col-sxs-9 {
        width: 75%;
    }

    .col-sxs-8 {
        width: 66.66666667%;
    }

    .col-sxs-7 {
        width: 58.33333333%;
    }

    .col-sxs-6 {
        width: 50%;
    }

    .col-sxs-5 {
        width: 41.66666667%;
    }

    .col-sxs-4 {
        width: 33.33333333%;
    }

    .col-sxs-3 {
        width: 25%;
    }

    .col-sxs-2 {
        width: 16.66666667%;
    }

    .col-sxs-1 {
        width: 8.33333333%;
    }
}

@media screen and (max-width:480px) {
    .shop-bx {
        padding: 22px 18px 28px 12px;
    }

    .sh-bx-content-top h3 {
        font-size: 20px;
        letter-spacing: normal;
    }

    .sh-bx-detail {
        font-size: 15px;
        letter-spacing: normal;
    }

    .sh-bx-content-middle {
        margin-bottom: 32px;
    }

        .sh-bx-content-middle table tr {
            padding: 5px 0px 5px 0px;
        }

        .sh-bx-content-middle table td {
            text-align: left;
        }

            .sh-bx-content-middle table td:first-child {
                font-size: 14px;
                width: auto;
            }

            .sh-bx-content-middle table td:last-child {
                font-size: 14px;
                text-align: right;
            }

    .other-shop .sh-bx-content-middle table td:last-child {
        text-align: left;
    }

    .sh-bx-cta {
        padding: 50px 0px 0px 0px;
        margin: 0px 0px 0px 6px;
        width: 100%;
        position: relative;
    }

    .btn-shop {
        padding: 10px 12px 12px 12px;
        max-width: 250px;
    }

    .sh-tag {
        font-size: 13px;
    }

    .sh-cat-tag {
        padding: 6px 18px 6px 18px;
    }

    .sh-cat-move-top {
        margin-top: -15px;
        padding: 14px 13px 4px 13px;
    }

    .cta-details {
        margin: 10px 0px 10px 0px;
    }

    .sh-btm-tag .sh-offer-tag {
        padding: 4px 0px 0px 10px;
    }

    .sh-cat-tg-img {
        margin-right: 4px;
    }

    .sh-cat-tg-txt {
        font-size: 12px;
    }
}

.support-shop h2 {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 0.8rem;
}

.support-shop h3 {
    line-height: normal;
    font-size: 26px;
}

.support-contact-sec {
    margin-bottom: 50px;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .support-shop h2 {
        font-size: 30px;
        line-height: normal;
    }

    .support-shop h3 {
        line-height: normal;
        font-size: 20px;
    }
}

@media screen and (max-width:767px) {
    .support-shop h2 {
        font-size: 25px;
        line-height: normal;
        margin-bottom: 1.8rem;
    }

    .support-shop h3 {
        line-height: normal;
        font-size: 16px;
    }
}

.recommend-block {
    background-color: #e9e9ea;
    padding: 50px 0px 100px 0px;
}

.recom-inside h3 {
    font-size: 24px;
    color: #303132;
}

.recom-slider .slick-track {
    margin: 0;
}

@media screen and (min-width:1200px) {
    .recom-slider {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media screen and (max-width:1440px) {
    .recom-slider .slick-next {
        right: -10px;
    }
}

@media screen and (max-width:1200px) {
    .recom-slider .slick-next {
        right: -20px;
    }
}

.support-links {
    background-color: #707070;
    padding: 24px 0px 48px 0px;
}

.content-bx-wrapper {
    padding: 0px 0px 24px 0px;
    position: relative;
    height: 100%;
}

.content-bx {
    border-radius: 5px;
    position: relative;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(1, 1, 1, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(1, 1, 1, 0.2);
    box-shadow: 0px 4px 8px 0px rgba(1, 1, 1, 0.2);
    z-index: 1;
    overflow: hidden;
}

.support-bx {
    padding: 30px 10px 24px 24px;
}

.content-bx-full:first-child .support-bx {
    padding: 30px 10px 24px 40px;
}

.content-bx-list {
    padding-left: 0;
    list-style: none;
}

    .content-bx-list li {
        margin-bottom: 1.1rem;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
    }

        .content-bx-list li a {
            color: #56595b;
        }

            .content-bx-list li a:hover {
                color: #000000;
            }

.support-bx-btn {
    font-size: 14px;
    color: #56595b;
    font-weight: 600;
}

    .support-bx-btn:hover {
        color: #2E2E2E;
    }

.media-sec.download-sec .tab-content {
    padding: 70px 50px 100px 50px;
}

.media-sec.download-sec .nav-pills > li:last-child {
    float: left;
    display: block;
}

    .media-sec.download-sec .nav-pills > li:last-child a {
        background-color: #eaeaea;
        color: #56595b;
        border-top: 1px solid #aaaaaa;
        border-right: 1px solid #aaaaaa;
        border-left: 0px solid #aaaaaa;
        border-bottom: 1px solid #eaeaea;
        text-decoration: none;
    }

.media-sec.download-sec .nav-pills > li.active:last-child a {
    background-color: #56595b;
    color: #FFFFFF;
    border: 1px solid #56595b;
}

.download-bx {
    padding: 14px 16px 14px 28px;
}

.download-bx-content {
    position: relative;
}

.download-bx-img {
    position: relative;
    min-width: 60px;
}

    .download-bx-img img {
        max-width: 100%;
        height: auto;
        display: block;
    }

.download-bx-detail {
    padding: 0px 0px 10px 20px;
    position: relative;
    width: 100%;
}

    .download-bx-detail h3 {
        margin-bottom: 20px;
    }

.btm-download {
    padding: 0px 0px 30px 0px;
}

.bx-download-cta {
    position: absolute;
    bottom: 0;
    display: inline-block;
}

a.btn-bx-download {
    color: #006736;
    font-size: 14px;
    text-decoration: underline;
    display: inline-block;
}

.btn-bx-download:hover {
    color: #042716;
    font-size: 14px;
    text-decoration: underline;
}

.btn-bx-download.left-cta {
    margin: 0px 10px 0px 0px;
}

@media screen and (max-width:1200px) {
    .download-bx-detail h3 {
        font-size: 15px;
        line-height: 1.3;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .download-bx {
        padding: 14px 16px 14px 14px;
    }

    .download-bx-img {
        min-width: 50px;
    }

    .download-bx-detail {
        padding: 0px 0px 10px 13px;
    }
}

@media screen and (max-width:580px) {
    .download-bx {
        padding: 14px 16px 14px 14px;
    }

    .download-bx-img {
        min-width: 50px;
    }

    .download-bx-detail {
        padding: 0px 0px 10px 13px;
    }
}

@media screen and (min-width:481px) and (max-width:520px) {
    .download-bx-detail {
        padding: 0px 0px 10px 15px;
    }

    .bx-download-cta {
        text-align: center;
        display: block;
    }

    .btn-bx-download.left-cta {
        margin: 0px 0px 5px 0px;
        display: block;
    }
}

.media-sec.media-inside .tab-content {
    padding: 70px 50px 100px 50px;
}

.media-sec.media-inside .nav-pills > li > a {
    font-size: 20px;
    padding: 22px 20px 17px 20px;
}

.media-sec.media-inside .nav-pills > li.active > a,
.media-sec.media-inside .nav-pills > li.active > a:hover,
.media-sec.media-inside .nav-pills > li.active > a:focus {
    padding: 22px 20px 17px 20px;
}

@media screen and (min-width:992px) and (max-width:1350px) {
    .media-sec.media-inside .nav-pills > li > a {
        font-size: 15px;
        padding: 18px 15px 15px 15px;
    }

    .media-sec.media-inside .nav-pills > li.active > a,
    .media-sec.media-inside .nav-pills > li.active > a:hover,
    .media-sec.media-inside .nav-pills > li.active > a:focus {
        padding: 18px 15px 15px 15px;
    }
}

@media screen and (min-width:769px) and (max-width:991px) {
    .media-sec.media-inside .nav-pills > li > a {
        font-size: 13px;
        padding: 18px 10px 15px 10px;
    }

    .media-sec.media-inside .nav-pills > li.active > a,
    .media-sec.media-inside .nav-pills > li.active > a:hover,
    .media-sec.media-inside .nav-pills > li.active > a:focus {
        padding: 18px 10px 15px 10px;
    }
}

@media screen and (min-width:401px) and (max-width:650px) {
    .media-sec.media-inside .media-icon img {
        max-width: 70%;
    }

    .media-sec.media-inside .nav-pills > li > a {
        padding: 20px 10px 20px 10px;
    }

    .media-sec.media-inside .nav-pills > li.active > a,
    .media-sec.media-inside .nav-pills > li.active > a:hover,
    .media-sec.media-inside .nav-pills > li.active > a:focus {
        padding: 20px 10px 20px 10px;
    }

    .media-sec.media-inside .tab-content {
        padding: 30px 30px 30px 30px;
    }
}

@media screen and (min-width:320px) and (max-width:400px) {
    .media-sec.media-inside .media-icon img {
        max-width: 50%;
    }

    .media-sec.media-inside .nav-pills > li > a {
        padding: 15px 0px 15px 0px;
    }

    .media-sec.media-inside .nav-pills > li.active > a,
    .media-sec.media-inside .nav-pills > li.active > a:hover,
    .media-sec.media-inside .nav-pills > li.active > a:focus {
        padding: 15px 0px 15px 0px;
    }

    .media-sec.media-inside .tab-content {
        padding: 30px 30px 30px 30px;
    }
}

.media-inside .media-home {
    padding: 70px 50px 100px 50px;
}

.media-inside .media-variation {
    border-radius: 0px 4px 4px 4px;
}

@media screen and (max-width:767px) {
    .media-inside .media-home {
        padding: 30px 30px 50px 30px;
    }
}

@media screen and (max-width:480px) {
    .media-inside .media-home {
        padding: 30px 20px 30px 20px;
    }
}

.page-business .page-hero-cont-inside .support-sec-services {
    text-align: left;
}

.page-business .ser-icon-txt h4 {
    color: #FFFFFF;
    font-weight: 400;
}

.page-business .support-sec-services.light-black .ser-icon-txt h4 {
    color: #1E1E1E;
}

.page-business .support-sec-services.dark-green .ser-icon-txt h4 {
    color: #006736;
}

.page-business .support-sec-services.light-green .ser-icon-txt h4 {
    color: #a5cc4d;
}

.page-business .support-sec-services.light-grey .ser-icon-txt h4 {
    color: #A6A9AB;
}

.page-business .support-sec-services.grey .ser-icon-txt h4 {
    color: #56595B;
}

.page-business .support-sec-services.dark-grey .ser-icon-txt h4 {
    color: #303132;
}

.page-business .support-sec-services.light-grey .ser-icon-txt h4 {
    color: #A6A9AB;
}

.page-business .support-sec-services.black .ser-icon-txt h4 {
    color: #000000;
}

.page-business .support-sec-services.white .ser-icon-txt h4 {
    color: #FFFFFF;
}

.page-business .ser-icon-box {
    padding: 24px 12px 24px 12px;
}

@media screen and (max-width:767px) {
    .page-business .page-hero-cont-inside .support-sec-services {
        text-align: left;
        max-width: 100%;
        margin: 20px 0px 0px 0px;
        float: left;
    }
}

@media screen and (min-width:434px) and (max-width:768px) {
    .page-business .support-ser-icon:first-child {
        margin-left: 0px;
    }

    .page-business .ser-icon-box {
        padding: 24px 12px 12px 12px;
    }

    .page-business .support-ser-icon {
        width: 80px;
    }
}

@media screen and (min-width:435px) and (max-width:523px) {
    .page-business .support-ser-icon:last-child {
        margin-left: 0px;
    }
}

@media screen and (max-width:433px) {
    .page-business .page-hero-cont-inside .support-sec-services {
        text-align: center;
        max-width: 360px;
    }

    .page-business .support-ser-icon {
        height: auto;
    }
}

.biz-partners {
    padding: 70px 0px 70px 0px;
}

.biz-client-bx {
    border: 1px solid #ddd;
    padding: 20px 30px 20px 30px;
    margin: 20px 0px 20px 0px;
}

.biz-testi-wrap {
    padding: 0px 24px 0px 100px;
}

.biz-testi-carousel {
    margin: 35px 0px 0px 0px;
}

    .biz-testi-carousel p {
        font-family: 'Swis721 Cn Roman';
        color: #56595b;
        font-size: 20px;
    }

@media screen and (min-width:992px) and (max-width:1199px) {
    .biz-testi-wrap {
        padding: 0px 24px 0px 80px;
    }

    .biz-client-bx {
        padding: 20px 20px 20px 20px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .biz-testi-wrap {
        padding: 0px 24px 0px 50px;
    }
}

@media screen and (max-width:767px) {
    .biz-partners {
        padding: 30px 0px 50px 0px;
    }

    .biz-client {
        margin: 0px 0px 20px 0px;
        border-bottom: 1px solid #a5cc4d;
        padding: 0px 0px 25px 0px;
    }

    .biz-testi-wrap {
        padding: 8px 24px 0px 0px;
    }

    .biz-client-bx {
        margin: 10px 0px 10px 0px;
    }
}

@media screen and (max-width:480px) {
    .biz-client-bx {
        padding: 5px 10px 5px 10px;
    }
}

.biz-links {
    background-color: #e7e7e7;
    padding: 45px 0px 50px 0px;
}

.biz-product-bx {
    position: relative;
    padding: 35px 0px 0px 0px;
}

.biz-bx {
    padding: 30px 10px 24px 24px;
}

.in-pkg-bx {
    padding: 30px 10px 24px 24px;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .biz-bx {
        padding: 30px 10px 24px 10px;
    }

        .biz-bx h3 {
            display: block;
            font-size: 16px;
            line-height: 1.4;
        }

    .content-bx-list li {
        font-size: 13px;
    }

    .in-pkg-bx {
        padding: 30px 20px 24px 20px;
    }

        .in-pkg-bx h3 {
            display: block;
            font-size: 16px;
        }
}

@media screen and (max-width:767px) {
    .biz-bx {
        padding: 15px 10px 15px 10px;
    }

        .biz-bx h3 {
            display: block;
            font-size: 18px;
        }

    .in-pkg-bx {
        padding: 30px 20px 24px 20px;
    }

        .in-pkg-bx h3 {
            display: block;
            font-size: 18px;
        }
}

.media-sec.support-tariff .tab-content {
    background-color: #f3f3f3;
    padding: 60px 50px 100px 50px;
    color: #56595b;
}

.media-sec.support-tariff .nav-pills > li.active > a,
.media-sec.support-tariff .nav-pills > li.active > a:hover,
.media-sec.support-tariff .nav-pills > li.active > a:focus {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #56595b;
}

.media-sec.support-tariff .nav-pills > li > a {
    color: #808181;
}

.media-sec.support-tariff .nav-pills > li:last-child a {
    border-top: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
    border-left: 0px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
    color: #808181;
}

.media-sec.support-tariff .nav-pills > li.active:last-child a {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #56595b;
}

.media-sec.support-tariff .nav-pills > li:nth-child(1) a {
    border-left: 1px solid #e4e5e7;
    border-top: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
}

.support-tariff .cs-list.green-dots li {
    color: #56595b;
}

.support-tariff .media-box:hover h3 {
    color: #006736;
}

.support-tariff .media-box:hover p {
    color: #56595b;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .media-sec.support-tariff .tab-content {
        padding: 30px 30px 30px 30px;
    }
}

@media screen and (max-width:991px) {
    .media-sec.support-tariff .tab-content {
        padding: 30px 30px 50px 30px;
    }
}

@media screen and (max-width:767px) {
    .media-sec.support-tariff .tab-content {
        padding: 30px 20px 50px 20px;
    }
}

.tariff-search-plugin {
    margin-bottom: 60px;
}

    .tariff-search-plugin .easy-autocomplete {
        width: 100% !important;
    }

.tariff-search-bar input.lg-input {
    border: 1px solid #acacac;
    box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
    color: #56595b;
    padding: 15px 30px;
    line-height: 1.1;
    height: 48px;
}

.video-tutorial-search-wrap {
    background-color: #dddede;
    padding: 30px 80px 0px 80px;
}

.tariff-search-bar .search-icon {
    right: 20px;
}

.tariff-chk-box {
    margin: 0px 0px 0px 0px;
    border: 1px solid #acacac;
    box-shadow: 0px 2px 0px 0px rgba(1, 1, 1, 0.15);
    border-radius: 4px;
}

.sub-filter-item.cs-checkbox.tariff-chk-box .custom-checkbox {
    width: 100%;
    padding: 14px 10px;
    font-size: 14px;
}

.tariff-search-bar input::-moz-placeholder,
.tariff-search-bar input::placeholder {
    color: #000;
    font-weight: 500;
}

@media screen and (max-width:767px) {
    .tariff-chk-box {
        margin-top: 20px;
    }

    .tariff-search-bar input.lg-input {
        padding: 10px 15px;
        line-height: 1.1;
        font-size: 14px;
    }

    .tariff-search-bar .search-icon {
        right: 9px;
    }

    .faq-search-bar .search-icon {
        top: 16px;
    }

    .video-tutorial-search-wrap .video-tutorial-search {
        max-width: none;
    }
}

.my-acc-left-sidebar {
    background-color: #1E1E1E;
}

.my-acc-right-sidebar {
    background-color: #f4f9eb;
}

.my-acc-top-header {
    display: inline-block;
    padding: 40px 0px 20px 45px;
    width: 100%;
}

    .my-acc-top-header.top-header-small {
        padding-top: 29px;
        padding-bottom: 29px;
    }

.my-acc-btm-detail {
    padding: 45px 50px 60px 45px;
    width: 100%;
}

.tbl-top {
    padding: 45px 30px 60px 30px;
    width: 100%;
}

    .tbl-top .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .tbl-top .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -25px;
    }

.my-acc-heading {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
}

    .my-acc-heading.my-acc-icon-heading {
        display: table;
        width: 100%;
    }

.my-acc-icon-heading .heading-icon, .my-acc-icon-heading .heading-lines {
    display: table-cell;
    vertical-align: top;
}

.my-acc-icon-heading .heading-lines {
    padding-right: 20px;
}

    .my-acc-icon-heading .heading-lines h3 {
        margin-bottom: 10px;
    }

    .my-acc-icon-heading .heading-lines h4 {
        margin-bottom: 0;
    }

.my-acc-icon-heading .heading-icon {
    width: 70px;
    padding-right: 20px;
}

.my-acc-heading h3 {
    font-size: 28px;
}

.my-acc-cta {
    display: inline-block;
}

.my-acc-info-block {
    margin: 12px 0px 12px 0px;
}

    .my-acc-info-block h3 span {
        font-size: 16px;
    }

    .my-acc-info-block h3 a:hover {
        color: #767676;
    }

@media (max-width:992px) {
    .my-acc-icon-heading .heading-icon, .my-acc-icon-heading .heading-icon img {
        width: 40px;
    }
}

@media screen and (max-width:767px) {
    .my-acc-left {
        display: none;
    }

    .my-acc-btm-detail {
        padding: 30px 15px 30px 15px;
        width: 100%;
    }

    .my-acc-detail {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .my-acc-top-header {
        padding: 40px 0px 20px 15px;
    }
}

@media screen and (max-width:480px) {
    .my-acc-top-header {
        display: inline-block;
        padding: 30px 0px 15px 20px;
        width: 100%;
    }

    .my-acc-btm-detail {
        padding: 30px 20px 30px 20px;
        width: 100%;
    }

    .my-acc-icon-heading .heading-icon {
        display: none;
    }
}

.in-detail-wrap-full {
    padding: 50px 0px 20px 0px;
}

.in-detail-content {
    padding: 24px 0px 0px 0px;
}

.in-detail-content-top {
    padding: 0px 70px 30px 0px;
}

.in-detail-pkg-cta {
    padding: 24px 24px 0px 0px;
}

    .in-detail-pkg-cta h2 {
        margin-bottom: 0rem;
    }

.in-detail-content ul {
    margin-bottom: 48px;
}

.in-gen-detail h3.txt-grey {
    margin-bottom: 0.5rem;
}

@media screen and (max-width:992px) {
    .in-detail-content-top {
        padding: 0px 24px 0px 0px;
    }
}

@media screen and (max-width:768px) {
    .in-detail-content-top {
        padding: 0px 0px 0px 0px;
    }
}

.main-content-inside > img {
    max-width: 100%;
    height: auto;
}

.main-content-inside .in-detail-wrap > h1 {
    font-size: 32px;
}

.main-content-inside .in-detail-wrap > h2 {
    font-size: 24px;
}

.main-content-inside .in-detail-wrap > h3 {
    font-size: 20px;
}

.main-content-inside .in-detail-wrap > h1,
.main-content-inside .in-detail-wrap > h2,
.main-content-inside .in-detail-wrap > h3,
.main-content-inside .in-detail-wrap > h4,
.main-content-inside .in-detail-wrap > h5 {
    padding-top: 15px;
    margin-bottom: 12px;
}

.main-content-inside .in-detail-wrap > h1,
.main-content-inside .in-detail-wrap > h2 {
    color: #006736;
}

.main-content-inside .in-detail-wrap > h3,
.main-content-inside .in-detail-wrap > h4,
.main-content-inside .in-detail-wrap > h5 {
    color: #303132;
}

    .main-content-inside .in-detail-wrap > h4.txt-white {
        color: #FFFFFF;
    }

.procument-posts-container .biz-detail-intro > h3 {
    font-size: 2.6rem;
    line-height: 26px;
    margin-bottom: 1rem;
}

.main-content-inside .in-detail-wrap > h1:nth-child(1),
.main-content-inside .in-detail-wrap > h2:nth-child(1),
.main-content-inside .in-detail-wrap > h3:nth-child(1),
.main-content-inside .in-detail-wrap > h4:nth-child(1),
.main-content-inside .in-detail-wrap > h5:nth-child(1),
.main-content-inside .in-detail-wrap > h6:nth-child(1) {
    padding-top: 0;
}

.main-content-inside .in-detail-wrap h2 + .main-content-inside .in-detail-wrap h3 {
    padding-top: 0;
}

.inside-breadcrumb {
    background-color: #d2d4d5;
    min-height: 45px;
}

.in-breadcrumb-path {
    padding-left: 390px;
}

.inside-breadcrumb ul li a {
    color: #56595b;
    line-height: 1.2;
}

.float-arr-down {
    background-color: #a6cc4e;
    position: absolute;
    padding: 20px 25px 20px 25px;
    left: 0;
    top: 0;
    height: 69px;
}

    .float-arr-down .fas {
        font-size: 25px;
        color: #FFFFFF;
    }

.vertical-nav {
    background-color: #ebebe9;
    padding: 90px 10px 70px 30px;
}

    .vertical-nav ul.cs-line {
        margin-left: 0;
    }

        .vertical-nav ul.cs-line li {
            font-size: 14px;
            padding-left: 0px;
            margin-bottom: 1.5rem;
            position: relative;
            line-height: 18px;
        }

            .vertical-nav ul.cs-line li a {
                color: #56595b;
            }

            .vertical-nav ul.cs-line li.active a {
                color: #006736;
            }

            .vertical-nav ul.cs-line li.active:before {
                content: "";
                padding-right: 22px;
                font-size: 25px;
                vertical-align: middle;
                position: absolute;
                left: 0;
                border-bottom: 4px solid #a6cc4e;
                bottom: 5px;
                margin-left: -30px;
            }

@media (max-width:1341px) {
    .in-breadcrumb-path {
        padding-left: 370px;
    }
}

@media (max-width:1199px) {
    .in-breadcrumb-path {
        padding-left: 320px;
    }
}

@media screen and (min-width:768px) {
    .biz-inside-wrapper {
        position: relative;
    }

    .biz-detail-wrap {
        float: left;
        width: 75%;
        vertical-align: top;
        padding: 60px 70px 35px 70px;
    }

    .biz-sidebar {
        float: left;
        width: 25%;
        max-width: 308px;
        vertical-align: top;
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
        top: -69px;
        transition: all 0.4s;
    }

        .biz-sidebar.is-affixed {
            transition: all 0.4s;
            top: 0px;
        }

        .biz-sidebar .inner-wrapper-sticky {
            position: relative;
        }

    .float-arr-down .fas {
        transition: all 0.4s;
    }

    .biz-sidebar.scrollingUp .float-arr-down .fas {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .biz-detail-wrap {
        padding: 70px 20px 35px 70px;
    }
}

@media screen and (max-width:991px) {
    .vertical-nav {
        padding: 90px 10px 70px 30px;
    }

    .biz-sidebar {
        width: 30%;
    }

    .biz-detail-wrap {
        display: inline-block;
        width: 70%;
        vertical-align: top;
        padding: 30px 30px 35px 30px;
    }

    .vertical-nav ul.cs-line li {
        font-size: 14px;
        margin-bottom: 1.3rem;
        padding-left: 0px;
    }

    .in-breadcrumb-path {
        padding-left: 260px;
    }

    .vertical-nav ul.cs-line li.active:before {
        padding-right: 22px;
        margin-left: -30px;
    }
}

@media screen and (max-width:768px) {
    .vertical-nav ul.cs-line li {
        font-size: 14px;
        margin-bottom: 0.8rem;
        padding-left: 0px;
    }
}

@media screen and (max-width:767px) {
    .biz-detail-wrap {
        padding: 30px 12px 30px 12px;
    }

    .vertical-nav {
        padding: 90px 10px 30px 30px;
    }

    .biz-sidebar {
        width: 100%;
        position: relative;
    }

    .biz-detail-wrap {
        display: block;
        width: 100%;
    }

    .in-breadcrumb-path {
        padding-left: 12px;
    }

    .vertical-nav ul.cs-line li.active:before {
        padding-right: 22px;
        margin-left: -29px;
    }
}

.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.bg-vid {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: inherit;
}

@media (max-width:991px) {
    .fullscreen-bg {
        position: absolute;
        background-size: cover !important;
        background-position: center top !important;
        width: 100%;
        height: 100%;
    }

    .bg-vid {
        display: none;
    }

        .bg-vid.mobile-video {
            display: block;
        }
}

.career-links {
    background-color: #e9e9ea;
    padding: 48px 0px 48px 0px;
}

.career-box-wrapper {
    display: block;
    vertical-align: top;
}

.career-bx {
    max-width: 100%;
}

.crb-content .sb.title {
    margin-bottom: 10px;
    color: #303030;
}

.crb-btm-content .body-scroll {
    padding-bottom: 24px;
}

.crb-img img {
    margin-bottom: 18px;
}

.crb-btm-content .sb.sm-title {
    font-size: 15px;
    color: #959a9d;
}

.career-join-bx {
    background-color: #006736;
}

.career-join-bx-in {
    padding: 20px 20px 0px 20px;
    line-height: 1.4;
}

.career-join-bx .crb-btm-content span {
    font-size: 15px;
}

.career-join-bx .d-cell a {
    position: absolute;
    bottom: 5px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .career-join-bx {
        padding: 20px;
    }
}

@media screen and (max-width:991px) {
    .career-links {
        padding: 48px 0px 24px 0px;
    }

    .career-box-wrapper {
        margin-bottom: 24px;
    }

    .career-join-bx-in {
        padding: 20px;
    }

    .career-join-bx .crb-btm-content {
        margin-bottom: 20px;
    }

    .career-join-bx .d-cell a {
        bottom: -20px;
    }
}

@media screen and (max-width:768px) {
    .career-join-bx .d-cell a {
        bottom: -15px;
    }
}

@media screen and (max-width:479px) {
    .career-join-bx-in {
        padding: 15px 10px 0px 10px;
    }

    .career-join-bx .d-cell a {
        bottom: 0px;
    }
}

.bod-main {
    padding: 24px 88px 24px 88px;
}

.bod-bx-wrapper {
    display: block;
}

.bod-bx {
    padding: 35px 65px 30px 38px;
    box-shadow: none;
    border-radius: 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 0px;
    max-width: 100%;
    height: 100%;
}

    .bod-bx:hover, .bod-bx:focus {
        cursor: pointer;
        -webkit-box-shadow: 0px 3px 12px 8px rgba(197, 197, 197, 1.0);
        -moz-box-shadow: 0px 3px 12px 8px rgba(197, 197, 197, 1.0);
        box-shadow: 0px 3px 12px 8px rgba(197, 197, 197, 1.0);
    }

.bod-user {
    position: relative;
}

.bod-user-img {
    margin-bottom: 0px;
}

.bod-user-name {
    font-size: 22px;
    font-family: 'Swis721 Md BT';
    margin-bottom: 1rem;
}

.bod-bx-top {
    margin-bottom: 10px;
}

.bod-user-desig .fas {
    vertical-align: bottom;
    font-size: 20px;
    color: #959a9d;
    margin: 0px 5px -3px 0px;
}

.bod-bx-head {
    margin-left: 0px;
    padding: 30px 0px 30px 0px;
}

.bod-side-main {
    float: left;
    width: 75%;
    vertical-align: top;
    padding: 24px 12px 24px 12px;
}

@media screen and (max-width:1199px) {
    .bod-main {
        padding: 24px 24px 24px 24px;
    }

    .bod-bx-head {
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width:991px) {
    .bod-user {
        margin-bottom: 20px;
    }

    .bod-user-name {
        margin-bottom: 0.5rem;
    }

    .bod-side-main {
        width: 70%;
        padding: 24px 0px 24px 12px;
    }
}

@media screen and (max-width:767px) {
    .bod-bx {
        padding: 20px 20px 20px 20px;
    }

    .bod-side-main {
        width: 100%;
        padding: 24px 12px 24px 12px;
    }
}

@media screen and (max-width:600px) {
    .bod-user-name {
        font-size: 18px;
    }

    .bod-user-desig {
        font-size: 14px;
    }

        .bod-user-desig .fas {
            font-size: 14px;
            margin: 0px 5px 0px 0px;
        }
}

.careers-shop {
    height: 250px;
}

@media screen and (max-width:767px) {
    .careers-shop {
        height: auto;
    }
}

.in-gen-bx-full {
    margin: 20px 0px 0px 0px;
    text-align: left;
}

.in-gen-bx {
    width: 175px;
}

.in-gen-bx-txt {
    margin-top: 15px;
}

    .in-gen-bx-txt h4 {
        font-size: 16px;
        word-wrap: break-word;
        margin-bottom: 0;
    }

.support-contact-block {
    position: relative;
    margin: 40px auto 40px auto;
    max-width: 900px;
    height: 100%;
    display: block;
}

.support-contact-block-left {
    padding: 10px 30px 5px 100px;
    border-right: 2px solid #FFFFFF;
    text-align: left;
}

.support-contact-block-right {
    padding: 10px 0px 5px 30px;
    text-align: left;
}

.support-contact-bx {
    display: block;
    margin-bottom: 20px;
}

.supoort-contact-bx-img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.support-contact-bx-txt {
    display: inline-block;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .in-gen-bx {
        width: 150px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .support-contact-block-left {
        padding: 10px 30px 5px 50px;
    }

    .support-contact-block-right {
        padding: 10px 0px 5px 10px;
    }

    .support-contact-bx-txt span {
        font-size: 14px;
    }
}

@media screen and (max-width:767px) {
    .support-contact-block {
        margin: 20px auto 20px auto;
    }

    .support-contact-block-left {
        padding: 10px 0px 5px 0px;
        border-right: 0px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        text-align: center;
    }

    .support-contact-block-right {
        padding: 30px 0px 5px 0px;
        text-align: center;
    }

    .support-contact-bx-txt span {
        font-size: 14px;
    }

    .supoort-contact-bx-img {
        display: block;
    }

    .support-contact-bx-txt {
        display: block;
    }
}

@media screen and (max-width:1345px) {
    .in-gen-bx {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media screen and (min-width:434px) and (max-width:768px) {
    .in-gen-bx:first-child {
        margin-left: 0px;
    }

    .in-gen-bx {
        margin-right: 30px;
    }
}

@media screen and (max-width:434px) {
    .in-gen-bx:first-child {
        margin-left: 0px;
    }

    .in-gen-bx {
        margin-right: 10px;
    }
}

@media screen and (max-width:422px) {
    .in-gen-bx {
        margin-right: 0px;
        width: 250px;
    }
}

.media-content.media-top-screen {
    background-color: #56595b;
    border-radius: 4px 4px 0px 0px;
    padding: 60px 0px 60px 0px;
    position: relative;
    display: block;
}

.media-content.media-video-list {
    background-color: #dddede;
    padding: 0px 80px 70px 80px;
    border-radius: 0px 0px 4px 4px;
}

.media-content.media-top-screen h3,
.media-content.media-top-screen h5 {
    color: #FFFFFF;
}

.media-sec.media-tv .tab-content {
    background-color: #dddede;
}

.media-sec.media-tv .tab-content {
    padding: 0px 0px 30px 0px;
}

.media-tv .top-media {
    background-color: #56595b;
    border-radius: 4px 4px 0px 0px;
    padding: 60px 0px 60px 0px;
    position: relative;
    display: block;
}

    .media-tv .top-media .h_iframe iframe {
        background-color: #56595b;
    }

.media-tv-vid {
    margin: 0 auto;
    text-align: center;
}

    .media-tv-vid.embed-responsive.embed-responsive-4by3 {
        padding-bottom: 46.25%;
    }

.border-frame {
    border: 2px solid #c0c0c0;
}

.top-tv-block .media-tv-detail {
    padding: 0px 0px 0px 165px;
    max-width: 1067px;
    width: 100%;
}

.media-tv-txt h5 {
    font-size: 13px;
}

.media-tv-txt .media-date {
    color: #a6a9ab;
}

.media-tv-detail {
    display: inline-block;
    position: relative;
}

.media-tv-txt {
    display: inline-block;
}

    .media-tv-txt a h3 {
        color: #000000;
    }

.media-tv-cta {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.media-tv .btm-media {
    padding: 0px 80px 70px 80px;
}

    .media-tv .btm-media .media-box {
        color: #000000;
        margin: 60px 0px 0px 0px;
    }

.btm-media.media-video-list {
    padding: 0px 0px 70px 80px;
}

    .btm-media.media-video-list .media-box {
        color: #000000;
        margin: 60px 0px 0px 0px;
    }

.media-tv-btm-cta {
    display: inline-block;
    margin-top: 10px;
}

.btm-media .pagination-wrap {
    margin-top: 80px;
}

@media screen and (min-width:1199px) and (max-width:1341px) {
    .top-tv-block .media-tv-detail {
        padding: 0px 0px 0px 125px;
        max-width: 1020px;
        margin-top: 24px;
    }

    .btm-media.media-video-list {
        padding: 0px 40px 70px 80px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .top-tv-block .media-tv-detail {
        padding: 0px 0px 0px 20px;
        max-width: 900px;
        margin-top: 24px;
    }

    .btm-media.media-video-list {
        padding: 0px 50px 70px 80px;
    }

    .media-box .videoplay-icon img {
        max-width: 100%;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .top-tv-block .media-tv-detail {
        padding: 0px 20px 0px 16px;
        max-width: 100%;
        margin-top: 24px;
    }
}

@media screen and (max-width:992px) {
    .media-tv-vid.embed-responsive.embed-responsive-4by3 {
        padding-bottom: 58%;
    }

    .media-tv .btm-media {
        padding: 0px 20px 40px 20px;
    }

    .btm-media.media-video-list {
        padding: 0px 33px 30px 60px;
    }

    .video-tutorial-search-wrap {
        padding: 15px 60px 0px 60px;
    }

    .btm-media.media-video-list .media-box {
        color: #000000;
        margin: 20px 0px 0px 0px;
    }

    .media-tv-txt h3 {
        font-size: 16px;
    }
}

@media screen and (max-width:991px) {
    .media-tv .btm-media {
        padding: 30px 20px 0px 20px;
    }

        .media-tv .btm-media .media-box {
            margin: 0px 0px 40px 0px;
        }

    .media-sec.media-tv .tab-content {
        padding: 0px 0px 20px 0px;
    }

    .btm-media .pagination-wrap {
        margin-top: 20px;
    }

    .btm-media.media-video-list {
        padding: 0px 60px 30px 60px;
    }
}

@media screen and (max-width:768px) {
    .media-tv-vid.embed-responsive.embed-responsive-4by3 {
        padding-bottom: 60%;
    }
}

@media screen and (max-width:767px) {
    .top-tv-block .media-tv-detail {
        padding: 0px 20px 0px 15px;
        max-width: 100%;
        margin-top: 24px;
    }

    .media-tv-cta {
        display: block;
        vertical-align: top;
        float: none;
    }

    .media-box .videoplay-icon img {
        max-width: 100%;
    }

    .video-tutorial-search-wrap {
        padding: 15px 140px 0px 110px;
    }

    .btm-media.media-video-list {
        padding: 0px 110px 30px 110px;
    }
}

@media screen and (max-width:650px) {
    .video-tutorial-search-wrap {
        padding: 15px 40px 0px 40px;
    }

    .btm-media.media-video-list {
        padding: 0px 14px 30px 40px;
    }
}

@media screen and (max-width:480px) {
    .btm-media.media-video-list .media-box {
        padding: 0px 30px 0px 0px;
    }
}

.netflix-wrap {
    padding: 70px 50px 70px 50px;
}

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

.netflix-page .d-cell a.btn {
    margin-top: 20px;
}

.netflix-full-wrap {
    position: relative;
    z-index: 1;
}

.netflix-bx-wrap {
    background-color: #e6e6e6;
    margin-top: 160px;
    height: 100%;
    position: relative;
    padding: 150px 0px 20px 0px;
}

.netflix-bx-img {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

    .netflix-bx-img img {
        margin-top: -100px;
    }

.netflix-pkg-detail h2 {
    margin-bottom: 1.0rem;
}

.netflix-pkg-frm {
    position: relative;
    display: block;
    padding: 30px 230px 50px 230px;
    box-shadow: 0px 10px 10px -10px #d3d3d3;
    text-align: left;
}

    .netflix-pkg-frm .form-group {
        margin-bottom: 15px;
    }

    .netflix-pkg-frm label {
        color: #303132;
    }

.netflixBtn {
    font-size: 20px;
}

.netflix-pkg-upgrade {
    padding: 70px 130px 30px 130px;
}

    .netflix-pkg-upgrade .btn-block {
        padding: 30px 100px 30px 100px;
    }

.netflix-btm {
    text-align: left;
    padding: 70px 70px 0px 0px;
    max-width: 1236px;
    margin: 0 auto;
    font-family: 'Swis721 BT', sans-serif;
}

.media-inside .netflix-btm {
    background-color: #56595b;
    border-radius: 0px 4px 4px 4px;
    padding: 70px 50px 100px 50px;
}

    .media-inside .netflix-btm h5 {
        color: #fff;
        font-size: 4.2rem;
        line-height: 4.8rem;
        margin-bottom: 1rem;
    }

    .media-inside .netflix-btm .table-responsive {
        border: 0px;
    }

    .media-inside .netflix-btm table {
        margin-top: 35px;
    }

        .media-inside .netflix-btm table td {
            padding: 0px 10px;
        }

.media-inside .media-tabs-gallery {
    background-color: #56595b;
    border-radius: 0px 4px 4px 4px;
    padding: 70px 50px 100px 50px;
}

    .media-inside .media-tabs-gallery h3 {
        color: #fff;
    }

    .media-inside .media-tabs-gallery h5 {
        color: #a6a9ab;
    }

.netflix-btm p {
    color: #747474;
    font-size: 12px;
    font-family: 'Swis721 BT', sans-serif;
    line-height: 1.3;
}

.netflix-btm > ol,
.netflix-btm > ul {
    padding-left: 20px;
    font-size: 12px;
    color: #747474;
}

    .netflix-btm > ol > li,
    .netflix-btm > ul > li {
        position: relative;
        line-height: 1.3;
        padding-bottom: 6px;
    }

.netflix-btm ol li ul {
    padding-left: 20px;
    margin-top: 8px;
}

    .netflix-btm ol li ul li {
        position: relative;
        line-height: 1.3;
        padding-bottom: 6px;
        list-style: none;
        margin-left: -5px;
    }

        .netflix-btm ol li ul li:before {
            font-family: "Font Awesome 5 Free";
            position: absolute;
            left: -15px;
            content: "\f111";
            font-size: 7px;
            color: #c0c0c0;
            top: 4px;
            font-weight: 900;
        }

.netflix-inner-page .netflix-bx-wrap {
    margin-top: 0px;
    padding: 50px 0px 50px 0px;
}

.netflix-inner-page .netflix-pkg-frm {
    box-shadow: none;
    padding: 30px 230px 0px 230px;
    text-align: left;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .netflix-wrap {
        padding: 70px 30px 70px 30px;
    }
}

@media screen and (max-width:991px) {
    .netflix-wrap {
        padding: 50px 10px 50px 10px;
    }

    .netflix-pkg-frm {
        padding: 30px 150px 30px 150px;
    }

    .netflix-inner-page .netflix-pkg-frm {
        padding: 30px 150px 30px 150px;
    }

    .netflix-pkg-upgrade {
        padding: 70px 70px 30px 70px;
    }

        .netflix-pkg-upgrade .btn-block {
            padding: 30px 80px 30px 80px;
        }

    .netflix-btm {
        padding: 70px 0px 0px 0px;
    }
}

@media screen and (max-width:650px) {
    .netflix-bx-img img {
        max-width: 80%;
        margin-top: -80px;
    }

    .netflix-bx-wrap h2 {
        font-size: 23px;
        display: block;
    }

    .netflix-bx-wrap h4 {
        font-size: 16px;
        display: block;
    }

    .netflix-pkg-frm {
        padding: 30px 50px 30px 50px;
    }

    .netflix-inner-page .netflix-pkg-frm {
        padding: 30px 50px 30px 50px;
    }

    .netflix-pkg-upgrade {
        padding: 70px 20px 30px 20px;
    }

        .netflix-pkg-upgrade .btn-block {
            padding: 30px 30px 30px 30px;
        }
}

@media screen and (max-width:580px) {
    .netflix-bx-img img {
        margin-top: -50px;
    }

    .netflix-bx-wrap h2 {
        font-size: 18px;
    }

    .netflix-bx-wrap h4 {
        font-size: 14px;
    }

    .netflix-bx-wrap {
        padding: 100px 5px 20px 5px;
        margin-top: 100px;
    }

    .netflix-pkg-frm {
        padding: 30px 10px 30px 10px;
    }

    .netflix-inner-page .netflix-pkg-frm {
        padding: 30px 20px 30px 20px;
    }

    .netflix-pkg-upgrade {
        padding: 50px 0px 0px 0px;
    }

        .netflix-pkg-upgrade .btn-block {
            padding: 30px 10px 30px 10px;
        }

    .netflixBtn {
        font-size: 18px;
    }
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 100%;
}

    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.coverage-filter-wrap {
    position: absolute;
    top: 25px;
    width: 100%;
    height: auto;
}

.map-filter-wrap {
    margin-left: 12px;
    margin-right: 12px;
    font-family: 'Swis721 Md BT';
    font-weight: 300;
}

.map-filter-top {
    background-color: #5a5d5f;
}

.coverage-filter .custom-checkbox input[type="checkbox"] + span {
    border: 2px solid #585858;
}

    .coverage-filter .custom-checkbox input[type="checkbox"] + span.map-chk-1 {
        background-color: #1a773a;
    }

    .coverage-filter .custom-checkbox input[type="checkbox"] + span.map-chk-2 {
        background-color: #a6cc4e;
    }

    .coverage-filter .custom-checkbox input[type="checkbox"] + span.map-chk-3 {
        background-color: #607a24;
    }

    .coverage-filter .custom-checkbox input[type="checkbox"] + span.map-chk-4 {
        background-color: #4ba369;
    }

.map-filter-btm {
    background: rgba(134, 135, 129, 0.7);
}

.map-search-bar .search-icon {
    top: 10px;
}

.map-search-bar input::-moz-placeholder,
.map-search-bar input::placeholder {
    color: #000;
    font-weight: 500;
}

.map-mb-search .sub-filter-item {
    text-align: left;
}

.map-mb-search .custom-dropdown {
    width: 100%;
}

    .map-mb-search .custom-dropdown select {
        width: 100%;
    }

.coverage-mobile-wrap .map-search-bar {
    margin: 3px 5px 0px 5px;
}

.search-dropdown.map-filers-not-popup {
    padding: 1px;
    margin-bottom: 5px;
}

.mb-fil-loc .header-inner {
    display: block;
}

.coverage-res-wrap {
    padding-bottom: 68%;
}

@media screen and (min-width:1199px) and (max-width:1400px) {
    .coverage-res-wrap {
        padding-bottom: 50.5%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .coverage-res-wrap {
        padding-bottom: 80.5%;
    }
}

@media screen and (max-width:992px) {
    .map-mb-search .custom-dropdown {
        margin-bottom: 20px;
    }

    .map-search-bar input.lg-input {
        background-color: #ddd;
        margin-bottom: 5px;
        padding: 13px 10px;
    }

    .map-mb-search .sub-filter-item {
        margin: 0px;
    }

    .map-search-bar .search-icon {
        top: 14px;
    }

    .map-filter-btm .search-dropdown {
        margin: 10px 0px;
    }

    .search-dropdown .custom-dropdown {
        border-radius: 4px;
    }
}

@media screen and (max-width:767px) {
    .map-responsive {
        min-height: 480px;
    }

    .media-inside .media-tabs-gallery {
        padding: 30px 20px 30px 20px;
    }
}

.support-outlet-wrap {
    background-color: #eeeeee;
    box-shadow: -6px 0px 10px 0px #ccc;
    z-index: 2;
}

.support-outlet-top {
    background-color: #646768;
    padding: 24px 20px 24px 20px;
    border-radius: 5px 5px 0px 0px;
}

.support-outlet-btm {
    background-color: #7c7e80;
    padding: 24px 20px 24px 20px;
    border-radius: 0px 0px 5px 5px;
}

.support-outlet-detail-wrap {
    padding: 60px 20px 60px 20px;
}

.outlet-head {
    position: relative;
    border-bottom: 1px solid #dadada;
}

.outlet-detail-main {
    padding: 40px 0px 60px 0px;
}

.outlet-detail {
    max-height: 400px;
    position: relative;
}

.outlet-detail-bx {
    margin-bottom: 45px;
    padding: 0px 12px 0px 0px;
    font-size: 14px;
}

.outlet-detail p {
    margin-bottom: 0.3rem;
    color: #56595b;
}

    .outlet-detail p a {
        color: #56595b;
    }

.mobile-outlet-filter select,
.mobile-outlet-filter .custom-dropdown {
    width: 100%;
}

.mobile-outlet-filter .coverage-filter {
    margin-top: 20px;
    width: 100%;
}

.map-details-box table {
    margin-bottom: 0;
    table-layout: auto;
}

.map-details-box h4.txt-grey {
    margin-bottom: 10px;
    padding-left: 5px;
}

.map-details-box {
    max-width: 450px;
}

.map-detail-table.first-col-highligt > tbody > tr > td:nth-child(1) {
    width: 130px;
}

.map-detail-table tr td {
    word-break: break-all;
}

.coverage-filter .sub-filter-item {
    text-align: left;
    margin: 5px 7.5px 5px 7.5px;
}

    .coverage-filter .sub-filter-item.cs-checkbox .custom-checkbox {
        min-width: inherit;
    }

.map-filter-wrap .sub-filters .left-filters, .map-filter-wrap .sub-filters .right-buttons {
    vertical-align: top;
}

@media (max-width:480px) {
    .map-detail-table.first-col-highligt > tbody > tr > td:nth-child(1) {
        width: 100%;
    }
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #006736;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 4px 10px;
    margin-left: 0px;
    line-height: 1.2;
    color: #666;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .pagination > li > span.current {
        background-color: #56595b;
        color: #fff;
    }

.media-home .pagination > li > a {
    color: #fff;
}

    .media-home .pagination > li > a:hover, .media-home .pagination > li > span:hover, .media-home .pagination > li > a:focus, .media-home .pagination > li > span:focus {
        color: #006736;
        background-color: #eee;
        border-color: #ddd;
    }

    .media-home .pagination > li > a.next {
        color: #000;
    }

.media-pagination .pagination > li > span.current {
    background: none;
    color: #fff;
    border: 1px solid #FFF;
    box-shadow: inset 0 0 0 1px #000;
}

.media-pagination .pagination > li a.prev {
    color: #000;
}

.main-content-inside .nl-content-bx {
    border-top: 1px solid #ddd;
    margin-bottom: 24px;
}

.main-content-inside .nl-content-bx-ver {
    border-top: 1px solid #ddd;
    margin-bottom: 24px;
}

.single_product .nl-content-bx-ver h3 {
    color: #747474;
    font-size: 1.618rem;
    margin-bottom: 0px;
}

.single_product .nl-content-bx-ver p {
    font-family: 'Swis721 BT', sans-serif;
    font-size: 12px;
    color: #747474;
    line-height: 1.4;
}

.ejunior-frm .gform_wrapper {
    padding: 25px;
    background-color: #f4f9eb;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    text-align: left;
    position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

    .ejunior-frm .gform_wrapper ul li {
        margin-bottom: 0px;
    }

    .ejunior-frm .gform_wrapper .top_label .gfield_label {
        display: -moz-inline-stack;
        display: inline-block;
        line-height: 1.6;
        clear: both;
        font-weight: 600;
    }

.ejunior-frm .gfield {
    padding-bottom: 8px;
}

.padding20Btm {
    padding-bottom: 20px;
}

.socialConnect {
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc !important;
    background-image: -moz-linear-gradient(to bottom, #a5cc4d, #006736) !important;
    background-image: -ms-linear-gradient(to bottom, #a5cc4d, #006736) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a5cc4d), to(#006736)) !important;
    background-image: -webkit-linear-gradient(to bottom, #a5cc4d, #006736) !important;
    background-image: -o-linear-gradient(to bottom, #a5cc4d, #006736) !important;
    background-image: linear-gradient(to bottom, #a5cc4d, #006736) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc4d', endColorstr='#006736', GradientType=0);
    border-color: #a5cc4d #a5cc4d #006736 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.resendBox {
    background-color: #FF9;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
    border: 1px solid #cdcdcd;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tbl-evo table td {
    padding: 5px 5px;
}

.tbl-evo table .first-col-dots > tbody > tr > td {
    width: 20%;
}

.tbl-evo table hr {
    margin: 5px 0px;
    border-bottom: 2px solid #d6d6d6;
    border-top: 0;
}

.tbl-evo table table.first-col-dots.nl-tbl tr td:nth-child(1) {
    width: 5.5%;
}

.billHeader {
    background-color: #c1de81;
    padding: 25px 0;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
}

    .billHeader .d-cell {
        padding: 0 25px;
        position: relative;
    }

.dueDate-block.due-left {
    width: 250px;
}

    .dueDate-block.due-left:after {
        content: "";
        position: absolute;
        top: 0;
        right: 25px;
        border-right: 1px solid #96bb44;
        height: 100%;
    }

.bill-cta-block {
    text-align: right;
}

    .bill-cta-block .btn {
        margin-bottom: 0;
    }

.table-dots-align tr td:nth-child(1), .table-dots-align tr td:nth-child(3) {
    width: 180px;
}

.bill-table .table-dots-align tr td {
    position: relative;
}

    .bill-table .table-dots-align tr td:nth-child(3):after {
        content: ":";
        position: absolute;
        font-size: inherit;
        color: inherit;
        line-height: 0;
        right: 5px;
    }

.bill-table .hr-strong {
    border-bottom: 2px solid #d6d6d6;
    border-top: 0;
}

.bill-table .table-dots-align tr td:after {
    top: 12px !important;
}

.myacc-inside-secure-pay-content {
    display: block;
    position: relative;
    overflow: hidden;
}

    .myacc-inside-secure-pay-content .secure-payments-list {
        width: 100%;
        display: table;
        margin-bottom: 20px;
    }

        .myacc-inside-secure-pay-content .secure-payments-list li {
            width: 50%;
            display: table-cell;
            padding: 15px 5px;
        }

            .myacc-inside-secure-pay-content .secure-payments-list li:last-child {
                text-align: right;
            }

@media (max-width:992px) {
    .billHeader {
        max-width: 320px;
        padding: 0;
    }

        .billHeader .d-cell {
            display: block;
            padding: 20px 15px;
            width: 100%;
        }

    .dueDate-block.due-left:after {
        border-right: 0;
        border-bottom: 1px solid #96bb44;
        width: 100%;
        left: 0;
    }

    .bill-cta-block {
        text-align: left;
    }

    .table-dots-align {
        min-width: 180px;
    }

    .myacc-inside-secure-pay-content .secure-payments-list li {
        width: 100%;
        padding: 15px 5px;
        display: block;
        text-align: center !important;
    }
}

.clearLeft-acc {
    padding-left: 0px;
}

.clearRight-acc {
    padding-right: 0px;
}

.go-back {
    padding-left: 0px;
    padding-right: 0px;
}

.chart-block {
    margin-top: 45px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .clearLeft-acc {
        padding-left: 0px;
        padding-right: 0px;
    }

    .clearRight-acc {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width:991px) {
    .chart-block {
        margin-top: 30px;
    }

    .outlet-detail-main {
        padding: 40px 0px 0px 0px;
    }

    .support-outlet-detail-wrap {
        padding: 30px 20px 30px 20px;
    }
}

@media screen and (max-width:767px) {
    .clearLeft-acc {
        padding-left: 0px;
        padding-right: 0px;
    }

    .clearRight-acc {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.sandvine-wrap {
    padding: 30px 100px 70px 100px;
}

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

.sandvine-page .d-cell a.btn {
    margin-top: 20px;
}

.sandvine-full-wrap {
    z-index: 1;
}

.sandvine-bx-wrap {
    background-color: #e6e6e6;
    margin-top: 20px;
    height: 100%;
    position: relative;
    padding: 50px 50px 20px 50px;
}

.sandvine-bx-img {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

    .sandvine-bx-img img {
        margin-top: -100px;
    }

.sandvine-pkg-detail h2 {
    margin-bottom: 1.0rem;
}

.sandvine-pkg-frm {
    position: relative;
    display: block;
    padding: 30px 85px 50px 85px;
    box-shadow: 0px 10px 10px -10px #d3d3d3;
}

    .sandvine-pkg-frm .form-group {
        margin-bottom: 30px;
    }

    .sandvine-pkg-frm label {
        color: #303132;
    }

.sandvineBtn {
    font-size: 20px;
}

.sandvine-pkg-upgrade {
    padding: 70px 130px 30px 130px;
}

    .sandvine-pkg-upgrade .btn-block {
        padding: 30px 100px 30px 100px;
    }

.sandvine-btm {
    text-align: left;
    padding: 70px 70px 0px 0px;
    max-width: 1236px;
    margin: 0 auto;
    font-family: 'Swis721 BT', sans-serif;
}

    .sandvine-btm p {
        color: #747474;
        font-size: 12px;
        font-family: 'Swis721 BT', sans-serif;
        line-height: 1.3;
    }

    .sandvine-btm > ol,
    .sandvine-btm > ul {
        padding-left: 20px;
        font-size: 12px;
        color: #747474;
    }

        .sandvine-btm > ol > li,
        .sandvine-btm > ul > li {
            position: relative;
            line-height: 1.3;
            padding-bottom: 6px;
        }

    .sandvine-btm ol li ul {
        padding-left: 20px;
        margin-top: 8px;
    }

        .sandvine-btm ol li ul li {
            position: relative;
            line-height: 1.3;
            padding-bottom: 6px;
        }

            .sandvine-btm ol li ul li:before {
                font-family: "Font Awesome 5 Free";
                position: absolute;
                left: -15px;
                content: "\f111";
                font-size: 7px;
                color: #c0c0c0;
                top: 6px;
                font-weight: 900;
            }

.sandvine-inner-page .sandvine-bx-wrap {
    margin-top: 0px;
    padding: 50px 0px 50px 0px;
}

.sandvine-inner-page .sandvine-pkg-frm {
    box-shadow: none;
    padding: 30px 230px 0px 230px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .sandvine-wrap {
        padding: 70px 30px 70px 30px;
    }
}

@media screen and (max-width:991px) {
    .sandvine-wrap {
        padding: 50px 10px 50px 10px;
    }

    .sandvine-pkg-frm {
        padding: 30px 150px 30px 150px;
    }

    .sandvine-inner-page .sandvine-pkg-frm {
        padding: 30px 150px 30px 150px;
    }

    .sandvine-pkg-upgrade {
        padding: 70px 70px 30px 70px;
    }

        .sandvine-pkg-upgrade .btn-block {
            padding: 30px 80px 30px 80px;
        }

    .sandvine-btm {
        padding: 70px 0px 0px 0px;
    }
}

@media screen and (max-width:650px) {
    .sandvine-bx-img img {
        max-width: 80%;
        margin-top: -80px;
    }

    .sandvine-bx-wrap h2 {
        font-size: 23px;
        display: block;
    }

    .sandvine-bx-wrap h4 {
        font-size: 16px;
        display: block;
    }

    .sandvine-pkg-frm {
        padding: 30px 50px 30px 50px;
    }

    .sandvine-inner-page .sandvine-pkg-frm {
        padding: 30px 50px 30px 50px;
    }

    .sandvine-pkg-upgrade {
        padding: 70px 20px 30px 20px;
    }

        .sandvine-pkg-upgrade .btn-block {
            padding: 30px 30px 30px 30px;
        }
}

@media screen and (max-width:580px) {
    .sandvine-bx-img img {
        margin-top: -50px;
    }

    .sandvine-bx-wrap h2 {
        font-size: 18px;
    }

    .sandvine-bx-wrap h4 {
        font-size: 14px;
    }

    .sandvine-bx-wrap {
        padding: 100px 20px 20px 20px;
        margin-top: 100px;
    }

    .sandvine-pkg-frm {
        padding: 30px 10px 30px 10px;
    }

    .sandvine-inner-page .sandvine-pkg-frm {
        padding: 30px 20px 30px 20px;
    }

    .sandvine-pkg-upgrade {
        padding: 50px 0px 0px 0px;
    }

        .sandvine-pkg-upgrade .btn-block {
            padding: 30px 10px 30px 10px;
        }

    .sandvineBtn {
        font-size: 18px;
    }
}

.sandvine-img {
    border-radius: 10px;
    max-width: 740px;
}

.hm-sider {
    display: block;
    width: 100%;
    height: 100%;
}

    .hm-sider .carousel,
    .hm-sider .item {
        height: 100%;
    }

    .hm-sider .carousel-inner {
        height: 100%;
    }

    .hm-sider::before {
        min-height: auto;
    }

.hm-slider-inside {
    display: block;
    padding: 0px 0px;
}

.hm-hero-cont-inside.hm-slider-inside {
    padding-top: 0px;
    padding-bottom: 0px;
}

.hm-sider .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
}

.hm-sider .control-buttons {
    text-align: center;
}

.hm-sider .transition-timer-carousel-progress-bar {
    height: 2px;
    background-color: #A5CC4D;
    width: 0%;
    margin: 0px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
    bottom: 140px;
}

.hm-sider .carousel-caption {
    text-align: left;
    left: auto;
    right: auto;
    text-shadow: none;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%;
    width: 100%;
    max-width: 1256px;
}

    .hm-sider .carousel-caption .hero-cont-style-1 {
        padding-left: 0;
    }

.hm-sider .carousel-indicators {
    bottom: 145px;
    width: auto;
    background-color: rgba(255,255,255,0.5);
    padding: 1px 5px 0px 6px;
    border-radius: 20px;
    text-align: center;
    margin-left: 0;
}

    .hm-sider .carousel-indicators .active {
        background-color: #A5CC4D;
        border: 1px solid #006736;
    }

    .hm-sider .carousel-indicators li {
        border: 1px solid #006736;
        margin: 0;
        background-color: #FFF;
    }

.outer-slider {
    height: 100%;
    overflow: hidden;
    display: table;
    position: static;
    width: 100%;
}

.middle-slider {
    position: static;
    top: 50%;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.inner-slider {
    position: relative;
    top: -50%;
}

@media (min-width:991px) and (max-height:580px) {
    .home-slider .hm-hero-cont-inside.hero-bg-image.hm-slider-inside {
        height: 100vh;
        padding: 0px 0px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .hm-hero-cont-inside.hero-bg-image.hm-slider-inside {
        padding: 0px 0px;
    }
}

@media screen and (max-width:991px) {
    .hm-hero-cont-inside.hero-bg-image.hm-slider-inside {
        padding: 0px 0px;
    }

    .home-slider {
        margin-top: 0px;
    }

    .hm-slider-inside {
        height: 340px;
    }

    .hm-sider .fill {
        background-position: 0 33%;
    }

    .hm-sider .transition-timer-carousel-progress-bar {
        bottom: 140px;
    }

    .hm-sider .carousel-indicators {
        bottom: 150px;
        margin: 0 auto;
        text-align: center;
        padding: 0px 4px 1px 6px;
        left: 47.5%;
    }

    .carousel-indicators li, .carousel-indicators li.active {
        width: 11px;
        height: 11px;
        top: 1px;
        position: relative;
    }
}

@media screen and (max-width:767px) {
    .hm-sider .carousel-indicators {
        left: 44%;
    }
}

.personal-shop {
    position: relative;
    padding: 64px 0px 40px 0px;
    background-color: #f5f5f5;
}

    .personal-shop .shop-result-wrapper {
        margin-bottom: 0px;
    }

.cta-download .btn-underline {
    background-color: transparent;
}

.personal-shop h2 {
    display: block;
}

.home-shop-block {
    position: relative;
    padding: 20px 0px 20px 0px;
}

    .home-shop-block.home-recom-blk {
        padding: 20px 2px 20px 2px;
    }

    .home-shop-block.home-recent-blk {
        padding: 20px 2px 20px 3px;
    }

.personal-shop .sh-tag {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-top: -25px;
}

.personal-shop .sh-offer-tag {
    display: inline-block;
    z-index: 1;
    margin-left: -13px;
    box-shadow: 0px;
    width: auto;
    padding: 2px 10px 0px 15px;
}

.personal-shop .sh-cat-tag {
    display: inline-block;
    z-index: 99;
    padding: 2px 0px 2px 0px;
    box-shadow: 0px;
}

.personal-shop .shop-bx-img {
    z-index: 999;
}

.bd-sh-recent {
    border: 2px solid #a5cc4d;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .personal-shop h2 {
        display: block;
        font-size: 21px;
    }

    .personal-shop .sh-cat-tag {
        width: auto;
        padding: 2px 5px 2px 5px;
    }

    .sh-offer-tag:after {
        right: -6px;
        width: 10px;
    }

    .personal-shop .sh-offer-tag {
        margin-left: -3px;
        padding: 2px 6px 0px 6px;
    }

    .sh-tag {
        font-size: 10px;
    }

    .personal-shop .sh-bx-content-top h3 {
        font-size: 18px;
    }

    .personal-shop .sh-bx-detail {
        font-size: 12px;
    }

    .personal-shop .sh-bx-content-middle table td {
        font-size: 12px;
    }

    .personal-shop .sh-price {
        padding-left: 12px;
    }

    .personal-shop .sh-bx-cta .cta-download {
        padding-left: 10px;
    }

    .personal-shop .cta-download .btn-underline {
        padding: 10px 18px;
    }

    .personal-shop .btn-shop {
        font-size: 13px;
        padding: 10px 22px 12px 20px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .personal-shop .sh-cat-tag {
        padding: 1px 0px 2px 0px;
    }

    .personal-shop .shop-bx {
        padding: 24px 24px 33px 12px;
    }
}

@media screen and (max-width:767px) {
    .personal-shop {
        padding: 40px 40px 40px 40px;
    }

        .personal-shop .sh-cat-tag {
            padding: 1px 0px 2px 0px;
        }

        .personal-shop .shop-bx {
            padding: 24px 24px 33px 12px;
        }

    .home-recom-wrap {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }

    .home-recent-wrap {
        padding-top: 20px;
    }
}

@media screen and (max-width:360px) {
    .personal-shop {
        padding: 40px 20px 40px 20px;
    }
}


.page-category .page-hero-cont-inside.page-hero-bg-image {
    padding: 36px 0px 36px 0px;
}

.in-detail-wrap ul.tabs-inside-nl li::before {
    content: none;
}

.in-detail-wrap > ul.tabs-inside-nl {
    padding-left: 0px;
}

.in-detail-wrap ul.tabs-inside-nl li {
    line-height: normal;
    padding: 0px;
    margin-top: 8px;
}

    .in-detail-wrap ul.tabs-inside-nl li a {
        min-height: 72px;
        color: #666666;
    }

    .in-detail-wrap ul.tabs-inside-nl li.active a {
        color: #006736;
    }

.widget-news {
    position: relative;
}

.area-preload-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.area-preload {
    position: absolute;
    margin: 0;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 8000;
}

    .area-preload span {
        position: fixed;
        width: 41px;
        height: 40px;
        background: url(../images/PTCL-preload.svg) no-repeat;
        background-size: cover;
        top: 50%;
        left: 50%;
        margin-left: -20px;
        -webkit-animation-name: spinner;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 2s;
        animation-name: spinner;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 2s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

#chatFrame {
    z-index: 1;
    bottom: 0 !important;
}

.dashboard-ser-icon {
    width: 120px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
    margin-left: 10px;
    height: auto;
}


/*
    for Banner 23062020
*/
/*#abc-432 .absolute-img {
        background-image: url(../../images/banners/home-hero-slider-1.jpg);
    }

@media (min-width:700px){
    #abc-432 .absolute-img {
        background-image: url(../../images/banners/extendedwifi.jpg);
    }
}*/

#homemobileappsection .absolute-img {
    background-image: url(../../images/banners/home-bottom-app-desktop1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #homemobileappsection .absolute-img {
        background-image: url(../../images/banners/home-bottom-app-desktop2.jpg);
    }

    #homemobileappsection .shop-sec-txt {
        width: 45%;
        float: right;
    }

    #homemobileappsection .banner-right-align-content {
        text-align: left !important;
    }
}

@media (max-width:767px) {
    #homemobileappsection .absolute-img {
        background-image: url(../../images/banners/home-bottom-app-desktop3.jpg);
    }

    #homemobileappsection .txt-grey {
        display: none;
    }

    #homemobileappsection .txt-green {
        display: none;
    }

    #homemobileappsection .txt-dark-grey {
        text-align: right;
        margin-top: 110px;
        padding: 0px !important;
        text-align: right;
        margin-bottom: 0px !important;
        /*text-align: left;
        margin-top: 110px;
        padding: 0px !important;
        margin-bottom: 0px !important;
        width: 150px;
        margin-left: 190px;*/
    }

    #homemobileappsection .app-logo {
        float: left;
        margin-top: -10px !important;
        width: 100% !important;
    }

    #homemobileappsection .online-shop-logos {
        width: 10%;
        margin-bottom: -45px;
    }

    #homemobileappsection .app-logo img {
        /*-webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);*/
        width: 93px;
        height: 32px;
        /*scale: 60%;*/
        margin-bottom: 10px;
margin-left: 80%
    }

    #homemobileappsection .banner-cta-wrapper {
        /*text-align: right;
        width: 190px;*/
        text-align: right;
        width: 190px;
    }
}

#Growthisoutgoal .absolute-img {
    background-image: url(../../images/banners/Growth-is-out-goal1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #Growthisoutgoal .absolute-img {
        background-image: url(../../images/banners/Growth-is-out-goal2.jpg);
    }
}

@media (max-width:767px) {
    #Growthisoutgoal .absolute-img {
        background-image: url(../../images/banners/Growth-is-out-goal3.jpg);
        background-position: 0px;
    }

    #Growthisoutgoal h2 {
        /*margin-top: 100px;*/
        float: right;
    }

    #Growthisoutgoal .righttext {
        width: 170px !important;
        display: block;
    }

    #Growthisoutgoal .online-shop-logos {
        float: right;
        width: 100%;
        text-align: right;
    }

    #Growthisoutgoal h4 {
        display: none;
    }
}

#Business-Section .absolute-img {
    background-image: url(../../images/banners/Business-Section1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #Business-Section .absolute-img {
        background-image: url(../../images/banners/Business-Section2.jpg);
    }
}

@media (max-width:767px) {
    #Business-Section .absolute-img {
        background-image: url(../../images/banners/Business-Section3.jpg);
    }
}

#ContactFeedback .absolute-img {
    background-image: url(../../images/banners/Contact-U21.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #ContactFeedback .absolute-img {
        background-image: url(../../images/banners/Contact-U22.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #ContactFeedback .absolute-img {
        background-image: url(../../images/banners/Contact-U23.jpg);
        background-position: right bottom;
    }
}

#abc-454 .absolute-img {
    background-image: url(../../images/banners/FreedomPackages1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-454 .absolute-img {
        background-image: url(../../images/banners/FreedomPackages2.jpg);
    }

    #abc-454 .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #abc-454 .absolute-img {
        background-image: url(../../images/banners/FreedomPackages3.jpg);
        background-position: right;
    }

    #abc-454 .h1 {
        /*margin-top: 100px;*/
        width: 135px;
    }
}

#abc-122 .absolute-img {
    background-image: url(../../images/banners/Unlimitedinternet1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-122 .absolute-img {
        background-image: url(../../images/banners/Unlimitedinternet2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-122 .absolute-img {
        background-image: url(../../images/banners/Unlimitedinternet3.jpg);
        background-position: right;
    }

    #abc-122 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

#abc-586 .absolute-img {
    background-image: url(../../images/banners/Unlimitedcharji5861.png);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-586 .absolute-img {
        background-image: url(../../images/banners/Unlimitedcharji5862.png);
        background-position: right;
    }

    #abc-586 .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #abc-586 .absolute-img {
        background-image: url(../../images/banners/Unlimitedcharji5863.png);
        background-position: right;
    }

    #abc-586 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

#abc-332 .absolute-img {
    background-image: url(../../images/banners/Touchappwebbanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-332 .absolute-img {
        background-image: url(../../images/banners/Touchappwebbanner2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-332 .absolute-img {
        background-image: url(../../images/banners/Touchappwebbanner3.jpg);
        background-position: right;
    }

    #abc-332 .h1 {
        /*margin-top: 100px;*/
        width: 170px !important;
    }
}

/*Press Releases*/
#pressreleasecont .absolute-img {
    background-image: url(../../images/banners/pressrelease1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #pressreleasecont .absolute-img {
        background-image: url(../../images/banners/pressrelease2.jpg);
    }
}

@media (max-width:767px) {
    #pressreleasecont .absolute-img {
        background-image: url(../../images/banners/pressrelease3.jpg);
    }
}

#abc-366 .absolute-img {
    background-image: url(../../images/banners/awards1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-366 .absolute-img {
        background-image: url(../../images/banners/awards2.jpg);
    }
}

@media (max-width:767px) {
    #abc-366 .absolute-img {
        background-image: url(../../images/banners/awards3.jpg);
        background-position: right;
    }

    #abc-366 .h1 {
        /*margin-top: 100px;*/
        width: 170px !important;
    }
}

#abc-393 .absolute-img {
    background-image: url(../../images/banners/blogs1.png);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-393 .absolute-img {
        background-image: url(../../images/banners/blogs2.png);
    }
}

@media (max-width:767px) {
    #abc-393 .absolute-img {
        background-image: url(../../images/banners/blogs3.png);
    }
}

#abc-432 .absolute-img {
    background-image: url(../../images/banners/ExtendWiFi1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-432 .absolute-img {
        background-image: url(../../images/banners/ExtendWiFi2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-432 .absolute-img {
        background-image: url(../../images/banners/ExtendWiFi3.jpg);
        background-position: right;
    }

    #abc-432 .h1 {
        /*margin-top: 100px;*/
        width: 170px !important;
    }
}

/*StarzPlay by Cinepax*/
#abc-411 .absolute-img {
    background-image: url(../../images/banners/starzplay1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-411 .absolute-img {
        background-image: url(../../images/banners/starzplay2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-411 .absolute-img {
        background-image: url(../../images/banners/starzplay3.jpg);
        background-position: right;
    }

    #abc-411 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*StarzPlay With DCB*/
#abc-578 .absolute-img {
    background-image: url(../../images/banners/starzplaydcb1.jpg);
    background-position: right;
}

#abc-578 .h1 {
    /*margin-top: 100px;*/
    width: 70% !important;
}


@media (min-width:768px) and (max-width:1024px) {
    #abc-578 .absolute-img {
        background-image: url(../../images/banners/starzplaydcb2.jpg);
        background-position: right;
    }

    #abc-578 .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #abc-578 .absolute-img {
        background-image: url(../../images/banners/starzplaydcb3.jpg);
        background-position: right;
    }

    #abc-578 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

#abc-427 .absolute-img {
    background-image: url(../../images/banners/fastpath1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-427 .absolute-img {
        background-image: url(../../images/banners/fastpath2.jpg);
        background-position: right;
    }

    #abc-427 .h1 {
        /*margin-top: 100px;*/
        width: 60% !important;
    }
}

@media (max-width:767px) {
    #abc-427 .absolute-img {
        background-image: url(../../images/banners/fastpath3.jpg);
        background-position: right;
    }

    #abc-427 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}


#abc-589 .absolute-img {
    background-image: url(../../images/banners/whatsapp1.png);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-589 .absolute-img {
        background-image: url(../../images/banners/whatsapp2.png);
        background-position: right;
    }

    #abc-589 .h1 {
        /*margin-top: 100px;*/
        width: 60% !important;
    }
}

@media (max-width:767px) {
    #abc-589 .absolute-img {
        background-image: url(../../images/banners/whatsapp3.png);
        background-position: right;
    }

    #abc-589 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*PTCL Smart TV – HD Channel Activation Form*/
#abc-438 .absolute-img {
    background-image: url(../../images/banners/HDChannel1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-438 .absolute-img {
        background-image: url(../../images/banners/HDChannel2.jpg);
        background-position: right;
    }

    #abc-438 .h1 {
        /*margin-top: 100px;*/
        width: 60% !important;
    }
}

@media (max-width:767px) {
    #abc-438 .absolute-img {
        background-image: url(../../images/banners/HDChannel3.jpg);
        background-position: right;
    }

    #abc-438 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

#abc-534 .absolute-img {
    background-image: url(../../images/banners/CharJiUnlimitedPackagebanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-534 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-534 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner3.jpg);
        background-position: right;
    }

    #abc-534 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

#abc-253 .absolute-img {
    background-image: url(../../images/banners/CharJiUnlimitedPackagebanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-253 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-253 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner3.jpg);
        background-position: right;
    }

    #abc-253 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}


/*GPON FTTH*/
#abc-398 .absolute-img {
    background-image: url(../../images/banners/fibertohome1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-398 .absolute-img {
        background-image: url(../../images/banners/fibertohome2.jpg);
        background-position: right;
    }

    #abc-398 .h1 {
        /*margin-top: 100px;*/
        width: 50% !important;
    }
}

@media (max-width:767px) {
    #abc-398 .absolute-img {
        background-image: url(../../images/banners/fibertohome3.jpg);
        background-position: right;
    }

    #abc-398 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*New Network Exchanges*/
#abc-409 .absolute-img {
    background-image: url(../../images/banners/ntppagebanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-409 .absolute-img {
        background-image: url(../../images/banners/ntppagebanner2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-409 .absolute-img {
        background-image: url(../../images/banners/ntppagebanner3.jpg);
        background-position: right;
    }

    #abc-409 .h1 {
        width: 135px !important;
    }
}

/*tvcommercialbanner*/
#tvcommercialbanner .absolute-img {
    background-image: url(../../images/banners/tvcommercialbanner1.png);
}

@media (min-width:768px) and (max-width:1024px) {
    #tvcommercialbanner .absolute-img {
        background-image: url(../../images/banners/tvcommercialbanner2.jpg);
    }
}

@media (max-width:767px) {
    #tvcommercialbanner .absolute-img {
        background-image: url(../../images/banners/tvcommercialbanner3.jpg);
    }
}

/*Telephone Sets*/
#abc-433 .absolute-img {
    background-image: url(../../images/banners/telephonesets1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-433 .absolute-img {
        background-image: url(../../images/banners/telephonesets2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-433 .absolute-img {
        background-image: url(../../images/banners/telephonesets3.jpg);
        background-position: right;
    }

    #abc-433 .h1 {
        /*margin-top: 100px;*/
        width: 170px !important;
    }
}

/*TP Link*/
#abc-429 .absolute-img {
    background-image: url(../../images/banners/tplinkbanner1.png);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-429 .absolute-img {
        background-image: url(../../images/banners/tplinkbanner2.png);
        background-position: right;
    }

    #abc-429 .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #abc-429 .absolute-img {
        background-image: url(../../images/banners/tplinkbanner3.png);
        background-position: right;
    }

    #abc-429 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*D-Link*/
#abc-415 .absolute-img {
    background-image: url(../../images/banners/dlinkpagebanner1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-415 .absolute-img {
        background-image: url(../../images/banners/dlinkpagebanner2.jpg);
    }
}

@media (max-width:767px) {
    #abc-415 .absolute-img {
        background-image: url(../../images/banners/dlinkpagebanner3.jpg);
        background-position: right;
    }

    #abc-415 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*PTCL-Ufone FnF Offer for Gujranwala*/
#abc-450 .absolute-img {
    background-image: url(../../images/banners/GujranwalaUfone1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-450 .absolute-img {
        background-image: url(../../images/banners/GujranwalaUfone2.jpg);
        background-position: right;
    }

    #abc-450 .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #abc-450 .absolute-img {
        background-image: url(../../images/banners/GujranwalaUfone3.jpg);
        background-position: right;
    }

    #abc-450 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*CharJi Unlimited Package*/
#abc-447 .absolute-img {
    background-image: url(../../images/banners/CharJiUnlimitedPackagebanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-447 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner2.jpg);
        background-position: right;
    }

    #abc-447 .h1 {
        /*margin-top: 100px;*/
        width: 80% !important;
    }
}

@media (max-width:767px) {
    #abc-447 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner3.jpg);
        background-position: right;
    }

    #abc-447 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*Unlimited CharJi Karachi Package*/
#abc-448 .absolute-img {
    background-image: url(../../images/banners/CharJiUnlimitedPackagebanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-448 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner2.jpg);
        background-position: right;
    }
}

/*Unlimited CharJi Multan Package*/
#abc-600 .absolute-img {
    background-image: url(../../images/pages/multan-package.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-600 .absolute-img {
        background-image: url(../../images/pages/multan-package.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-448 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner3.jpg);
        background-position: right;
    }

    #abc-448 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*EVO PSTN Offer*/
#abc-293 .absolute-img {
    background-image: url(../../images/banners/EVOLandline1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-293 .absolute-img {
        background-image: url(../../images/banners/EVOLandline2.jpg);
    }
}

@media (max-width:767px) {
    #abc-293 .absolute-img {
        background-image: url(../../images/banners/EVOLandline3.jpg);
        background-position: right;
    }

    #abc-293 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*EVO Wingle 9.3Mbps*/
#abc-259 .absolute-img {
    background-image: url(../../images/banners/EVOwingle1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-259 .absolute-img {
        background-image: url(../../images/banners/EVOwingle2.jpg);
        background-position: right;
    }

    #abc-259 .h1 {
        /*margin-top: 100px;*/
        width: 55% !important;
    }
}

@media (max-width:767px) {
    #abc-259 .absolute-img {
        background-image: url(../../images/banners/EVOwingle3.jpg);
        background-position: right;
    }

    #abc-259 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*PTCL EVO C@rFi*/
#abc-343 .absolute-img {
    background-image: url(../../images/banners/EvoCarfi1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-343 .absolute-img {
        background-image: url(../../images/banners/EvoCarfi2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-343 .absolute-img {
        background-image: url(../../images/banners/EvoCarfi3.jpg);
        background-position: right;
    }

    #abc-343 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*EVO Nitro Cloud-Share*/
#abc-255 .absolute-img {
    background-image: url(../../images/banners/NitroCloud1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-255 .absolute-img {
        background-image: url(../../images/banners/NitroCloud2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-255 .absolute-img {
        background-image: url(../../images/banners/NitroCloud3.jpg);
        background-position: right;
    }

    #abc-255 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*PTCL Smart TV*/
#abc-149 .absolute-img {
    background-image: url(../../images/banners/SmartTVbanner1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-149 .absolute-img {
        background-image: url(../../images/banners/SmartTVbanner2.jpg);
    }
}

@media (max-width:767px) {
    #abc-149 .absolute-img {
        background-image: url(../../images/banners/SmartTVbanner3.png);
        background-position: right;
    }

    #abc-149 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*Smart TV App*/
#abc-268 .absolute-img {
    background-image: url(../../images/banners/smarttvapp1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-268 .absolute-img {
        background-image: url(../../images/banners/smarttvapp2.jpg);
    }
}

@media (max-width:767px) {
    #abc-268 .absolute-img {
        background-image: url(../../images/banners/smarttvapp3.jpg);
    }

    #abc-268 .h1 {
        margin-top: -100px;
    }
}

/*Value Added Services*/
#abc-299 .absolute-img {
    background-image: url(../../images/banners/VasPageBanner1.jpg);
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-299 .absolute-img {
        background-image: url(../../images/banners/VasPageBanner2.jpg);
    }
}

@media (max-width:767px) {
    #abc-299 .absolute-img {
        background-image: url(../../images/banners/VasPageBanner3.jpg);
        background-position: right;
    }

    #abc-299 .h1 {
        width: 135px !important;
    }
}

/*30% Discount on Installation Charges (limited time offer)*/
#abc-446 .absolute-img {
    background-image: url(../../images/banners/30PercentDiscount1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-446 .absolute-img {
        background-image: url(../../images/banners/30PercentDiscount2.jpg);
        background-position: right;
    }

    #abc-446 .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #abc-446 .absolute-img {
        background-image: url(../../images/banners/30PercentDiscount3.jpg);
        background-position: right;
    }

    #abc-446 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}


/*NetFlix Page Banner*/
#netflixbanner .absolute-img {
    background-image: url(../../images/banners/NFWebBannerPage1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #netflixbanner .absolute-img {
        background-image: url(../../images/banners/NFWebBannerPage2.jpg);
        background-position: right;
    }

    #netflixbanner .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #netflixbanner .absolute-img {
        background-image: url(../../images/banners/NFWebBannerPage3.jpg);
        background-position: right;
    }

    #netflixbanner .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*@media (max-width:995px) {
    .nav-pills
    {
        display:none;
    }
}*/

#abc-574 .absolute-img {
    background-image: url(../../images/banners/CharJiUnlimitedPackagebanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-574 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-574 .absolute-img {
        background-image: url(../../images/banners/CharJiUnlimitedPackagebanner3.jpg);
        background-position: right;
    }

    #abc-574 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}


#abc-540 .absolute-img {
    background-image: url(../../images/banners/fibertohome1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-540 .absolute-img {
        background-image: url(../../images/banners/fibertohome2.jpg);
        background-position: right;
    }
}

@media (max-width:767px) {
    #abc-540 .absolute-img {
        background-image: url(../../images/banners/fibertohome3.jpg);
        background-position: right;
    }

    #abc-540 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

.txt-greenimp, .txt-greenimp a {
    color: #006736 !important;
}



/* Home slider height for tablet fix */
@media screen and (min-width:768px) {
    .hm-slider-inside {
        height: 460px !important;
    }
}

@media screen and (min-width: 1024px) {
    .hm-hero-cont-inside {
        height: 550px !important;
    }
}

@media screen and (min-width: 1025px) {
    .hm-hero-cont-inside {
        height: 660px !important;
    }
}


@media (max-width:767px) {
    #netflixtoptext .border-green {
        border: none !important;
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 5px;
    }

    #netflixtoptext .pl-5 {
        border: none !important;
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
}

/* Home Slider bottom for Screen and Tab*/
@media screen and (min-width:1025px) {
    .home-hero-sticky-wrapper.has-homeslider {
        margin-top: -100px !important;
    }
}


@media (min-width:768px) and (max-width:1024px) {
    .home-hero-sticky-wrapper.has-homeslider {
        margin-top: -130px !important;
    }
}


#salesoutletlisting {
    border-bottom: 1px dashed #ccc;
    margin: 15px 0px 0px 0px;
}

@media screen and (min-width:1025px) {
    .modal-dialog {
        margin-top: 150px !important;
    }
}

/* Guidelines for High Rise Buildings*/
#abc-583 .absolute-img {
    background-image: url(../../images/banners/HighrisebuildingWebBanner1.jpg);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-583 .absolute-img {
        background-image: url(../../images/banners/HighrisebuildingWebBanner2.jpg);
        background-position: right;
    }

    #abc-583 .h1 {
        /*margin-top: 100px;*/
        width: 70% !important;
    }
}

@media (max-width:767px) {
    #abc-583 .absolute-img {
        background-image: url(../../images/banners/HighrisebuildingWebBanner3.jpg);
        background-position: right;
    }

    #abc-583 .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}

/*Zoom Page Banner*/
#zoombanner .absolute-img {
    background-image: url(../../images/banners/zoompagebanner1.png);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #zoombanner .absolute-img {
        background-image: url(../../images/banners/zoompagebanner2.png);
        background-position: right;
    }

    #zoombanner .h1 {
        /*margin-top: 100px;*/
        /*width: 70% !important;*/
    }
}

@media (max-width:767px) {
    #zoombanner .absolute-img {
        background-image: url(../../images/banners/zoompagebanner3.png);
        background-position: right;
    }

    #zoombanner .h1 {
        /*margin-top: 100px;*/
        width: 135px !important;
    }
}


.circle-chart__circle {
    animation: circle-chart-fill 2s reverse;
    transform: rotate(-90deg);
    transform-origin: center;
}

.circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1, -1);
}

.circle-chart__info {
    animation: circle-chart-appear 1s forwards;
    opacity: 0;
    transform: translateY(0.3em);
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100;
    }
}

@keyframes circle-chart-appear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.zoom h2 {
    margin: 40px 0;
    color: #006736;
}

.zoom1, .zoom2, .zoom3, .zoom4 {
    margin-bottom: 80px;
    display: block;
}

.zoom ul {
    margin: 0;
    padding: 0;
}

    .zoom ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.zoom li::before {
    content: none !important;
}

.zoom li.ico-m {
    background: url(../../images/zoom/icon-check_green.png) no-repeat left top;
    padding: 0 0 40px 40px;
}

.zoom li.ico-s {
    background: url(../../images/zoom/icon-check_green_dark.png) no-repeat left center;
    padding: 5px 0 5px 40px;
    font-weight: bold;
}

.zoom2 {
    margin-bottom: 0;
    background: #EFEFEF;
    padding-top: 60px;
}

#abc-590 .absolute-img {
    background-image: url(../../images/banners/3gto4g1.png);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-590 .absolute-img {
        background-image: url(../../images/banners/3gto4g2.png);
        background-position: right;
    }

    #abc-590 .h1 {
        width: 60% !important;
    }
}

@media (max-width:767px) {
    #abc-590 .absolute-img {
        background-image: url(../../images/banners/3gto4g3.png);
        background-position: right;
    }

    #abc-590 .h1 {
        width: 135px !important;
    }
}

#abc-591 .absolute-img {
    background-image: url(../../images/banners/3gto4g1.png);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-591 .absolute-img {
        background-image: url(../../images/banners/3gto4g2.png);
        background-position: right;
    }

    #abc-591 .h1 {
        width: 60% !important;
    }
}

@media (max-width:767px) {
    #abc-591 .absolute-img {
        background-image: url(../../images/banners/3gto4g3.png);
        background-position: right;
    }

    #abc-591 .h1 {
        width: 135px !important;
    }
}

#abc-592 .absolute-img {
    background-image: url(../../images/banners/3gto4g1.png);
    background-position: right;
}

@media (min-width:768px) and (max-width:1024px) {
    #abc-592 .absolute-img {
        background-image: url(../../images/banners/3gto4g2.png);
        background-position: right;
    }

    #abc-592 .h1 {
        width: 60% !important;
    }
}

@media (max-width:767px) {
    #abc-592 .absolute-img {
        background-image: url(../../images/banners/3gto4g3.png);
        background-position: right;
    }

    #abc-592 .h1 {
        width: 135px !important;
    }
}


/*08-May-2023 
RFC-10403 Auto Debit*/
.default-button {
  background-color: #0ac083;
}

.popup-btn.success {
  background-color: #0ac083;
}

.popup-btn.agree {
  background-color: #0ac083;
}

.custom-modal .modal-header.success {
  background: #0ac083;
}

.custom-modal .modal-header.terms {
  background: #0ac083;
}

.custom-modal .modal-body .form-popup-inner .form-icon.success svg {
  fill: #0ac083;
  stroke: #0ac083;
  background: rgba(10, 192, 131, 0.1);
}

.custom-control span a {
  color: #0ac083!important;
}

.custom-control .custom-control-label::before {
  color: #0ac083;
  background: rgba(10, 192, 131, 0.2);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-label:active::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #0ac083;
  background: rgba(10, 192, 131, 0.2);
}

.form-validate-icons span.success:before {
  color: #0ac083;
  background: rgba(10, 192, 131, 0.2);
}

.custom-select-wrapper .select-selected:after {
  color: #0ac083;
  background: rgba(10, 192, 131, 0.2);
}

.custom-select-wrapper .select-items .same-as-selected {
  background-color: #0ac083;
  border-bottom-color: #0ac083;
}

 
.contact-form-wrap .contact-form-group {

}



@media screen and (max-width: 576px) {
  .contact-form-wrap .contact-form-group .form-control {
    font-size: 14px;
  }
}

.contact-form-wrap .contact-form-group .form-control:focus {
}

.contact-form-wrap .contact-form-group #txtInput {
  padding-left: 90px;
}

.contact-form-wrap .contact-form-group #txtCaptchaSpan {
  position: absolute;
  top: 50%;
  height: 60px;
  padding-left: 14px;
  padding-right: 14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0ac083;
  color: #fff;
  border-radius: 5px 0 0 5px;
}


.contact-form-wrap .empty-form span, .contact-form-wrap .email-invalid span, .contact-form-wrap .phone-invalid span, .contact-form-wrap .terms-alert span, .contact-form-wrap .subject-alert span, .contact-form-wrap .security-alert span {
  display: block;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 5px;
  color: #721c24;
  background: rgba(242, 116, 116, 0.2);
}

#error_message {
  margin-top: 30px;
  display: block;
  padding: 20px;
  border-radius: 5px;
  word-break: break-word;
  background: rgba(242, 116, 116, 0.2);
  color: #721c24;
}

.custom-modal .modal-header {
  padding: 20px;
	background: #0ac083!important
}

.custom-modal .modal-header h5, .custom-modal .modal-header button {
  color: #fff;
}

.custom-modal .modal-header button {
  background: transparent;
  outline: none;
  border: none;
}

.custom-modal .modal-header span {
  font-size: 20px;
}

.custom-modal .modal-header.danger {
  background: #f27474;
  color: #fff;
}

.custom-modal .modal-header.success {
  background: #0ac083;
  color: #fff;
}

.custom-modal .modal-body {
  padding: 20px;
}
.custom-modal .modal-body ol li{
	margin-left: 20px
} 
.custom-modal .modal-body input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}
.custom-modal .modal-body .form-popup-inner {
  
}

.custom-modal .modal-body .form-popup-inner .form-icon {
  margin-bottom: 30px;
}

.custom-modal .modal-body .form-popup-inner .form-icon svg {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.custom-modal .modal-body .form-popup-inner .form-icon.danger svg {
  fill: #f27474;
  stroke: #f27474;
  background: rgba(242, 116, 116, 0.1);
}

.custom-modal .modal-body .form-popup-inner .form-icon.success svg {
  fill: #0ac083;
  stroke: #0ac083;
  background: rgba(10, 192, 131, 0.1);
}

.custom-modal .modal-footer {
  padding: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-modal .modal-footer .secure-pay{
		width: 140px;
	display: block;
	float: left
} 
.custom-modal .modal-footer .secure-pay img{
		width: 100%
}
.popup-btn {
    border-radius: 5px;
    display: inline-block;
    border: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 12px 30px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    color: #fff !important;
}
.popup-btn.agree {
    background-color: #0ac083;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dashCheck {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dashCheck {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

.custom-control {
  padding: 0;
}

.custom-control span {
  vertical-align: middle;
  margin-left: 14px;
  color: #000;
}

.custom-control span a {
  color: #0ac083;
  margin-left: 5px;
  display: inline-block;
}

@media screen and (max-width: 576px) {
  .custom-control span {
    font-size: 14px;
  }
}

.custom-control .custom-control-label {
  margin-left: 0;
  width: 32px;
  height: 32px;
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  line-height: 32px;
}

.custom-control .custom-control-label:before {
  top: 0;
  left: 0;
  content: "";
  width: 32px;
  height: 32px;
  cursor: pointer;
  text-align: center;
  line-height: 32px;
  position: absolute;
  border: none !important;
  pointer-events: initial;
  border-radius: 50% !important;
  display: inline-block;
  color: #0ac083;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: rgba(10, 192, 131, 0.2);
  font-size: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-label:active::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  border: none;
  content: "\f00c";
  color: #0ac083;
  background: rgba(10, 192, 131, 0.2);
}

.custom-control-label::after {
  display: none;
}
.d-flex {
    display: flex!important;
}
.align-items-center {
    align-items: center!important;
}
.custom-control-input {
  display: none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border: none;
}

.form-validate-icons {
  top: 0;
  right: 14px;
  height: 60px;
  position: absolute;
  line-height: 60px;
}

.form-validate-icons span {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.form-validate-icons span:before {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}

.form-validate-icons span.error {
  opacity: 1;
  visibility: visible;
}

.form-validate-icons span.error:before {
  content: "\f00d";
  color: #f27474;
  background: rgba(242, 116, 116, 0.2);
}

.form-validate-icons span.success {
  opacity: 1;
  visibility: visible;
}

.form-validate-icons span.success:before {
  content: "\f00c";
  color: #0ac083;
  background: rgba(10, 192, 131, 0.2);
}

.custom-select-wrapper {
  position: relative;
}


.custom-select-wrapper .select-items {
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  margin-top: 10px;
  position: absolute;
  background-color: #fff;
  -webkit-box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15);
          box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15);
}

.custom-select-wrapper .select-items .same-as-selected {
  background-color: #0ac083;
  border-bottom-color: #0ac083;
  color: #fff !important;
}

.custom-select-wrapper .select-items .same-as-selected:after {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.custom-select-wrapper .select-items div {
  color: #000;
  outline: none;
  width: 100%;
  display: block;
  padding: 18px 20px 18px 60px;
  font-size: 15px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* Scheduled and saved card items*/
.schedule-item, .saved-card-item, .saved-card-modal-item  {
  display: block;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 20px;
  background-color:#E3E3E3;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: all .3s ease-in;
  cursor: pointer;
}
.schedule-item  {
  border-radius: 50px;
  width: 100%;
  height: 105px;
}
.saved-card-item  {
  border-radius: 10px;
  width: 100%;
  height: 105px;
}
.saved-card-modal-item  {
  border-radius: 10px;
  width: 100%;
  height: 85px;
}
.schedule-item__avatar,.saved-card-item__avatar,.saved-card-modal-item__avatar {
  width: 75px;
  height: 75px;
  overflow: hidden;
  margin-right: 20px;
	font-size: 75px;
}
.schedule-item__avatar {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.saved-card-item__avatar{  
	width: 100px;
  height: 75px;
}
.saved-card-modal-item__avatar  {
	width: 60px;
  height: 45px;
font-size: 45px;
}

.saved-card-item .enabled, .schedule-item .enabled, .saved-card-modal-item .enabled{  
	color: #389459;
  
}
.saved-card-item .disabled, .schedule-item .disabled{  
	color: #3F3F3F;
  
}
.schedule-item__avatar span, .saved-card-item__avatar span {
  width: 100%;
  height: 100%;
}

.schedule-item__content, .saved-card-item__content { width: calc( 100% - 105px ); }
.schedule-item__title, .saved-card-item__title,
.schedule-item__message, .saved-card-item__message { display: block; }

.schedule-item__title, .saved-card-item__title, .saved-card-modal-item__title {
  font-family: 'atvice', sans-serif;
  font-size: 17px;
	font-weight: bold;
	color: #389459
}
.saved-card-modal-item__title {
	font-size: 13px;
}
.schedule-item__message, .saved-card-item__message  {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #2A2A2A;
}

.schedule-item__option, .saved-card-item__option {
  width: 20px;
  height: 20px;
  margin: 8px 0;
  border-radius: 50%;
  color: white;
  opacity: 1;
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  transition: all .2s;
}

.schedule-item__option.archive, .saved-card-item__option.archive { background-color: #3dc98c; }

.schedule-item__option.delete, .saved-card-item__option.delete { background-color: #c93d4d; }


/*
* Animation part
*/
.schedule-item:hover {
  background-color: #f7f7f7;
  transform: scale( 0.95 );
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.schedule-item:hover .schedule-item__option { opacity: 1; }

.schedule-item.archive .schedule-item__title,
.schedule-item.delete .schedule-item__title {
  color: white;
}

.schedule-item.archive .schedule-item__message,
.schedule-item.delete .schedule-item__message {
  color: #f3f3f3;
}

.schedule-item.archive {
  background-color: #3dc98c;
  animation: archiveAnimation 1.5s cubic-bezier(0, 0, 0, 1.12) forwards;
  animation-delay: .6s;
}

.schedule-item.delete {
  background-color: #c93d4d;
  animation: deleteAnimation 1.5s cubic-bezier(0, 0, 0, 1.12) forwards;
  animation-delay: .6s;
}


@keyframes archiveAnimation{
  to {
    transform: translateX( 100px );
    opacity: 0;
  }
}

@keyframes deleteAnimation{
  to {
    transform: translateX( -100px );
    opacity: 0;
  }
}
/*End*/

/*SME section*/