body {
    font-family: 'TT Norms';
    color: #45474c;
}
a.logo {
    width: 195px;
    height: 55px;
    display: inline-block;
    background-image: url(../images/logo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

ul.header-menu {
    padding: 0;
    margin: 0;
    font-size: 0;
}

ul.header-menu li {
    display: inline-block;
    font-size: 0;
}

ul.header-menu li a {
    color: #45474c;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0px 15px;
}
.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

body.fixed  .full-screen{
 left: 0;
 top: 0;
 width: 100%;
 height: 100vh;
 position: sticky;
 top: 0;
 background-color: transparent;
}
section.full-screen {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
}

.active .smile {
    /*-moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;*/
    top: 0;
    opacity: 1;
    transform: rotate(0deg);
}
.fixed section.full-screen:not(.active) * {
    visibility: hidden;
}

.fsc-wrap {
    /* background: #d7282f; */
    position: relative;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.fixed .fsc-wrap {
}
body.fixed .fsc-wrap {
}
header {
    margin-bottom: -87px;
    background: #fff;
    position: relative;
    z-index: 11;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

section.red-section {
    background: #d7282f;
    padding-top: 4%;
}

.section-title {
    font-size: 61px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin-bottom: 35px;
    opacity: 0;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    
}
.active .section-title {

    opacity: 1;
}
.section-desc {
    color: #fff;
    font-size: 19px;
    margin-bottom: 85px;
    line-height: 1.2;
    opacity: 0;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.active .section-desc {
    opacity: 1;

    -moz-transition-delay:  1s ;
    -ms-transition-delay:  1s ;
    -o-transition-delay:  1s ;
    transition-delay:  1s ;
}

.section-imgd-block {
    background-repeat: no-repeat;
    color: #fff;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4;
    display: flex;
    align-items: center;
    opacity: 0;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
section.full-screen .plate {
    position: relative;
    top: 1000px;
    transform: rotate(90deg);
    opacity: 0;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    transform-origin: center;
}

section.full-screen.active .plate {
    top: 0px;
    transform: rotate(0deg);
    /* transform-origin: center center; */
    opacity: 1;
}
.active .section-imgd-block {-moz-transition-delay: 2s;-ms-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;opacity: 1;}

.section-imgd-block a {
    display: block;
    color: #fff;
    text-decoration: underline;
}

.plate {
    width: 100%;
    height: 560px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.smile {
    height: 106%;
    position: absolute;
    width: 107%;
    left: 0;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    top: 1000px;
    transform: rotate(360deg);
    transform-origin: 100% 100%;
    opacity: 0;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    transform-origin: center center;
}

.animation-wrap {
    position: relative;
}
.section-imgd-block img {
    max-width: 97px;
    margin-right: 18px;
    /*box-shadow: 1px 1px 9px 0px #00000091;*/
    border-radius: 11px;
    overflow: hidden;
}

section.blue-section .section-imgd-block img {
    max-width: 130px;
}

section.full-screen.green-section .section-imgd-block img, section.full-screen.yellow-section .section-imgd-block img {
    box-shadow: none;
}
.img1 {
    position: absolute;
    width: 14%;
    height: 25%;
    background-position: center;
    background-size: contain;
    left: 3%;
    top: 17%;
    background-repeat: no-repeat;
}

.img2 {
    position: absolute;
    width: 18%;
    height: 19%;
    background-position: center;
    background-size: contain;
    left: 53%;
    top: 75%;
    background-repeat: no-repeat;
}
section.blue-section {
    background: #071689;
    
}
/*.yellow-section , .blue-section {
    padding-bottom: 6%;
    }*/

    .smile.smile-left {
        left: -1.5%;
    }
    .section-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 30px;
    }

    .animation-wrap.animation-wrap-left {
        margin-bottom: 6%;
    }

    .img3 {
        position: absolute;
        width: 14%;
        height: 25%;
        background-position: center;
        background-size: contain;
        right: -5%;
        top: 17%;
        background-repeat: no-repeat;
    }

    .img4 {
        position: absolute;
        width: 18%;
        height: 31%;
        background-position: center;
        background-size: contain;
        left: 58%;
        top: 65%;
        background-repeat: no-repeat;
    }
    section.green-section {
        background: #169d00;
    }

    .img5 {
        position: absolute;
        width: 10%;
        height: 18%;
        background-position: center;
        background-size: contain;
        left: 3%;
        top: 28%;
        background-repeat: no-repeat;
    }

    .img6 {
        position: absolute;
        width: 18%;
        height: 32%;
        background-position: center;
        background-size: contain;
        left: 53%;
        top: 63%;
        background-repeat: no-repeat;
    }
    .smile + div {
        opacity: 0;
        -moz-transition: all 1.85s cubic-bezier(0, 0.85, 0.57, 1);
        -ms-transition: all 1.85s cubic-bezier(0, 0.85, 0.57, 1);
        -o-transition: all 1.85s cubic-bezier(0, 0.85, 0.57, 1);
        transition: all 1.85s cubic-bezier(0, 0.85, 0.57, 1);
        transform: translate(0px, -600px);
    }

    .active .smile + div, .active .smile + div + div {
        transform: translate(0px, 0px);
        opacity: 1;
    }
    .active .smile + div {
        transition-delay: .8s;
    }

    .active .smile + div + div {
        transition-delay: 1.2s;
    }
    .smile + div + div {
        opacity: 0;
        -moz-transition: all 2.1s cubic-bezier(0, 0.85, 0.57, 1);
        -ms-transition: all 2.1s cubic-bezier(0, 0.85, 0.57, 1);
        -o-transition: all 2.1s cubic-bezier(0, 0.85, 0.57, 1);
        transition: all 2.1s cubic-bezier(0, 0.85, 0.57, 1);
        transform: translate(0px, -600px);
    }
    section.yellow-section {
        /*height: 120vh !important;
        justify-content: flex-end;
        padding-bottom: 18vh;*/
    }

    .img7 {
        position: absolute;
        width: 12%;
        height: 18%;
        background-position: center;
        background-size: contain;
        right: -1%;
        top: 17%;
        background-repeat: no-repeat;
    }

    .img8 {
        position: absolute;
        width: 21%;
        height: 34%;
        background-position: center;
        background-size: contain;
        left: 54%;
        top: 64%;
        background-repeat: no-repeat;
    }
    h2 {
        color: #169d00;
        font-weight: 600;
        font-size: 59px;
        text-align: center;
        margin-bottom: 50px;
    }

    section.atv-section {
        padding: 120px 0 150px;
    }

    .static-text {
        font-size: 17px;
        color: #45474c;
    }

    .atv-img {
        height: 0;
        padding-bottom: 125%;
        background-size: 97% auto;
        background-repeat: no-repeat;
        margin: 0 -40px 30px;
        background-position-x: center;
        background-position-y: top;
    }

    .atv-row {
        margin-top: 55px;
    }

    .atv-wrap {
        padding: 0 40px;
        display: flex;
        flex-direction: column;
    }

    .atv-img.atv-img-middle {
        background-position-y: unset;
    }

    .atv-img.atv-img-last {
        /*background-position-y: center;*/
    }

    .atv-title {
        color: #169d00;
        font-weight: 600;
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 19px;
    }

    a.btn-custom-green {
        margin-top: auto;
        display: block;
        text-align: center;
        background: #fff;
        color: #27aa1d;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 18px;
        padding: 7px 0;
        border-radius: 31px;
        text-decoration: none !important;
        border: 2px solid;
    }

    a.btn-custom-green:hover {
        background: #27aa1d;
        color: #fff;
    }

    .atv-desc {
        margin-bottom: 20px;
    }
    section.products-section {
        /* background: rgb(215, 40, 47); */
        padding: 90px 0;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        /* transition: all .3s ease-in-out; */
        overflow: hidden;
    }

    section.products-section h2 {
        color: #fff;
        position: relative;
        z-index: 10;
    }

    section.products-section .static-text {
        color: #fff;
        text-align: center;
        position: relative;
        z-index: 10;
    }

    .tab-toggler img {
        width: 115px;
        height: 115px;
        position: relative;
        z-index: 10;
    }
    .tab-toggler span:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        border-radius: 100%;
        -moz-transition: all .65s ease-in-out;
        -ms-transition: all .65s ease-in-out;
        -o-transition: all .65s ease-in-out;
        transition: all .65s ease-in-out;
        outline-width: 0;
        z-index: -6;
        outline-style: solid;
    }

    .tab-toggler.active span:before {
        outline-width: 5000px;
        outline-color: inherit;
    }

    .tab-toggler.tab-toggler-yellow span:before {
        outline-color: #fbbd24;
    }

    .tab-toggler.tab-toggler-green span:before {
        outline-color: #169d00;
    }

    .tab-toggler.tab-toggler-blue span:before {
        outline-color: #071689;
    }

    .tab-toggler.tab-toggler-red span:before {
        outline-color: rgb(215, 40, 47);
    }

    .tab-toggler:hover span {
        position: relative;
        z-index: 1;
    }

    section.products-section .btn-custom {
        position: relative;
    color: #fff;
    background: transparent;
    border: 2px solid #fff;

    }
    section.products-section .btn-custom:hover {
    color: transparent;
    background: #fff;
    color: rgb(215, 40, 47);
}

    .tab-toggler:hover span img {
        /*opacity: 0;*/
    }

    .tab-toggler:hover span {
        /*display: inline-block;
        background-color: #fff;
        transform: scale(1);*/
        /* z-index: 10; */
    }
    .tab-toggler span {
        border-radius: 65px;
        background-size: auto;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        opacity: 1;
        -moz-transition: all 10s ease-in-out;
        -ms-transition: all 10s ease-in-out;
        -o-transition: all 10s ease-in-out;
        transition: all 0s ease-in-out;
        /* z-index: 1; */
    }

    .tab-toggler {
        display: inline-block;
        vertical-align: top;
        margin: 0 15px;
        cursor: pointer;
        position: static;
    }
    .tab-toggler:not(.active):not(.tab-toggler-smple):hover {
    transform: scale(1.1);
    position: relative;
    z-index: 1;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .tab-toggler.tab-toggler-smple {
        color: #fff;
        width: 200px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px;
        padding: 8px 0;
        line-height: 1;
        border-radius: 17px;
        margin:  5px;
    }
    section.atv-top-bg {
        padding: 0;
        position: relative;
        overflow: hidden;
        max-height: 800px;
    }
section.atv-top-bg .container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}
    section.atv-top-bg video {
        width: 100%;
        z-index: -1;
    }
    .atv-play {text-align: center;margin: 30px 0 0;display: block;}

    .atv-play img {margin: 0 0 10px;}
    section.atv-top-bg * {
        color: #fff !important;
    }
    .tab-toggler.tab-toggler-smple.active, .tab-toggler.tab-toggler-smple:hover {
        background: #fff !important;
    }

    .tab-toggler.tab-toggler-smple.tab-toggler-red.active, .tab-toggler.tab-toggler-smple.tab-toggler-red:hover {
        color: rgb(215, 40, 47);
    }
    .tab-toggler.tab-toggler-smple.tab-toggler-blue.active, .tab-toggler.tab-toggler-smple.tab-toggler-blue:hover {
        color: #071689;
    }
    .tab-toggler.tab-toggler-smple.tab-toggler-green.active, .tab-toggler.tab-toggler-smple.tab-toggler-green:hover {
        color: #169d00;
    }
    .tab-toggler.tab-toggler-smple.tab-toggler-yellow.active, .tab-toggler.tab-toggler-smple.tab-toggler-yellow:hover {
        color: #fbbd24;
    }
    section.products-section.products-section-inner .tabs-toggler-wrap {
        margin: 40px 0 55px;
    }

    .tabs-toggler-wrap {
        text-align: center;
        margin: 40px 0;
    }

    .tab-name {
        color: #fff;
        line-height: 1;
        margin: 9px 0 0;
        position: relative;
        z-index: 10;
    }
    .slider-img {
        height: 300px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .slide-name {
        text-align: center;
        color: #fff;
        font-size: 17px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .slider-wrap {
        padding: 0 50px;
        margin-bottom: 0;
        visibility: hidden;
        height: 0;
        opacity: 0;
    }
    .slider-wrap.active {
        visibility: visible;
        height: auto;
        margin-bottom: 45px;
        opacity: 1;
    }

    .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin-top: -14px;
    }
    section.expert-section.expert-section-inner .btn-custom {
    background: rgb(215, 40, 47);
    color: #fff;
}
    .slider-wrap .owl-nav button.owl-prev {
        font-size: 0;
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        display: inline-block;
        border-radius: 30px;
        background-image: url(../images/arl.png);
        background-repeat: no-repeat;
        background-position: 48%  50%;
        left: -50px;
        position: absolute;
        top: 0;
        outline: none !important;
    box-shadow: none !important;
    }

    .slider-wrap .owl-nav button.owl-next {
        font-size: 0;
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        display: inline-block;
        border-radius: 30px;
        background-image: url(../images/arl.png);
        background-repeat: no-repeat;
        background-position: 44% 50%;
        right: -50px;
        position: absolute;
        top: 0;
        transform: rotate(180deg);
        outline: none !important;
    box-shadow: none !important;
    }

    .btn-custom {
        display: inline-block;
        text-align: center;
        background: #ffffff;
        color: rgb(215, 40, 47);
        text-transform: uppercase;
        font-weight: 600;
        font-size: 18px;
        padding: 7px 0;
        border-radius: 31px;
        text-decoration: none !important;
        min-width: 300px;
        max-width: 100%;
    }
    .btn-custom:hover {
        background: rgb(215, 40, 47);
        color: #fff;
        outline: 2px solid #fff;
    }
    .btn-custom.btn-custom-invert {
        background: rgb(215, 40, 47);
        color: #fff;
    }
    .btn-custom.btn-custom-invert:hover {
        background: #fff;
        color: rgb(215, 40, 47);
        outline: 2px solid rgb(215, 40, 47);
    }

    section.news-section {
        padding: 80px 0 100px;
    }

    .new-item {
        display: flex;
        margin-bottom: 60px;
        color: #45474c;
    }
    .new-item:hover {
    text-decoration: none;
}

a.new-item:hover .new-title {
    text-decoration: underline;
}
    .new-date, .new-title, .new-desc {
        padding-left: 20px;
    }

    .new-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .new-date {
        margin-bottom: 20px;
    }

    .new-item:hover {color: #45474c;}

    section.expert-section {
        background: rgb(215, 40, 47);
        padding: 60px 0 150px;
    }

    section.expert-section h2 {
        color: #fff;
    }
    .sqe-img:before {
    /*content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .5;*/
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 1px;
    opacity: 1;
    box-shadow: 0px -22px 100px 80px #1f1f1f;
}
    .sqe-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .sqe-item {
        width: 24%;
        border: 1px solid #9f9f9f;
        border-radius: 12px;
        height: 0;
        padding-bottom: 24%;
        margin-bottom: 20px;
        position: relative;
        box-shadow: 2px 3px 8px 0px #242424;
        overflow: hidden;
    }

    .sqe-img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background-size: 102%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .sqe-name {
        position: absolute;
        z-index: 1;
        color: #fff;
        display: flex;
        align-items: center;
        padding: 19px;
        bottom: 0;
        left: 0;
        width: 100%;
        justify-content: space-between;
    }

    .sqe-name div {
        padding-right: 30px;
        font-size: 18px;
        line-height: 1;
    }
    footer {
        background-image: url(../images/footern.png);
        background-size: cover;
        background-position: top right;
        margin: -40px 0 0;
        padding: 110px 0 180px;
        background-repeat: no-repeat;
        position: relative;
    }
    .footer-row {
        display: flex;
        color: #45474c;
        padding-bottom: 50px;
        border-bottom: 1px solid;
        margin-bottom: 20px;
        justify-content: space-between;
    }

    a.footer-logo {
        display: inline-block;
        width: 185px;
        height: 39px;
        background-image: url(../images/logof1.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin-bottom: 25px;
    }
    section.products-section.products-section-inner {
        padding-bottom: 140px;
    }
    .footer-text {
        width: 400px;
        font-size: 14px;
    }

    .footer-center ul {
        padding: 0;
        margin: 0;
    }

    .footer-center ul li {
        display: block;
        margin: 0 0 14px;
    }

    .footer-center ul li a {
        color: #45474c;
        font-weight: 500;
    }

    .footer-phone {
        font-size: 27px;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 25px;
    }

    .footer-phone div {
        text-align: left;
        font-size: 14px;
        font-weight: 400;
    }

    .footer-social {
        font-size: 14px;
    }

    .footer-social a {
        display: inline-block;
        margin: 0 0 0 6px;
    }

    .copyright {
        color: #45474c;
        font-size: 14px;
    }
    .fixed-icons-wrap {
        position: fixed;
        bottom: 4%;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 1;
    }

    .fixed-icons-wrap a {
        display: inline-block;
        width: 70px;
        height: 70px;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        border-radius: 42px;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        /* overflow: hidden; */
        background-size: contain;
        margin: 0 6px;
    }
    .fixed-icons-wrap a.active {
        opacity: 1;
    }
    .fixed-icons-wrap a:not(.active):hover {
    transform: scale(1.2) !important;
}
    .fixed-icons-wrap a b {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: 300;
        font-size: 11px;
        line-height: 1;
    }
    .fixed-icons-wrap a span {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 50px;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background-size: 60%;
        opacity: 0;
    }

    .fixed-icons-wrap a.active span{
        opacity: 1;
    }
    .section-anchor {
        position: absolute;
        top: 20vh;
    }
    .active.tab-toggler img {
        opacity: 0;
    }

    .active.tab-toggler span {
        display: inline-block;
        background-color: #fff;
        transform: scale(1);
        outline-color: inherit;
        z-index: 0 !important;
    }
    section[data-current="#tab2"] .btn-custom:hover {
        color: rgb(7, 22, 137) !important;
        z-index: 10;
        position: relative;
    }

    section[data-current="#tab3"] .btn-custom:hover {
        color: rgb(22, 157, 0) !important;
        position: relative;
    }

    section[data-current="#tab4"] .btn-custom:hover {
        color: rgb(251, 189, 36) !important;
        position: relative;
    }
    .static-page-section {
        padding: 40px 0 0;
    }

    .static-page-section h2 {
        /*color: #d7282f;*/
    }
    .static-atv-item .atv-wrap {
        flex-direction: row;
        padding: 0 20px;
        margin: 40px 0 0;
        justify-content: space-between;
        align-items: center;
    }

    .static-atv-item .atv-img {
        min-width: 500px;
        height: 500px;
        width: 500px;
        max-width: 500px;
        padding: 0;
        margin: 0;
        background-size: 450px;
        background-position: left center;
    }
    .static-atv-desc-wrap {
        padding: 0 0 0 50px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        max-width: 550px;
        padding: 0;
    }
    .static-atv-item.atv-item-reverse .atv-wrap {
        flex-direction: row-reverse;
    }

    .static-atv-desc-wrap .atv-title {
        font-size: 48px;
    }

    .static-atv-item {
        width: 100%;
    }

    .static-atv-item .atv-desc {
        font-size: 17px;
    }

    .static-atv-item.atv-item-reverse .atv-img {
        background-position-x: right;
    }

    .static-atv-item.atv-item-reverse.atv-item-lg .atv-img {
        background-size: contain;
    }
    .static-atv-desc-wrap a.btn-custom-green {
        margin: 20px 0 0;
        width: 225px;
    }

    .static-page-section section.atv-section {
        padding-bottom: 80px;
    }
    .static-page-section.static-page-section-products {
        overflow: hidden;
    }

    .static-page-section.static-page-section-products h2 {
        color: #fff;
        position: relative;
        z-index: 1;
    }
    .table-products {
        display: flex;
        flex-wrap: wrap;
    }
    .static-page-section.static-page-section-products .static-tab-togglers .active.tab-toggler img {
        opacity: 0;
    }


.static-page-section.static-page-section-products .static-tags.tab1 a:hover {
    background: #fff;color: #d7282f;
}
.static-page-section.static-page-section-products .static-tags.tab2 a.active {
    color: #0a1689;
}

.static-page-section.static-page-section-products .static-tags.tab2 a:hover {
    background: #fff;color: #0a1689;
}

.static-page-section.static-page-section-products .static-tags.tab3 a.active {
    color: #27aa1d;
}

.static-page-section.static-page-section-products .static-tags.tab3 a:hover {
    background: #fff;color: #27aa1d;
}

.static-page-section.static-page-section-products .static-tags.tab4 a.active {
    color: #fbbd24;
}

.static-page-section.static-page-section-products .static-tags.tab4 a:hover {
    background: #fff;color: #fbbd24;
}

    .table-products .slider-item {
        width: 25%;
        margin-bottom: 50px;
    }
    .static-page-section.static-page-section-products .static-text {
        color: #fff;
        position: relative;
        z-index: 10;
    }

    .static-page-section.static-page-section-products section.products-section {
        position: relative;
        z-index: 10;
        overflow: hidden;
    }
    .static-page-section section.products-section {
        padding: 20px 0 100px;
    }
    .static-tags.static-tags-toggled  a {
        width: auto;
        padding: 6px 40px;
        background: transparent;
        color: #fff;
    }

    .static-tags.static-tags-toggled a.active {
        background: #fff;
        color: rgb(215, 40, 47);
        border-color: #fff;
    }
    .static-tags {
        text-align: center;
        margin: 0 0 60px;
    }

    .static-tags a {
        color: #d7282f;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    width: auto !important;
    border: 2px solid;
    padding: 5px 10px;
    border-radius: 25px;
    margin: 0 9px;
    text-decoration: none;
    min-width: 150px;
    margin-bottom: 7px !important;
    }

    .static-tags a.active, .static-tags a:hover {
        background: #d7282f;
        color: #fff;
    }

    .static-page-section .sqe-wrap {
        justify-content: center;
    }

    .static-page-section .sqe-item {
        width: 100%;
        padding-bottom: 100%;
        margin: 0;
        min-width: 100%;
        max-width: 100%;
    }

    .sqe-lg-wrap {
        width: 23%;
        margin: 1%;
        display: flex;
    }
    .sqe-full-desc {
        padding: 60px;
        margin: 30px 1%;
        border: 2px solid #dddedf;
        border-radius: 10px;
        position: relative;
        min-width: 100%;
    }
    span.sqe-close {
        position: absolute;
        width: 35px;
        height: 35px;
        border: 2px solid #27aa1d;
        background-image: url(../images/ard.png);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 27px;
        transform: rotate(180deg);
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

    .sqe-full-desc h3 {
        color: #27aa1d;
        font-weight: 600;
        margin-bottom: 23px;
    }
    .h-r {
        transform: translateY(90%);
        z-index: 10;
        position: relative;
    }
    .h-r.h-r-down {
        transform: rotateX(180deg);
        position: absolute;
        bottom: -1px;
        right: 0;
        width: 100%;
    }
    .h-r-bottom {
        transform: translateY(-90%);
    }
    .sqe-lg-wrap.active:after {
        content: '';
        width: 50px;
        height: 25px;
        position: absolute;
        top: 100%;
        margin-top: 19px;
        left: 50%;
        margin-left: -25px;
        background-image: url(../images/before.png);
        background-size: 100% 100%;
        background-position: center;
        z-index: 2;
    }

    .sqe-lg-wrap.active {
        position: relative;
    }
    .static-news-wrap .new-item {
        flex-wrap: wrap;
    }

    .new-full-info {
        padding: 40px;
        display: none;
        border: 1px solid;
        border-radius: 8px;
        margin-top: 14px;
    }

    .static-news-wrap {
        margin-top: 80px;
    }
    span.new-open {
        width: 35px;
        height: 35px;
        background-image: url(../images/ard.png);
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        border: 2px solid #2ab431;
        border-radius: 27px;
        cursor: pointer;
    }
    .active .new-full-info {
        display: block;
    }
    .active span.new-open {
        transform: rotate(180deg);
    }
    .map-wrapper {
        display: flex;
        margin: 55px 0 0;
    }

    .map-left {
        width: 70%;
        height: 0;
        padding-bottom: 70%;
        border-right: 60px solid transparent;
        position: relative;
    }

    .map-right {
        flex: 1 1 auto;
        width: 30%;
    }

    .map {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .map-list-item {
        margin-bottom: 32px;
        cursor: pointer;
    }

    .map-list-item h4 {
        color: #27aa1d;
        font-size: 21px;
        font-weight: 600;
    }
    .map-scroll-list {
        height: 777px;
    }
    .static-tab-togglers .active.tab-toggler img {
        opacity: 1;
    }

    .static-tab-togglers .tab-name {
        margin: 12px 0 0;
    }

    .static-tab-togglers .active .tab-name {
    }
    section.expert-section.expert-section-inner {
        background: #fff;
        padding-top: 0;
    }
    /*section.expert-section.expert-section-inner .sqe-wrap {
        justify-content: center;
    }

    section.expert-section.expert-section-inner .sqe-wrap a.sqe-item {
        margin-left: 15px;
        margin-right: 15px;
    }*/
    section.expert-section.expert-section-inner h2 {
        color: #169d00;
    }
    .static-tab-togglers .static-tags a {
        width: 240px;
    }
    .active .slider-tabs-wrap {
        text-align: center;
        margin: 0 0 80px;
        display: none;
    }
    .active .slider-tabs-wrap.active {
        display: block;
    }

    .slider-tabs-wrap a {
        display: inline-block;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px;
        padding: 7px 15px;
        margin: 10px;
        border-radius: 21px;
    }

    .slider-tabs-wrap a.active {
        border: 2px solid #fff;
    }
    .uta-wrap {
        display: flex;
        justify-content: center;
        margin: 60px 0 0;
    }

    .uta-item div {
        color: #fff;
        text-align: center;
        line-height: 1.2;
        margin: 17px 0 0;
    }

    .uta-item {
        text-align: center;
        margin: 0 30px;
    }


    .modal-content {
        border: none;
        padding: 40px;
        background-image: url(../images/modalbg.png);
        background-size: auto 88%;
        background-position: 100% 62%;
        background-repeat: no-repeat;
    }

    button.close {
        position: absolute;
        font-weight: 100;
        color: #e63e3f;
        font-size: 54px;
        opacity: 1;
        padding: 0;
        margin: 0;
        right: 7px;
        top: -8px;
        line-height: 25px;
        height: 24px;
    }

    button.close span {
        line-height: 1;
        height: 25px;
        display: inline-block;
    }

    .modal-main {
        display: flex;
    }

    .modal-img {
        width: 44%;
    height: 350px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    }

    .modal-img img {
        width: 96%;
    }

    .modal-desc h3 {
        color: #169d00;
        font-weight: 600;
        margin: 0 0 21px;
    }

    .modal-block b {
        color: #e63e3f;
        display: block;
        margin: 0 0 5px;
    }

    .modal-block {
        margin: 0 0 20px;
    }

    .modal-desc {
        flex: 1 1 auto;
    }

    .modal-icons img {
        margin-right: 12px;
    }

    .modal-imaged {
        display: inline-flex;
        align-items: center;
        margin: 0 50px 36px 0;
    }

    .modal-imaged div b {
        display: block;
        color: #e63e3f;
    }

    .modal-imaged img {
        margin: 0 15px 0 0;
    }

    .modal-imgs {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 30px 0 0;
    }
    .static-tags-toggled {
        display: none !important;
    }
    .static-tags-toggled.active {
        display: block !important;
    }
    .static-page-section.static-page-section-products .tabs-toggler-wrap {
        margin: 0;
    }
    section.products-section.products-section-inner h2 {
        display: none;
    }

    section.products-section.products-section-inner .static-text {
        display: none;
    }
    .static-tags a span {
    position: absolute;
    right: 6px;
    background: #fff;
    color: #d7282f;
    font-size: 13px;
    line-height: 1;
    width: 19px;
    text-align: center;
    height: 20px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-weight: 300;
    cursor: pointer;
    top: 8px;
}
section.atv-top-bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.4;
    z-index: 0;
}

.static-tags a {
    position: relative;
}

.static-tags a.active span {
    /*display: flex;*/
}
    @media(min-width: 1200px) {
        section.full-screen.yellow-section .section-imgd-block img {
            width: 71px;
        }
        .section-imgd-block {
            font-size: 15px;
        }
    }
    @media(min-width: 768px) {
        section.products-section-inner .owl-item.active + .owl-item.active .slider-img,
        section.products-section-welcome .owl-item.active + .owl-item.active .slider-img {
            transform: scale(1);
        }

        section.products-section-inner .slider-img, section.products-section-inner .owl-item.active + .owl-item.active + .owl-item.active .slider-img,
        section.products-section-welcome .slider-img, section.products-section-welcome .owl-item.active + .owl-item.active + .owl-item.active .slider-img
        {
            transform: scale(0.7);transform-origin: bottom center;
        }
    }
    @media (min-width: 1200px) and (max-height: 900px) {
        .section-title {
            font-size: 50px;
        }

        .section-desc {
            font-size: 16px;
            margin-bottom: 40px;
        }

        /*.section-imgd-block img {
            max-width: 68px;
            }*/

            .smile {
                background-size: 78%;
                width: 105%;
            }

            .plate {
                height: 437px;
            }



            .section-right {
                justify-content: center;
            }

            .header-row {
                padding: 10px 0;
            }

            a.logo {
                height: 41px;
            }
        }
        @media (max-width: 1350px) {
            .h-r.h-r-down {
            }
            section.atv-top-bg {
                /* padding: 170px 0 0px; */
            }
        }
        @media (max-width: 1200px) {
            .atv-img {
                background-size: 92% auto;
            }
            ul.header-menu li a {
                margin: 0 7px;
                font-size: 15px;
            }
            section.atv-top-bg {
                /* padding: 70px 0 110px; */
            }
            .atv-play img {
                width: 90px;
            }

            a.logo {
                height: 42px;
                width: 145px;
            }

            .plate {
                height: 489px;
            }

            .section-title {
                font-size: 50px;
            }

            .section-desc {
                font-size: 16px;
                margin-bottom: 50px;
            }

            .section-imgd-block img {
                max-width: 78px;
            }

            .sqe-lg-wrap {
                width: 31%;
            }

            .sqe-name {
                justify-content: space-between;
            }

            .sqe-name div {
                font-size: 18px;
            }
            .map-left {
                padding-bottom: 64%;
            }

            .map-scroll-list {
                height: 595px;
            }
            section.expert-section .sqe-name {
                padding: 10px;
            }

            section.expert-section .sqe-name div {
                font-size: 16px;
            }
        }
        @media (max-width: 992px) {
            ul.header-menu li a {
                margin: 0 5px;
                font-size: 13px;
            }
.modal-content {
                    background-size: auto 45%;
    background-position: bottom right;
            }
            a.logo {
                width: 104px;
                height: 30px;
            }
            section.atv-top-bg {
                /* padding: 210px 0 0px; */
            }
            body.fixed .full-screen {
                height: auto !important;
                position: static;
                padding-bottom: 100px;
                padding-top: 60px;
            }

            section.red-section {
                padding-top: 100px !important;
                background: #d7282f !important;
            }

            .section-title br {
                display: none;
            }

            .section-desc br {
                display: none;
            }

            .section-desc {
                margin-bottom: 35px;
            }

            .fixed .fsc-wrap {
                background-color: transparent !important;
            }

            .plate {
                height: 400px;
                margin: 35px 0 0;
            }

            .smile {
                background-size: 67%;
                width: 104%;
                top: 0;
            }

            .img1 {
                left: 15%;
            }

            section.blue-section {
                background: #071689 !important;
            }

            .fixed section.full-screen:not(.active) * {
                visibility: visible;
                transform: none !important;
                opacity: 1 !important;
            }

            section.full-screen .plate {
                position: static;
            }

            .img3 {
                right: 10%;
            }

            .animation-wrap.animation-wrap-left {
                margin-bottom: 0%;
            }

            section.green-section {
                background: #169d00 !important;
            }

            section.yellow-section {
                background: #fbbd24 !important;
            }

            section.atv-section {
                padding: 80px 0;
            }
            .img5 {
                left: 18%;
            }
            h2 {
                font-size: 46px;
            }

            .static-text br {
                display: none;
            }

            .atv-img {
                padding-bottom: 0;
                height: 300px;
                background-size: contain;
            }

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

            .atv-wrap {
                margin-bottom: 40px;
            }

            a.btn-custom-green {
                display: inline-block;
                width: auto;
                width: 210px;
                margin: 0 auto 0;
            }

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

            .sqe-item {
                width: 49%;
                padding-bottom: 49%;
            }

            .footer-left {
                max-width: 280px;
            }

            .footer-text {
                width: auto;
            }

            .footer-text br {
                display: none;
            }

            .footer-phone {
                font-size: 23px;
            }

            section.news-section {
                padding: 40px 0 80px;
            }
            .fixed-icons-wrap {
                display: none !important;
            }
            .static-tags a {
                width: 155px;
                margin: 0 3px;
            }

            .sqe-lg-wrap {
                width: 46%;
            }

            .sqe-lg-wrap.active:after {
                margin-top: 14px;
            }
            .static-atv-item .atv-img {
                min-width: 300px;
                height: 300px;
                width: 300px;
                max-width: 300px;
                background-size: 250px;
            }

            .static-atv-desc-wrap * {
                text-align: left;
            }
            .static-page-section .new-date, .static-page-section  .new-title,.static-page-section  .new-desc {
                padding: 0;
            }

            .static-page-section .new-title {
                color: #27aa1d;
                font-weight: 500;
            }

            .static-page-section .new-date {
                margin: 20px 0 8px;
            }

            .static-news-wrap .new-item {
                margin-bottom: 20px;
            }

            .static-news-wrap {
                margin: 40px 0 0;
            }
            .map-scroll-list {
                height: 442px;
            }
            .uta-wrap {
                flex-wrap: wrap;
            }

            .uta-item {
                margin: 14px;
            }
            .modal-main {
                flex-direction: column;
            }

            .modal-img {
                margin: 0 auto;
                width: 60%;
            }
            .table-products .slider-item {
                width: 33%;
            }
            .static-atv-desc-wrap .atv-title {
                font-size: 34px;
                line-height: 1;
            }

            .static-atv-item .atv-desc {
                font-size: 15px;
            }
        }
        @media (max-width: 768px) {
            .mobile-menu-toggler {
                width: 35px;
            }
            .static-atv-item.atv-item-reverse .atv-img, .static-atv-item .atv-img {
                background-position: center;
            }
            .map-right {
                display: none;
            }

            .map-left {
                border: none;
                width: 100%;
                padding-bottom: 100%;
            }

            select.map-select {
                width: 100%;
                margin: 20px auto 0;
                display: block;
                border: 2px solid red;
                padding: 6px 15px;
                border-radius: 28px;
                appearance: none;
                outline: none;
            }

            .map-wrapper {
                margin: 30px 0 0;
            }

            ul.header-menu {
                display: none;
                position: absolute;
                top: 49px;
                background: #fff;
                width: 100%;
                left: 0;
                text-align: center;
                z-index: 10;
                padding: 20px 0;
            }

            .mobile-menu-toggler div {
                border-radius: 4px;
                height: 4px;
                background: #d7282f;
                margin: 5px 0;
            }

            .header-row {
                padding: 10px 0;
            }

            section.red-section {
                padding-top: 80px !important;
            }

            .section-title {
                font-size: 40px;
                margin-bottom: 28px;
            }

            .section-desc {
                font-size: 15px;
            }

            .plate {
                height: 300px;
            }

            .img7 {
                right: 11%;
            }

            section.atv-section {
                padding: 50px 0;
            }

            h2 {
                font-size: 39px;
            }

            .static-text {
                font-size: 14px;
            }
            section.atv-top-bg {
    /* padding: 200px 0 0px; */
}
section.atv-top-bg .container {
    padding-top: 0;
}
section.atv-top-bg video {
    position: relative;
    min-width: 750px;
}

section.atv-top-bg .container {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.static-page-section section.atv-top-bg  h2 {
    margin: 0 0 23px;
}
            .tab-toggler img {
                width: 90px;
                height: 90px;
            }

            .active.tab-toggler span {
                background-size: 55px;
            }

            .new-item {
                flex-wrap: wrap;
            }

            .new-date, .new-title, .new-desc {
                padding: 0;
            }

            .new-date {
                margin: 20px 0 10px;
            }

            .footer-row {
                flex-wrap: wrap;
                padding-bottom: 0;
                border: none;
            }

            footer {
                padding: 50px 0 100px;
            }

            .footer-right {
                display: flex;
                justify-content: space-between;
                width: 100%;
                margin: 13px 0 0;
            }

            .opened-menu ul.header-menu {
                display: block;
            }

            ul.header-menu li {
                display: block;
                margin: 17px 0;
            }

            ul.header-menu li a {
                font-size: 18px;
            }

            .opened-menu .mobile-menu-toggler div:nth-child(2) {
                display: none;
            }

            .opened-menu .mobile-menu-toggler div:nth-child(1) {
                transform: rotate(45deg);
                position: relative;
                top: 5px;
            }

            .opened-menu .mobile-menu-toggler div:nth-child(3) {
                transform: rotate(-45deg);
                position: relative;
                top: -4px;
            }
            .static-tags {
                display: flex;
                flex-wrap: wrap;
            }

            .static-tags a {
                width: 48%;
                min-width: 48%;
                margin: 1%;
            }
            .static-atv-item .atv-wrap {
                flex-direction: column !important;
                align-items: center;
                margin: 0 0 50px;
            }

            .static-page-section .atv-title {
                text-align: center !important;
            }

            .static-atv-desc-wrap {
                padding: 0;
                align-items: center;
            }
            .map-select-wrap {
                position: relative;
                width: 220px;
            }

            .map-select-wrap:after {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 8px solid #d7282f;
                right: 10px;
                top: 37px;
            }
            .static-tags.static-tags-toggled a {
                width: 47%;
                min-width: 47%;
                padding: 6px 0;
            }
            .table-products .slider-item .slider-img {
                height: 220px;
            }

            .table-products .slider-item {
                margin-bottom: 20px;
            }

            .static-page-section.static-page-section-products .active .slider-tabs-wrap {
                margin: 0 0 20px;
            }

            .static-page-section.static-page-section-products .tabs-toggler-wrap {
                margin: 0 0 0;
            }
            .tab-toggler span:hover {
                background-size: 55px;
            }
        }

        @media (max-width: 576px) {
            .atv-play {
                margin-top: 10px; 
            }
            section.atv-top-bg .static-text {
    padding: 0 15px;
}

.atv-play img {
    width: 75px;
}
            .static-page-section.static-page-section-products section.products-section {
                padding: 0;
            }
            .static-page-section h2 {
                font-size: 31px;
            }
            .static-page-section section.atv-section {
                padding-bottom: 0px;
            }
            .tab-toggler.tab-toggler-smple {
                width: 100%;
            }
            .products-section-welcome .tab-toggler span:hover {
                background-size: 40px;
            }
            .table-products .slider-item {
                width: 50%;
            }

            .static-page-section.static-page-section-products .slider-wrap {
                padding: 0;
            }

            .static-page-section.static-page-section-products .uta-wrap {
                margin: 25px 0 0;
            }
            .section-imgd-block br {
                display: none;
            }
            .static-tags.static-tags-toggled a {
                width: 100%;
                min-width: 100%;
            }
            .map-wrapper {
                margin-left: -15px;
                margin-right: -15px;
            }
            section.products-section.products-section-inner .owl-dots {
                display: none;
            }
            .section-title {
                font-weight: 500;
                font-size: 39px;
            }
            .static-tags a {
                width: 100% !important;
                margin: 0 0 11px;
            }
            section.products-section.products-section-inner {
                /*padding-bottom: 90px;*/
            }
            .static-page-section .sqe-wrap {
                flex-wrap: wrap;
            }

            .sqe-lg-wrap {
                width: 95%;
                margin: 3%;
            }

            .static-tags {
                margin-bottom: 20px;
            }

            .sqe-lg-wrap.active:after {
                margin-top: 20px;
            }

            .sqe-full-desc {
                padding: 50px 30px 30px;
            }
            .static-page-section .new-item:after {
                display: none;
            }

            .static-page-section .new-title {
                position: static;
                border: none;
                margin-bottom: 20px;
            }

            .static-page-section .new-date, .static-page-section .new-title, .static-page-section .new-desc {
                display: block;
            }

            .new-full-info {
                padding: 20px;
            }
            span.sqe-close {
                width: 30px;
                height: 30px;
                right: 6px;
                top: 9px;
            }
            .section-desc {
                font-size: 14px;
            }
            .news-items-wrap {
                display: flex;
                overflow: auto;
                margin: 0 0 35px;
            }

            section.news-section {
                padding: 15px 0 35px;
            }

            .animation-wrap {
                max-width: 345px;
                margin-left: auto;
                margin-bottom: 40px;
            }

            .plate {
                height: 250px;
                margin: 0;
            }

            .smile {
                width: 100%;
                background-size: 80%;
                background-position: 63% bottom;
            }

            .red-section .animation-wrap {
                right: -50px;
            }

            .section-imgd-block {
                position: relative;
            }

            .section-right {
                padding: 0;
            }

            body.fixed .full-screen {
                padding-bottom: 40px;
            }

            .animation-wrap.animation-wrap-left {
                left: -65px;
                margin-right: auto;
                width: 100%;
                margin-bottom: 40px;
            }

            .blue-section .section-imgd-block, .yellow-section .section-imgd-block {
                flex-direction: row-reverse;
            }

            .blue-section .section-imgd-block img, .yellow-section .section-imgd-block img {
                margin: 0 0 0 20px;
            }

            .green-section .animation-wrap {
                margin-left: auto;
                right: -20px;
            }

            section.products-section {
                padding: 50px 0;
            }

            .tab-toggler img {
                width: 65px;
                height: 65px;
            }

            .tab-toggler {
                margin: 0 3px;
            }

            .active.tab-toggler span {
                background-size: 40px;
            }

            .tab-name {
                font-size: 13px;
                text-transform: uppercase;
                font-weight: 500;
                line-height: 1.2;
            }

            .sqe-wrap {
                flex-wrap: nowrap;
                overflow: auto;
            }

            .sqe-item {
                width: 250px;
                min-width: 250px;
                margin-right: 21px;
                height: 250px;
            }

            .sqe-name {
                padding: 20px;
            }

            .sqe-name div {
                font-size: 17px;
            }
            .slider-wrap .owl-nav button.owl-next, .slider-wrap .owl-nav button.owl-prev {
                border: none;
                width: 30px;
                height: 30px;
            }

            .new-item {
                position: relative;
                margin: 0;
                min-width: 84%;
            }

            .new-date {
                display: none;
            }

            .new-desc {
                display: none;
            }

            .new-title {
                margin: 0;
                position: absolute;
                bottom: 0;
                color: #fff;
                left: 15px;
                right: 15px;
                border: 15px solid transparent;
                z-index: 1;
            }

            .new-item:after {
                content: '';
                position: absolute;
                background: #000;
                left: 15px;
                top: 0;
                right: 15px;
                bottom: 0;
                opacity: .4;
                border-radius: 12px;
            }
            .btn-custom {
                font-size: 16px;
                min-width: 250px;
            }

            footer {
                /*background-image: url(../images/footersm.png);*/
                background-position: top center;
                background-size: cover;
                padding: 120px 0 130px;
                margin: -20px 0 0;                
            }

            .footer-right {
                order: 2;
                width: 50%;
                flex-wrap: wrap;
                margin: 0;
            }

            .footer-center {
                order: 3;
                display: flex;
                justify-content: flex-end;
                width: 100%;
                margin: -65px 0 0;
                /*padding-right: 44px;*/
            }

            .footer-left {
                width: 50%;
            }

            .footer-center {}

            a.footer-logo {
                width: 120px;
                height: 25px;
            }

            .footer-text {
                font-size: 12px;
                padding-right: 10px;
            }

            .footer-phone {
                font-size: 18px;
            }

            .footer-phone div {
                font-size: 12px;
            }

            .footer-row {
                align-items: flex-start;
                margin: 0;
            }

            .footer-social img {
                width: 25px;
            }

            .footer-social {
                font-size: 12px;
                text-align: right;
            }

            .footer-center ul li a {
                font-size: 14px;
            }

            .copyright {
                font-size: 13px;
                margin: 25px 0 0;
            }
            .footer-social a {
                margin: 0 0 0 3px;
            }
            img#anchor {
                display: none;
            }
            .atv-row {
                margin: 40px 0 0;
            }

            .atv-img {
                height: 175px;
            }

            .atv-title {
                text-align: left;
            }

            .atv-desc {
                text-align: left;
                font-weight: 400;
                line-height: 1.3;
            }



            section.atv-section button.owl-prev {
                display: none;
            }

            section.atv-section button.owl-next {
                position: absolute;
                right: 0;
                background-image: url(../images/arlsm1.png) !important;
                font-size:  0 !important;
                width: 20px;
                height: 26px;
                background-repeat: no-repeat !important;
                background-position: center !important;
                outline: none !important;
            }

            .atv-wrap a.btn-custom-green {
                width: 100%;
            }
            .footer-text p {
                min-height: 80px;
            }

            footer .container {
                width: 320px;
                max-width: 100%;
                padding: 0;
            }
            .static-tab-togglers .tab-toggler {
                width: 46%;
                margin: 0 0 25px;
            }

            .static-tab-togglers .tab-toggler img {
                width: 100px;
                height: 100px;
            }

            .tabs-toggler-wrap {
                margin: 30px 0;
            }

            .static-tab-togglers .static-tags a {
                width: 100%;
            }

            .slider-tabs-wrap {
                margin: 0;
            }

            .active .slider-tabs-wrap {
                margin: 0 0 25px;
            }

            .slider-tabs-wrap a {
                margin: 0 !important;
                width: 100%;
                font-size: 13px !important;
            }

            .uta-item img {
                width: 60px;
            }

            .uta-item {
                margin: 0 0 16px;
                width: 32%;
            }

            .uta-item div {
                font-size: 12px;
            }

            .uta-item div br {
                display: none;
            }

            .uta-wrap {
                margin: 30px -50px 0;
            }

            .static-page-section section.products-section {
                padding: 65px 0 50px;
            }
            .modal-img {
                width: 100%;
            }

            .modal-desc h3 {
                font-size: 25px;
                margin: 0 0 8px;
            }

            .modal-block {
                line-height: 1.2;
            }

            .modal-icons img {
                margin: 8px;
            }

            .modal-imaged {
                line-height: 1.2;
                margin: 0 0 8px;
                width: 100%;
            }

            .modal-content {
                padding: 15px;
                   
            }
        }








        /*scroll*/
        /*************** SCROLLBAR BASE CSS ***************/

        .scroll-wrapper {
            overflow: hidden !important;
            padding: 0 !important;
            position: relative;
        }

        .scroll-wrapper > .scroll-content {
            border: none !important;
            box-sizing: content-box !important;
            height: auto;
            left: 0;
            margin: 0;
            max-height: none;
            max-width: none !important;
            overflow: scroll !important;
            padding: 0;
            position: relative !important;
            top: 0;
            width: auto !important;
        }

        .scroll-wrapper > .scroll-content::-webkit-scrollbar {
            height: 0;
            width: 0;
        }

        .scroll-element {
            display: none;
        }
        .scroll-element, .scroll-element div {
            box-sizing: content-box;
        }

        .scroll-element.scroll-x.scroll-scrollx_visible,
        .scroll-element.scroll-y.scroll-scrolly_visible {
            display: block;
        }

        .scroll-element .scroll-bar,
        .scroll-element .scroll-arrow {
            cursor: default;
        }

        .scroll-textarea {
            border: 1px solid #cccccc;
            border-top-color: #999999;
        }
        .scroll-textarea > .scroll-content {
            overflow: hidden !important;
        }
        .scroll-textarea > .scroll-content > textarea {
            border: none !important;
            box-sizing: border-box;
            height: 100% !important;
            margin: 0;
            max-height: none !important;
            max-width: none !important;
            overflow: scroll !important;
            outline: none;
            padding: 2px;
            position: relative !important;
            top: 0;
            width: 100% !important;
        }
        .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
            height: 0;
            width: 0;
        }









        /*************** SIMPLE INNER SCROLLBAR ***************/

        .scrollbar-inner > .scroll-element,
        .scrollbar-inner > .scroll-element div
        {
            border: none;
            margin: 0;
            padding: 0;
            position: absolute;
            z-index: 10;
        }

        .scrollbar-inner > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        .scrollbar-inner > .scroll-element.scroll-x {
            bottom: 2px;
            height: 8px;
            left: 0;
            width: 100%;
        }

        .scrollbar-inner > .scroll-element.scroll-y {
            height: 100%;
            right: 2px;
            top: 0;
            width: 5px;
        }

        .scrollbar-inner > .scroll-element .scroll-element_outer {
            overflow: hidden;
        }

        .scrollbar-inner > .scroll-element .scroll-element_outer,
        .scrollbar-inner > .scroll-element .scroll-element_track,
        .scrollbar-inner > .scroll-element .scroll-bar {
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
        }

        .scrollbar-inner > .scroll-element .scroll-element_track,
        .scrollbar-inner > .scroll-element .scroll-bar {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
            filter: alpha(opacity=40);
            opacity: 0.4;
        }

        .scrollbar-inner > .scroll-element .scroll-element_track {background-color: #E0E0E0;}
        .scrollbar-inner > .scroll-element .scroll-bar {background-color: #b0b2b4;opacity: 1;}
        .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
        .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


        /* update scrollbar offset if both scrolls are visible */

        .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
        .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


        .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
        .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










        /*************** SIMPLE OUTER SCROLLBAR ***************/

        .scrollbar-outer > .scroll-element,
        .scrollbar-outer > .scroll-element div
        {
            border: none;
            margin: 0;
            padding: 0;
            position: absolute;
            z-index: 10;
        }

        .scrollbar-outer > .scroll-element {
            background-color: #ffffff;
        }

        .scrollbar-outer > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        .scrollbar-outer > .scroll-element.scroll-x {
            bottom: 0;
            height: 12px;
            left: 0;
            width: 100%;
        }

        .scrollbar-outer > .scroll-element.scroll-y {
            height: 100%;
            right: 0;
            top: 0;
            width: 12px;
        }

        .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
        .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

        .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
        .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

        .scrollbar-outer > .scroll-element .scroll-element_outer,
        .scrollbar-outer > .scroll-element .scroll-element_track,
        .scrollbar-outer > .scroll-element .scroll-bar {
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
        }

        .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
        .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
        .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


        /* scrollbar height/width & offset from container borders */

        .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
        .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

        .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
        .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


        /* update scrollbar offset if both scrolls are visible */

        .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
        .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

        .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
        .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










        /*************** SCROLLBAR MAC OS X ***************/

        .scrollbar-macosx > .scroll-element,
        .scrollbar-macosx > .scroll-element div
        {
            background: none;
            border: none;
            margin: 0;
            padding: 0;
            position: absolute;
            z-index: 10;
        }

        .scrollbar-macosx > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
        .scrollbar-macosx > .scroll-element .scroll-bar {
            background-color: #6C6E71;
            display: block;

            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;

            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;

            -webkit-transition: opacity 0.2s linear;
            -moz-transition: opacity 0.2s linear;
            -o-transition: opacity 0.2s linear;
            -ms-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
        }
        .scrollbar-macosx:hover > .scroll-element .scroll-bar,
        .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            opacity: 0.7;
        }


        .scrollbar-macosx > .scroll-element.scroll-x {
            bottom: 0px;
            height: 0px;
            left: 0;
            min-width: 100%;
            overflow: visible;
            width: 100%;
        }

        .scrollbar-macosx > .scroll-element.scroll-y {
            height: 100%;
            min-height: 100%;
            right: 0px;
            top: 0;
            width: 0px;
        }

        /* scrollbar height/width & offset from container borders */
        .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
        .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

        .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
        .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

        .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
        .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

        /* update scrollbar offset if both scrolls are visible */
        .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
        .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










        /*************** SCROLLBAR LIGHT ***************/

        .scrollbar-light > .scroll-element,
        .scrollbar-light > .scroll-element div {
            border: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            z-index: 10;
        }

        .scrollbar-light > .scroll-element {
            background-color: #ffffff;
        }

        .scrollbar-light > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        .scrollbar-light > .scroll-element .scroll-element_outer {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

        .scrollbar-light > .scroll-element .scroll-element_size {
            background: #dbdbdb;
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
            background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
            background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
            background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
            background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
            background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

        .scrollbar-light > .scroll-element.scroll-x {
            bottom: 0;
            height: 17px;
            left: 0;
            min-width: 100%;
            width: 100%;
        }

        .scrollbar-light > .scroll-element.scroll-y {
            height: 100%;
            min-height: 100%;
            right: 0;
            top: 0;
            width: 17px;
        }

        .scrollbar-light > .scroll-element .scroll-bar {
            background: #fefefe;
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
            background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
            background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
            background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
            background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
            background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

            border: 1px solid #dbdbdb;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

        /* scrollbar height/width & offset from container borders */

        .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
        .scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

        .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
        .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

        .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
        .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

        .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
        .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

        /* update scrollbar offset if both scrolls are visible */

        .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
        .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

        .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
        .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










        /*************** SCROLLBAR RAIL ***************/

        .scrollbar-rail > .scroll-element,
        .scrollbar-rail > .scroll-element div
        {
            border: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            z-index: 10;
        }

        .scrollbar-rail > .scroll-element {
            background-color: #ffffff;
        }

        .scrollbar-rail > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        .scrollbar-rail > .scroll-element .scroll-element_size {
            background-color: #999;
            background-color: rgba(0, 0, 0, 0.3);
        }

        .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
            background-color: #666;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .scrollbar-rail > .scroll-element.scroll-x {
            bottom: 0;
            height: 12px;
            left: 0;
            min-width: 100%;
            padding: 3px 0 2px;
            width: 100%;
        }

        .scrollbar-rail > .scroll-element.scroll-y {
            height: 100%;
            min-height: 100%;
            padding: 0 2px 0 3px;
            right: 0;
            top: 0;
            width: 12px;
        }

        .scrollbar-rail > .scroll-element .scroll-bar {
            background-color: #d0b9a0;

            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;

            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        }

        .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
        }

        /* scrollbar height/width & offset from container borders */

        .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
        .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

        .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
        .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

        .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
        .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

        .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
        .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

        /* update scrollbar offset if both scrolls are visible */

        .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
        .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

        .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
        .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










        /*************** SCROLLBAR DYNAMIC ***************/

        .scrollbar-dynamic > .scroll-element,
        .scrollbar-dynamic > .scroll-element div
        {
            background: none;
            border: none;
            margin: 0;
            padding: 0;
            position: absolute;
            z-index: 10;
        }

        .scrollbar-dynamic > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        .scrollbar-dynamic > .scroll-element.scroll-x {
            bottom: 2px;
            height: 7px;
            left: 0;
            min-width: 100%;
            width: 100%;
        }

        .scrollbar-dynamic > .scroll-element.scroll-y {
            height: 100%;
            min-height: 100%;
            right: 2px;
            top: 0;
            width: 7px;
        }

        .scrollbar-dynamic > .scroll-element .scroll-element_outer {
            opacity: 0.3;

            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
        }
        .scrollbar-dynamic > .scroll-element .scroll-element_size {
            background-color: #cccccc;
            opacity: 0;

            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;

            -webkit-transition: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            -ms-transition: opacity 0.2s;
            transition: opacity 0.2s;
        }

        .scrollbar-dynamic > .scroll-element .scroll-bar {
            background-color: #6c6e71;

            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
        }

        /* scrollbar height/width & offset from container borders */

        .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
            bottom: 0;
            height: 7px;
            min-width: 24px;
            top: auto;
        }
        .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
            left: auto;
            min-height: 24px;
            right: 0;
            width: 7px;
        }

        .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
            bottom: 0;
            top: auto;
            left: 2px;

            -webkit-transition: height 0.2s;
            -moz-transition: height 0.2s;
            -o-transition: height 0.2s;
            -ms-transition: height 0.2s;
            transition: height 0.2s;
        }

        .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
            left: auto;
            right: 0;
            top: 2px;

            -webkit-transition: width 0.2s;
            -moz-transition: width 0.2s;
            -o-transition: width 0.2s;
            -ms-transition: width 0.2s;
            transition: width 0.2s;
        }

        .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
        .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


        /* update scrollbar offset if both scrolls are visible */

        .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
        .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


        /* hover & drag */

        .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
        .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
            overflow: hidden;

            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
        .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
        .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
            opacity: 1;
        }
        .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
        .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
            height: 100%;
            width: 100%;

            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
        }

        .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
        .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
            height: 20px;
            min-height: 7px;
        }
        .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
        .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
            min-width: 7px;
            width: 20px;
        }










        /*************** SCROLLBAR GOOGLE CHROME ***************/

        .scrollbar-chrome > .scroll-element,
        .scrollbar-chrome > .scroll-element div
        {
            border: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            z-index: 10;
        }

        .scrollbar-chrome > .scroll-element {
            background-color: #ffffff;
        }

        .scrollbar-chrome > .scroll-element div {
            display: block;
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
        }

        .scrollbar-chrome > .scroll-element .scroll-element_outer {}

        .scrollbar-chrome > .scroll-element .scroll-element_track {
            background: #f1f1f1;
            border: 1px solid #dbdbdb;
        }

        .scrollbar-chrome > .scroll-element.scroll-x {
            bottom: 0;
            height: 16px;
            left: 0;
            min-width: 100%;
            width: 100%;
        }

        .scrollbar-chrome > .scroll-element.scroll-y {
            height: 100%;
            min-height: 100%;
            right: 0;
            top: 0;
            width: 16px;
        }

        .scrollbar-chrome > .scroll-element .scroll-bar {
            background-color: #d9d9d9;
            border: 1px solid #bdbdbd;
            cursor: default;

            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

        .scrollbar-chrome > .scroll-element .scroll-bar:hover {
            background-color: #c2c2c2;
            border-color: #a9a9a9;
        }

        .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
            background-color: #919191;
            border-color: #7e7e7e;
        }

        /* scrollbar height/width & offset from container borders */

        .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
        .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

        .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
        .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

        .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
        .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
        .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

        .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
        .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
        .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

        /* update scrollbar offset if both scrolls are visible */

        .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
        .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

        .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
        .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }