@font-face {
    font-family: 'Interstate-Light';
    src: url('/assets/fonts/Interstate-Light.eot');
    src: local('☺'), url('/assets/fonts/Interstate-Light.woff') format('woff'), url('/assets/fonts/Interstate-Light.ttf') format('truetype'), url('/assets/fonts/Interstate-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Interstate-Bold';
    src: url('/assets/fonts/Interstate-Bold.eot');
    src: local('☺'), url('/assets/fonts/Interstate-Bold.woff') format('woff'), url('/assets/fonts/Interstate-Bold.ttf') format('truetype'), url('/assets/fonts/Interstate-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Interstate-Regular';
    src: url('/assets/fonts/Interstate-Regular.eot');
    src: local('☺'), url('/assets/fonts/Interstate-Regular.woff') format('woff'), url('/assets/fonts/Interstate-Regular.ttf') format('truetype'), url('/assets/fonts/Interstate-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
i {
    font-style: normal
}
body {
    font-family: 'Interstate-Light', Arial;
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 0
}
header{}
header .topSpace{ height:110px;}
    header .topSpace .dealer__name {
        padding: 20px 0 0 0; display:inline-block; line-height:20px;
        font-size: 16px;
        font-family: 'Interstate-Bold';
        color: #00917e
    }
        header .topSpace .dealer__name span {
            color: #1a1a18; font-size:12px;
        }
    header .topSpace .vaillant__logo{ padding-top:15px; display:inline-block}
    header .topSpace .vaillant__logo img {
        max-width:100%
    }
    header .topSpace .dealer__phone {
        padding-top: 25px;
        display: none;
        color: #00917e;
        font-size: 18px;
        font-family: 'Interstate-Bold';
    }
    header .topSpace .dealer__phone_m {
        display: inline-block;
        color: #00917e;
        font-size: 18px;
        font-family: 'Interstate-Bold';
        position:absolute; top:75px; right:15px; z-index:2
    }
.header__menu{ width:100%}
.header__menu ul{ list-style:none; padding-left:0}
.header__menu_nav_list{ float:left}
    .header__menu_nav_list.dropdown-menu > li > a {
        padding: 20px
    }

    .header__menu_nav_list a {
        display: block;
        width: 100%;
        font-size: 16px;
    }
    .header__menu ul.tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 42px;
        border: none;
        width: 100%;
    }

        .header__menu ul.tabs li {
            float: left;
            margin: 0;
            cursor: pointer;
            padding: 0px 10px;
            height: 42px;
            line-height: 42px;
            border-bottom: none;
            background-color: #fff;
            color: #000;
            overflow: hidden;
            position: relative;
        }


.header__menu ul.tabs li:hover {
    background-color: #faf8f3;
    color: #00917e;
}

.header__menu ul.tabs li.active {
    border-bottom: 3px solid #00917e;
    background-color: #fff;
    color: #00917e;
}

.header__menu .tab_container {
    border: none;
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
    padding-top: 20px;
}
.header__menu .navbar-collapse{ padding:0}
.navbar{margin:0}
.menu_nav {
    list-style: none;
    padding: 0;
}
.menu_nav_li {
    font-size: 16px; float:none;
    padding: 0 15px 15px 15px;
}
.menu_nav_li a{
    color:#333
}
.menu_nav_li a:hover {
    color: #007465
}
.menu_nav .dropdown-menu{
    margin:0; float:none; border-radius:0; border:none; margin:0; width:100%; position:relative; overflow:hidden
}
.header__menu_submenu li{ float:none; padding:5px 20px}
.header__menu_submenu li a{
    font-size:14px
}

.header__menu .tab_content {
    padding: 10px 0;
    display: none; background:#fff; overflow:hidden
}
    .header__menu .tab_drawer_heading {
        display: none;
    }
.btn__orange {
    position:absolute;
    right:0;
    top:20px;
    padding: 0.625rem 1.5rem;
    font-size: 16px;
    color:#fff;
    font-weight: 300;
    background-color: #ff8500;
    border: 1px solid #ff8500;
}
    .btn__orange:hover {
        background-color: #fe7407;
        border-color: #fe7407;
        background-image: none;
    }

@media screen and (max-width: 480px) {
    .btn__orange{ top:0px}
    .header__menu .tabs {
        display: none;
    }

    .header__menu .tab_drawer_heading {
        background-color: #fff;
        color: #333;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin: 0;
        padding: 10px 15px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .header__menu .d_active {
        background-color: #fff;
        color: #007465;
    }
}
.quicklinks {
    color: #fff;
    display: block;
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 1001
}

@media print {
    .quicklinks {
        display: none
    }
}

.quicklinks a {
    color: #fff
}

    .quicklinks a:active,
    .quicklinks a:hover,
    .quicklinks a:visited {
        color: #fff;
        text-decoration: none
    }

@media screen and (max-width: 53em) {
    .quicklinks {
        top: initial;
        bottom: 7%
    }
}

.quicklinks__button {
    border: 0;
    color: #fff;
    outline: none;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #00917e;
    transition: all ease-out 300ms;
    margin-left: auto;
    margin-right: 0;
    margin-top: 4px
}

    .quicklinks__button:hover {
        background-color: #007465
    }

    .quicklinks__button:before {
        content: ' ';
        width: 50px;
        height: 4px;
        background-color: transparent;
        position: absolute;
        top: -4px
    }

@media screen and (min-width: 53em) {
    .quicklinks__button {
        display: none
    }
}

@media screen and (max-width: 53em) {
    .quicklinks__wrapper.is--open + .quicklinks__button:before {
        background-color: #fff
    }

    .quicklinks__wrapper.is--open + .quicklinks__button i:before {
        transform: rotate(135deg)
    }
}

.quicklinks__wrapper {
    display: none
}
@media screen and (max-width: 848px) {
    .quicklinks__wrapper.in + .quicklinks__button i:before {
        transform: rotate(135deg);
    }
}
@media screen and (max-width: 53em) {
    .quicklinks__wrapper {
        max-height: 0;
        overflow: hidden;
        transition: max-height ease-out 300ms
    }

        .quicklinks__wrapper.in {
            max-height: 450px
        }
}

.quicklinks__wrapper:hover .quicklinks__title {
    opacity: 1;
    max-width: 700px
}

.quicklinks__wrapper--initial {
    display: block
}

@media screen and (max-width: 53em) {
    .quicklinks__wrapper--initial {
        animation: openMobileAtStart 5000ms
    }
}

@media screen and (min-width: 53em) {
    .quicklinks__wrapper--initial .quicklinks__title {
        animation: openAtStart 5000ms
    }
}

.quicklinks__wrapper--initial + .quicklinks__button:before {
    animation: backgroundButtonMobileAtStart 5000ms
}

.quicklinks__wrapper--initial + .quicklinks__button i[class*="icon--"] {
    animation: rotateButtonMobileAtStart 5000ms
}

.quicklinks__wrapper--visited {
    display: block
}

.quicklinks__element {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    cursor: pointer;
    justify-content: flex-end;
    background-color: #00917e;
    overflow: hidden;
    border-top: 4px #fff solid;
    max-height: 50px;
    border-collapse: collapse
}

    .quicklinks__element:first-child {
        border-top: 0
    }

@media screen and (min-width: 53em) {
    .quicklinks__element {
        height: 50px
    }
}

.quicklinks__element:hover {
    background-color: #007465
}

    .quicklinks__element:hover .quicklinks__icon {
        background-color: #007465
    }

.quicklinks__title {
    transition: all ease-out 300ms;
    white-space: nowrap;
    z-index: 1;
    height: 50px;
    border-right: 4px #fff solid
}

@media screen and (min-width: 53em) {
    .quicklinks__title {
        opacity: 0;
        max-width: 0
    }
}

.quicklinks__title p {
    margin: 0 0.75rem;
    line-height: 50px
}

.quicklinks__icon {
    max-width: 50px;
    flex-basis: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-collapse: collapse;
    background-color: #00917e;
    z-index: 2
}

.quicklinks i[class*="icon--"]:before {
    transition: transform ease-out 300ms;
    margin: 0;
    font-size: 25px
}
.icon--crosshair:before, .icon--crosshair:after {
    content: "\271a";
}
.slider-item {
    height: 210px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center
}
.home__slider {
    position: relative;
    margin-bottom: -1px;
}
.bnnr__content {
    position: absolute;
    color: #000;
    max-width: 40%;
    top: 10%;
    padding: 50px;
    background-color: rgba(255,255,255,0.75)
}
    .bnnr__content .title {
        font-size: 24px;
        line-height: 28px;
        color: #000;
        margin: 0 0 20px;
    }
    .bnnr__content p {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 20px;
    }
    .bnnr__content a {
        background: #00917e;
        color: #fff;
        text-align: center;
        padding: 10px 20px;
        display: inline-block;
    }
.detail_btn {
    background: #00917e;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    display: inline-block;
    margin-right:10px
}
.landingpage__brandshield{
    width:100%; bottom:-1px;z-index:2
}
.landingpage__brandshield, .landingpage__brandshield-mobile{ display:block; position:absolute}
.landingpage__brandshield__padding-left, .landingpage__brandshield__padding-right {
    display: block;
    position: absolute;
    background-color: #eee;
    height: 100%;
    width: 25px;
    bottom: 0;
}
.landingpage__brandshield__mobile__padding-left, .landingpage__brandshield__padding-left{left:0}
.landingpage__brandshield svg, .landingpage__brandshield-mobile svg{ display:block}
.home__slider svg:not(:root) {
    overflow: hidden
}
.section__list{ background:#eee; padding:30px 0;}
.home_list_box{ background:#fff; overflow:hidden}
.home__title {
    font-size: 24px;
    padding: 20px 0;
    text-align: center
}
.title__info{
    font-size:16px; text-align:center; padding-bottom:30px
}
.icon_space__box {
    width: 100%;
    display: inline-block;
    transition: background-color 0.3s;
    min-height: 240px;
    padding: 30px 20px;
    margin-bottom: 30px;
    text-align: center;
    border: #e3e3e3 solid 2px;
    cursor: pointer;
    position: relative
}

.campaignbadge {
    position: absolute;
    color: #fff;
    z-index: 8;
    font-family: "Vaillant_14",arial,sans-serif
}

    .campaignbadge.campaignbadge--text {
        width: 125px;
        top: 11px;
        left: 25px
    }

    .campaignbadge.campaignbadge--image {
        width: 74px;
        left: 15px;
        top: 15px
    }

.campaignbadge__container {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: bold;
    hyphens: auto;
    -ms-hyphens: auto;
    -ms-word-break: break-all;
    overflow-wrap: break-word;
    margin-top: -1px;
    padding: 0.625rem 0.25rem 0
}

.campaignbadge--image .campaignbadge__container {
    background-color: #fff;
    border-radius: 50%;
    height: 74px;
    width: 74px;
    padding: 15px
}

    .campaignbadge--image .campaignbadge__container figure {
        position: relative;
        padding: 0;
        width: 44px;
        height: 44px
    }

        .campaignbadge--image .campaignbadge__container figure img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

.campaignbadge--primary .campaignbadge__container {
    background-color: #ff8000
}

.campaignbadge--secondary .campaignbadge__container {
    background-color: #00917e
}

.campaignbadge__header {
    display: block;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 0.3125rem
}

    .campaignbadge__header.campaignbadge__header--order-second {
        order: 1;
        margin-top: 0.375rem
    }

.campaignbadge__description {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.0625rem;
    margin-bottom: 0.1875rem
}

.campaignbadge__bottom {
    background-repeat: no-repeat;
    width: 125px;
    height: 12px
}

.campaignbadge--primary .campaignbadge__bottom {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='125px' height='12px' viewBox='0 0 125 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Related-Content' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Vaillant_Highlighter_Overview_Desktop' transform='translate(-166.000000, -595.000000)' fill='%23ff8000'%3E%3Cg id='Group-5' transform='translate(166.000000, 510.000000)'%3E%3Cpath d='M0,90.385746 C12.7969736,90.8522771 25.4602188,92.1282399 38.1210544,94.2031372 C54.5395403,96.8950219 70.4484121,96.8996872 86.8765361,94.2136341 C99.5301431,92.1469011 112.194593,90.8756037 124.990362,90.4160705 L125,85 L0,85' id='vl_highlighter_bottom'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.campaignbadge--secondary .campaignbadge__bottom {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='125px' height='12px' viewBox='0 0 125 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Related-Content' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Vaillant_Highlighter_Overview_Desktop' transform='translate(-166.000000, -595.000000)' fill='%2300917e'%3E%3Cg id='Group-5' transform='translate(166.000000, 510.000000)'%3E%3Cpath d='M0,90.385746 C12.7969736,90.8522771 25.4602188,92.1282399 38.1210544,94.2031372 C54.5395403,96.8950219 70.4484121,96.8996872 86.8765361,94.2136341 C99.5301431,92.1469011 112.194593,90.8756037 124.990362,90.4160705 L125,85 L0,85' id='vl_highlighter_bottom'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.campaignbadge__top {
    background-repeat: no-repeat;
    height: 10px;
    width: 127px
}

.campaignbadge--primary .campaignbadge__top {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='127px' height='10px' viewBox='0 0 127 10' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Related-Content' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Vaillant_Highlighter_Overview_Desktop' transform='translate(-166.000000, -510.000000)'%3E%3Cg id='Group-5' transform='translate(166.000000, 510.000000)'%3E%3Cpath fill='%23ff8000' d='M0,10 L124.990362,10 L125,0.0291581972 C112.201822,0.489857713 99.5325526,0.800100931 86.8765361,2.8691666 C70.4484121,5.5540534 54.5395403,5.55055442 38.1210544,2.856337 C25.4602188,0.781439685 12.7969736,0.466531155 0,0' id='vl_highlighter_top'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Related-Content' stroke='none' stroke-width='1' fill='%23A76B26' fill-rule='evenodd'%3E%3Cg id='Group-6'%3E%3Cpolygon id='vl_highlighter_triangle' points='125,9 127,9 125,0'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.campaignbadge--secondary .campaignbadge__top {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='127px' height='10px' viewBox='0 0 127 10' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Related-Content' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Vaillant_Highlighter_Overview_Desktop' transform='translate(-166.000000, -510.000000)'%3E%3Cg id='Group-5' transform='translate(166.000000, 510.000000)'%3E%3Cpath fill='%2300917e' d='M0,10 L124.990362,10 L125,0.0291581972 C112.201822,0.489857713 99.5325526,0.800100931 86.8765361,2.8691666 C70.4484121,5.5540534 54.5395403,5.55055442 38.1210544,2.856337 C25.4602188,0.781439685 12.7969736,0.466531155 0,0' id='vl_highlighter_top'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Related-Content' stroke='none' stroke-width='1' fill='%23007465' fill-rule='evenodd'%3E%3Cg id='Group-6'%3E%3Cpolygon id='vl_highlighter_triangle' points='125,9 127,9 125,0'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media screen and (min-width: 40em) {
    .icon_space__box .box--icon {
        width: 50%;
        max-width: 50%;
        padding-top: 0%;
        max-height: 110px;
    }

}

.icon_space__box .box--icon {
    position: relative;
    display: block;
    color: #00917e;
    font-size: 10rem;
    padding-top: 10rem;
    text-align: center;
    margin: 0 auto;
}

    .icon_space__box .box--icon:before {
        margin: -4rem 0 0 -5rem;
        position: absolute;
        top: 50%;
        left: 50%;
    }

.icon_space__box:hover {
    transition: background-color 0.3s;
    background: #00917e;
    color: #fff
}

.icon_space__box h4 {
    display: inline-block;
    color: #333;
    padding-top: 30px;
    margin: 0
}

.icon_space__box p {
    display: none
}

.icon_space__box:hover p {
    display: inline-block;
    padding-top: 50px
}

.icon_space__box:hover h4 {
    display: none
}

.icon_space__box:hover .box--icon {
    display: none
}

.section__white{ padding:30px 0; background:#fff}
.float__left{ float:left}
.float__right { float:right}
.text__left{ text-align:left !important}
.list_ul { padding-left:15px}
.list_ul li {
    padding: 5px 0 5px 0;
    list-style: none
}
.list_ul li:before {
    color: #007465;
    content: "\25ba";
    font-family: 'iconfont';
    left: 10px;
    position: absolute
}
    .list_ul li a {
        color: #00917e
    }
.section__gray {
    padding: 30px 0;
    background: #eee
}
.color-green-dark {
    color: #00917e;
}
.products__cont .home_product__box {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    width: 100%;
    align-items: center
}
.products__cont .home_product__box .row{
    width:100%
}
.products__cont .home_product__name {
    color: #333;
}

.products__cont .home_product__list {
    color: #333;
}
.home_product__box {
    background: #00917e;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0
}

.home_product__box__img {
    width: 100%;
    overflow: hidden; 
}

    .home_product__box__img img {
        max-width: 100%;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out;
    }
.hp_height {
    max-height: 300px;
    display: flex
}
    .hp_height img {
        object-fit: cover
    }
.home_product__box:hover img {
    transform: scale(1.1);
}

.home_product__box_content {
    width: 100%;
    padding: 20px
}

.home_product__name {
    color: #fff;
    font-size: 24px;
    padding-bottom: 20px;
}
.products__cont .home_product__box_content ul {
    list-style: disc;
    padding-left: 18px;
    color: #333;
    font-size: 16px;
}
    .products__cont .home_product__box_content ul li {
        float: none;
        padding-bottom: 10px;
    }
.home_product__list {
    list-style: disc;
    padding-left: 18px;
    color: #fff;
    font-size: 16px;
}
    .home_product__list li {
        float: none;
        padding-bottom: 10px;
    }
.content__vai {
    padding: 50px 0 0
}
    .content__vai .home__title {
        font-size: 24px;
        padding: 20px 0;
        text-align: left
    }
.home_vai__box {
    background: #00917e;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0;
    color: #fff;
    min-height:292px
}

.home_vai__box__img {
    width: 100%;
    overflow: hidden; /*max-height:200px*/
}

    .home_vai__box__img img {
        max-width: 100%;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.home_vai__box:hover img {
    transform: scale(1.1);
}

.home_vai__box_content {
    width: 100%;
    padding: 20px;
    min-height:215px
}

.home_vai__name {
    color: #fff;
    font-size: 24px;
    padding-bottom: 20px;
}
.home_vai__box p {
    color: #fff;
    font-size: 16px;
    padding: 0;
}

.text__info{ background:#fff; padding:15px; position:relative}
    .text__info .home__title{
        text-align:left; padding:0 0 15px 0
    }
    .btn__link {
        color: #00917e;
        padding-left: 15px
    }
    .btn__link:hover {
        color: #007465;
    }
    .btn__link:before {
        color: #007465;
        content: "\25ba";
        font-family: 'iconfont';
        left: 10px;
        position: absolute
    }
.btn__link_right {
    color: #00917e;
    padding-right: 20px; position:relative
}

    .btn__link_right:hover {
        color: #007465;
    }

    .btn__link_right:before {
        color: #007465;
        content: "\25ba";
        font-family: 'iconfont';
        right: 0px;
        position: absolute
    }

.home_campaign{ margin-top:30px}
.home_campaign__box {
    background: #fff;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0
}

.home_campaign__box__img {
    width: 100%;
    overflow: hidden;
    max-height:325px
}

    .home_campaign__box__img img {
        max-width: 100%;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.home_campaign__box:hover img {
    transform: scale(1.1);
}

.home_campaign__box_content {
    width: 100%;
    padding: 20px
}

.home_campaign__name {
    color: #333;
    font-size: 24px;
    padding-bottom: 20px;
}
.home_campaign__box_content p{ color:#333; position:relative}

.home_campaign__box_content .p__icon:after {
    color: #007465;
    content: "\25ba";
    font-family: 'iconfont';
    padding-left:10px
}
.dealer__space{ margin:30px 0}
.dealers__box {
    background: #fff;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0;
    height:auto
}

.dealers__box__img {
    display:none
}

    .dealers__box__img img {
        max-width: 100%;
        object-fit:cover;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.dealers__box:hover img {
    transform: scale(1.1);
}

.dealers__box_content {
    width:100%;
    float:none;
    padding: 20px;
    position:relative;
}

.dealers__box_name {
    color: #333;
    font-size: 24px;
    padding-bottom: 20px;
}

.dealers__box_content p {
    color: #333;
    position: relative
}
.working_hours span {
    color: #00917e; display:inline-block; padding:20px 0
}
.dealer__space {
    margin: 30px 0
}

.home_contact__box {
    background: #fff;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0;
    height: auto
}

.home_contact__box__img {
    width:100%; overflow:hidden
}

    .home_contact__box__img img {
        max-width: 100%;
        object-fit: cover;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.home_contact__box:hover img {
    transform: scale(1.1);
}

.home_contact__box_content {
    width: 100%;
    float: none;
    padding: 20px;
    position: relative;
}

.home_contact__box_name {
    color: #333;
    font-size: 24px;
    padding-bottom: 20px;
}
.home_contact__table{ margin:0; padding:0; width:100%; font-size:14px}
.home_contact__table td{ padding:5px 0; vertical-align:top}
    .home_contact__table td span {
        color: #007465; display:inline-block; padding-right:5px
    }
    .home_contact__table td a {
        color: #333
    }
    .home_contact__table td a:hover {
        color: #007465
    }

footer {
    background: #fff;
    padding: 30px 0
}

.footer {
    position: relative; font-family:Arial;
}

.footer-sub-menu {
    display: none;
    float: left
}

    .footer-sub-menu li {
        width: 100% !important
    }

.footer ul {
    padding: 0 0 30px 0;
    margin: 0;
    list-style: none;
    position: relative
}

.footer .footer-menu-main {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
    list-style-type: none
}

.footer ul li a {
    font-size: 14px;
    color: #666;
    text-decoration: none
}

    .footer ul li a:hover {
        color: #333;
        text-decoration: underline;
    }

.footer ul li > ul li {
    width: 100%;
    float: none;
    border: none;
    transition: padding 0.3s;
}
.footer-sub-menu li {
    padding: 0px 20px 5px 0
}

.footer .fa-caret-down {
    display: block;
    float: right;
    position: relative;
    top: -4px;
}

    .footer .fa-caret-down:after {
        position: absolute;
        right: 0;
        top: 7px;
        color: #414141;
        font-weight: 700
    }

.footer h3 {
    color: #333;
    font-size: 20px; font-size:16px
}

    .footer h3.active {
        border: none;
    }

.footer__meta {
    font-size: 14px;
    color: #666;
    line-height: 30px
}

.footer__social {
    float: right
}

    .footer__social .social {
        margin: 0 -0.25rem;
        list-style: none;
        padding: 0;
        font-size: 0
    }

        .footer__social .social > li {
            padding: 0 0.25rem 0.5rem;
            display: inline-block
        }

            .footer__social .social > li > a {
                display: block;
                width: 32px;
                height: 32px;
                background-image: url(/assets/img/sprite.png);
                background-size: 128px 160px;
                text-indent: -99em;
                overflow: hidden;
            }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .footer__social .social > li > a {
        background-image: url("/assets/img/sprite.png")
    }
}

.footer__social .social .social__facebook > a {
    background-position: 0 0
}
.footer__social .social .social__googleplus > a {
    background-position: -64px 0
}
.footer__social .social .social__instagram > a {
    background-position: -96px 0
}
.footer__social .social .social__linkedin > a {
    background-position: 0 -32px
}
.footer__social .social .social__twitter > a {
    background-position: -64px -32px
}
.footer__social .social .social__youtube > a {
    background-position: -96px -32px
}

.campaign__slogan{ margin-bottom:50px; position:relative}
    .campaign__slogan .campaign__claim {
        position: relative;
        right: 0;
        float: right;
        width: 35rem;
        height: 3rem;
        margin: 1rem 1rem 0.5rem;
        top: 0;
        text-indent: -999rem
    }
.campaign__claim:after {
    top: -1rem;
    width: 5.5rem;
    height: 1rem;
    content: '';
    position: absolute;
    right: 0;
}
        .campaign__slogan .campaign__claim span {
            padding-left: 13rem;
            line-height: 4rem;
            font-size: 2.2rem;
            font-family: 'Interstate-Regular';
            float: right;
            margin: auto 1rem;
            text-indent: 0;
            height: 100%;
            width: auto;
            background-position: left;
            background-size: auto 100%;
            margin-right: 0;
        }
span.site-logo__span {
    background-image: url(/assets/img/va.jpg?2.83.3); display:block; background-repeat:no-repeat
}

/*aboutUs*/
.page__header {
    background: #eee;
    padding-top:20px;
    overflow: hidden;
    position: relative;
    margin-bottom: -1px;
}
.page__breadcrumb {
    text-align: left;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.page__breadcrumb ul{ list-style:none; padding:0}
    .page__breadcrumb ul li {
        display: inline-block;
        font-size: 14px;
        font-family: Arial
    }
    .page__breadcrumb li:after {
        content: "\25ba";
        width: 1rem;
        right: 0;
        top: 0;
        line-height: 1.5;
        color: #333; padding:0 10px; font-size:12px
    }
    .page__breadcrumb li:last-child::after {
        display:none
    }
    .page__breadcrumb li a{display:inline-block; color:#333}
    .page__breadcrumb li a:hover {
        color: #007465
    }
.page__breadcrumb h1{
    font-size:24px; color:#333;
}
.section__page {
    padding: 30px 0;
    background: #eee;
    border-bottom: #d6d6d6 solid 1px
}
    .section__page h1 {
        font-size: 28px;
        padding: 0 0 20px 0;
        margin: 0
    }
    .section__page h2 {
        font-size: 24px;
        padding: 0 0 20px 0;
        margin: 0
    }
.right__menu ul{ list-style:none; padding:0}
    .right__menu ul li {
        display: block;
        padding: 10px;
        background: #fff;
        transition: 0.2s
    }
.right__menu ul li a{ color:#333; display:block}
        .right__menu ul li:hover {
            background: #ebf3f1;
            transition: 0.05s
        }
    .right__menu ul .active {
        background: #adccc4;
    }
.section__page h3 {
    font-size: 24px;
    padding: 0 0 20px 0;
    margin: 0
}
.page__content{ background:#fff; padding:20px; overflow:hidden; margin-bottom:30px}
.page__content_form {
    background: #00917e;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 30px
}
.page_contact__box {
    background: #fff;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0;
    height: auto
}

.page_contact__box__img {
    display: none;
    width: 40%;
    overflow: hidden;
    float: left
}

    .page_contact__box__img img {
        max-width: 100%;
        object-fit: cover;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.page_contact__box:hover img {
    transform: scale(1.1);
}

.page_contact__box_content {
    width: 100%;
    float: none;
    padding: 20px;
    position: relative;
}

.page_contact__box_name {
    color: #333;
    font-size: 24px;
    padding-bottom: 20px;
}

.page_contact__table {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 14px
}

    .page_contact__table td {
        padding: 5px 0;
        vertical-align: top
    }

        .page_contact__table td span {
            color: #007465;
            display: inline-block;
            padding-right: 5px
        }

        .page_contact__table td a {
            color: #333
        }

            .page_contact__table td a:hover {
                color: #007465
            }
/*documents*/
.document__download{ background:#fff; position:relative}
.document__table{ width:100%}
.document__table td {
    padding: 10px
}
    .document__table .doc_name {
        font-family: 'Interstate-Regular'; padding-left:35px
    }
    .document__table .doc_name a{
        color:#333; display:inline-block
    }
        .document__table .doc_name:before {
            content: "\e001";
            font-family: 'iconfont';
            left: 10px;
            position: absolute;
            color: #eae2d3;
        }
        .document__table .doc_name:hover:before {
            content: "\e001";
            font-family: 'iconfont';
            left: 10px;
            position: absolute;
            color: #00917e
        }
.img_padding {
    max-width:100%;
    padding: 1px;
    border: #e3e3e3 solid 1px;
}
/*gallery*/
.gallery__box {
    position: relative;
    display:inline-block;
    margin-bottom:20px
}

.gallery__box img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

    .gallery__box .img_effect {
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
    }
    .gallery__box img {
        padding: 1px;
        border: #e3e3e3 solid 1px
    }
    .gallery__box:hover img{
        opacity: 1;
    }

    .gallery__box:hover .img_effect {
        opacity: 1;
    }

    .gallery__box .img_effect .zoom__icon {
        background:url(/assets/img/zoom__icon.png) center center no-repeat;
        position: absolute;
        top: 50%;
        width:35px;
        height:35px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
/*contact*/
.contact__map {
    width: 100%;
    height: 310px;
    padding: 1px;
    border: #e3e3e3 solid 1px; margin-bottom:20px
}
.page_about__box {
    background: #fff;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0;
    height: auto
}

.page_about__box__img {
    display: none;
    width: 40%;
    overflow: hidden;
    float: left
}

    .page_about__box__img img {
        max-width: 100%;
        object-fit: cover;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.page_about__box:hover img {
    transform: scale(1.1);
}

.page_about__box_content {
    width: 100%;
    float: none;
    padding: 20px;
    position: relative;
}

.page_about__box_name {
    color: #333;
    font-size: 24px;
    padding-bottom: 20px;
}
.contact__form {
    padding: 20px 0
}
input.error, select.error {
    border: red solid 1px !important;
}
input[type="checkbox"].error {
    outline: red solid 1px
}
label.error {
    display: none !important
}
.link--external {
    color: #007465
}
.link--external:hover {
    color: #007465
}
.contact__form input, .contact__form select, .contact__form textarea {
    background: #fff;
    width: 100%;
    margin-bottom: 15px;
    border: #e3e3e3 solid 1px;
    color: #929292;
    padding: 7px 10px;
    font-size: 14px;
}

    .contact__form textarea {
        height: 150px
    }

.contact_p {
    padding-bottom: 20px;
    margin: 0
}

.contact__form label {
    color: #00917e
}

.contact__form input[type="checkbox"] {
    width: auto;
    float: left;
    margin-right: 15px;
}

.contact__form .contact_btn {
    background: #00917e;
    float:right;
    color: #fff;
    padding:10px 15px;
    width: auto;
    margin-top:10px;
}
/*campaign*/
.camp__discovery__form {
    color: #fff;
    background: #00917e;
    padding:15px; 
    position:relative;
    margin-bottom:40px;
    overflow:hidden
}
    .camp__discovery__form .camp__discovery_content {
        float: left; width:90%
    }
    .camp__discovery__form .camp__discovery_content p{
        font-size:14px
    }
.camp__discovery__form .title{
    font-size:20px; padding-bottom:10px
}
    .camp__discovery__form a {
        padding-bottom: 10px;
        font-size: 14px;
        color: #fff;
        font-family: 'Interstate-Regular'
    }
        .camp__discovery__form a:after {
            content: "\25ba";
            width: 1rem;
            left: 0;
            top: 0;
            line-height: 1.5;
            color: #fff;
            padding: 0 10px;
            font-size: 12px
        }
    .camp__discovery__form .icon--warranty{
        float:right;
        font-size:100px;
        line-height:20px
    }
.right__space .icon--warranty {
    position:absolute;
    top:10px; right:10px;
    font-size: 40px;
    line-height: 20px
}
.campaign__box {
    background: #fff;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    margin: 20px 0;
    height: auto
}

.campaign__box__img {
    width: 100%;
    overflow: hidden
}

    .campaign__box__img img {
        max-width: 100%;
        object-fit: cover;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.campaign__box:hover img {
    transform: scale(1.1);
}

.campaign__box_content {
    width: 100%;
    float: none;
    padding: 20px;
    position: relative;
}

.campaign__box_name {
    color: #333;
    font-size: 24px;
    padding-bottom: 20px;
}
.vai__img {
    max-width:100%;
    padding: 1px;
    border: #e3e3e3 solid 1px;
    margin-bottom:20px;
}
/*references*/
.reference__box{ margin-bottom:10px}
.reference__name{ padding-bottom:20px; font-size:14px}
/*calculation*/
.calculation {
    padding: 50px 0;
}
.list-ic a {
    color: #788288;
    text-decoration: none;
}

.list-ic {
    text-align: center;
    margin-left: -44px;
}

    .list-ic li {
        position: relative;
    }

        .list-ic li:first-child span {
            opacity: 1;
        }

        .list-ic li span {
            display: inline-block;
            font-weight: 800;
            width: 2em;
            height: 2em;
            text-align: center;
            line-height: 2em;
            border-radius: 1em;
            color: white;
            position: relative;
            opacity: 0.6;
            background: #00917e;
            z-index: 2
        }

        .list-ic li.active span {
            opacity: 1;
            background: #007465
        }

        .list-ic li::before {
            content: '';
            position: absolute;
            background: #bbbec7;
            z-index: 1;
            opacity: 0.5;
        }

        .list-ic li.active::before {
            opacity: 1;
        }

    .list-ic.horizontal li {
        display: inline-block;
    }

        .list-ic.horizontal li span {
            margin: 0 1em;
        }
.herospace__brandshield {
    display: none;
}
.herospace__brandshield__padding-left, .herospace__brandshield__padding-right {
    display: block;
    position: absolute;
    background-color: #eee;
    height: 100%;
    width: 25px;
    bottom: 0;
    left:0
}
.herospace__wrapper[data-initialized] img {
    display: block !important;
}
.herospace__brandshield__padding-left, .herospace__brandshield__padding-right {
    display: block;
    position: absolute;
    background-color: #eee;
    height: 100%;
    width: 25px;
    bottom: 0;
    right:0
}
@media (min-width: 768px) {
    .list-ic.horizontal li span {
        margin: 0 2em;
    }
    .herospace__brandshield {
        display: block;
        position: absolute;
        width: 100%;
        bottom: -1px;
        z-index: 10;
    }
        .herospace__brandshield img {
            width: 100%;
            height: 100%;
        }
}

.list-ic.horizontal li::before {
    top: .9em;
    left: -40px;
    width: 6.3em;
    height: .2em;
}

.list-ic li:first-child::before {
    display: none;
}

.center-select {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    .center-select {
        width: 32%;
    }
}

@media (min-width: 992px) {
    .center-select {
        width: 28%;
    }
}

.calculation .calculation-radio-center {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.calculation__content {
    height: auto;
    overflow: hidden;
}

@media (min-width: 768px) {
    .calculation__content {
        height: 400px;
    }
}

.calculation__content__box {
    padding: 30px 0;
}

.calculation__prev {
    position: absolute;
    top: -33px;
}

.calculation__line {
    height: 1px;
    width: 100%;
    background: #dfe1e6;
    margin: 30px 0;
    display: inline-block;
    position: relative;
    top: 45px;
}

    .calculation__line i {
        color: #007873;
        font-size: 25px;
        padding-right: 10px;
    }

    .calculation__line span {
        color: #007873;
        font-size: 13px;
    }

.calculation__title {
    font-size: 20px;
    color: #007873;
    text-align: center;
    margin: 20px 0 30px 0
}

.calculation-input {
    border: 1px solid #aaa;
    border-radius: 5px;
    position: relative;
    height: 50px;
    color: #444;
    padding: 0 0 0 8px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

    .calculation-input input {
        border: none;
        background:none; height:50px; padding-left:15px; width:180px;
    }
input:focus{ outline:none}
.error-info {
    width: 100%;
    color: #f42929; font-size:14px; padding:5px 0; display:inline-block
}
.default-select .select2-selection__placeholder {
    font-size: 15px;
}

.default-select .default-select .select2-container--default .select2-selection--single {
    height: 55px;
}

.default-select .select2-container--default .select2-selection--single {
    border: 1px solid #9b9ea7;
    height: 55px;
}

    .default-select .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #bbbec7;
        position: relative;
    }

        .default-select .select2-container--default .select2-selection--single .select2-selection__rendered:after {
            content: "";
            position: absolute;
            left: 10px;
            background: url(../img/map-pin.png) 0 0 no-repeat;
            width: 20px;
            height: 30px;
            top: 10px;
        }

    .default-select .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 50px;
        padding-left: 45px;
    }

    .default-select .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 12px;
    }

.report-box {
    padding: 15px 20px;
    position: relative;
}

.report-box__content {
    position: absolute;
    top: 40px;
    z-index: 9;
    left: 22px;
}

.report-box__price {
    font-size: 30px;
    color: #010101;
}
.vaitable td a {
    color: #007465
}

@media (min-width: 768px) {
    .report-box__price {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .report-box__price {
        font-size: 35px;
    }
}

@media (min-width: 1200px) {
    .report-box__price {
        font-size: 48px;
    }
}

.report-box__text {
    font-size: 13px;
    color: #7e7e7e;
}

@media (min-width: 1200px) {
    .report-box__text {
        font-size: 14px;
    }
}
.calculation__name {
    color: #bbbec7;
    display: inline-block;
    margin-top: 40px;
    font-size: 17px;
    text-align: center;
    width: 100%;
}

.calculation-radio {
    margin: 0 auto;
    /* float: left; */
    display: inline-block;
    text-align: center;
}

@media (min-width: 768px) {
    .calculation-radio {
        width: 33%;
        float:left;
        margin:0
    }
}

.calculation-radio ul {
    margin-top: 30px;
}

    .calculation-radio ul li {
        text-align: left;
        color: #555;
    }

.calculation-radio span {
    display: inline-block;
    text-align: center;
}

.calculation-radio__label {
    position: relative;
}
.calculation-radio label {
    width:100%;
    left: 0;
    top: -10px;
    color: #4c5440;
    transition: .2s all;
    font-size: 14px;
}
/*****************************************
  RADIO BUTTONS
******************************************/
input[type="radio"] {
    display: none;
}

    input[type="radio"] + span {
        background-color: #fefefe;
        border: 1px solid #cbcdd1;
        border-radius: 50px;
        display: inline-block;
        float: left;
        margin-right: 7px;
        padding: 7px;
        position: relative;
        -webkit-appearance: none;
        left: 103px;
        width: 35px;
        height: 35px;
    }

    input[type="radio"]:checked + span {
        color: #f00;
    }

        input[type="radio"]:checked + span:after {
            background: #00917e;
            border-radius: 50px;
            content: " ";
            height: 30px;
            left: 2px;
            position: absolute;
            top: 2px;
            width: 30px;
        }

label:hover input[type="radio"] + span {
    border: 1px solid #cbcdd1;
}

.select__city {
    width:100%;
    height:50px
}
    .select__city:after {
        content: "";
        position: absolute;
        left: 10px;
        background: url(/assets/img/map-pin.png) no-repeat;
        width: 20px;
        height: 30px;
        top: 10px;
    }
.js-calculation-btn {
    background-color: #00917e;
    border: none;
    color: #fff;
    margin: 25px 0;
    border-radius: 10px;
    padding: 7px 21px;
    font-weight: 700;
    margin-left: 5px;
    display: inline-block;
}
.product-box {
    background: #00917e;
    overflow:hidden;
    text-align:left;
    margin:20px 0;
}
.product-box__img {
    width: 100%;
    overflow: hidden
}

    .product-box__img img {
        max-width: 100%;
        object-fit: cover;
        transition: opacity 0.2s 0.01s, transform 0.4s ease-out
    }

.product-box:hover img {
    transform: scale(1.1);
}

.product-box_content {
    width: 100%;
    float: none;
    padding: 20px;
    position: relative;
}

.customwhich{ color:#fff; display:inline-block;}
.customwhich:hover {
    color: #fff;
}


/*product*/
.btn__product_link {
    color: #fff;
}
    .btn__product_link:after {
        color: #fff;
        content: "\25ba";
        font-family: 'iconfont';
    }
.product__gallery{ margin-bottom:30px}
.product__gallery.owl-theme .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
}
.product__gallery.owl-theme .owl-nav span{
    display:none !important
}
button{
    outline:none
}
.product__gallery .owl-prev{
    position:absolute;
    left:0;
    background:url(/assets/img/prew_next.png) 0 0 no-repeat !important;
    width:40px; height:40px
}
.product__gallery .owl-next {
    position: absolute;
    right: 0;
    background: url(/assets/img/prew_next.png) -40px 0 no-repeat !important;
    width: 40px;
    height: 40px
}
.product__gallery.owl-theme .owl-dots{
    position:absolute;
    bottom:10px;
    width:100%;
}
.product__gallery.owl-theme .item {
    padding:0 80px
}
.product__content {
    overflow: hidden
}
.product__content h1{
    font-size:40px;
    padding:0 0 20px 0;
    margin:0
}
.product__content h2 {
    font-size: 32px;
    padding: 0 0 20px 0;
    margin: 0
}
.grenn_btn {
    background: #00917e;
    float: left;
    color: #fff;
    padding: 10px 15px;
    width: auto;
    margin-top: 10px;
}
.grenn_btn:hover {
    color: #fff;
}
p.micro {
    font-size: 11px;
    color:#bbb
}
.product__icons {
    width: 100%;
    display: block;
    overflow: hidden;
}
.product__icon {
    float: left;
    padding-right: 10px;
    color: #333
}
.product__icons .product__icon i {
    font-size: 2.5rem;
    line-height: 1.5
}
    .product__icons .product__icon i:before {
        font-size: inherit;
        top: 0.35rem;
        margin-right: 0;
    }
.product__content ul {
    padding-left: 20px
}
.product__content ul li{
    padding-bottom: 5px
}
.size18{ font-size:18px; line-height:24px}
.product__section ul {
    padding-left: 20px
}

    .product__section ul li {
        padding-bottom: 5px
    }

.product__menu {
    border-bottom: #d6d6d6 solid 1px;
    padding:0; list-style:none;
    overflow:hidden
}
    .product__menu li {
        float: left;
        border-top: #d6d6d6 solid 1px;
        border-right: #d6d6d6 solid 1px;
    }
        .product__menu li:first-child {
            border-left: #d6d6d6 solid 1px;
        }
    .product__menu li a {
        background: #fff;
        padding: 10px 20px;
        display:inline-block;
        color: #333;
    }
        .product__menu li a:hover {
            color:#00917e
        }
.product__section{
    overflow:hidden
}
.product__section h3{
    margin-top:30px
}
.product__section_content{
    background:#fff;
    padding:20px;
    overflow:hidden
}
.product__content_paragraph{ overflow:hidden}
.vai__img_content {
    float: none;
    margin-right: 0;
    width: 100%
}
.catalog_dist{ color:#fff}
.button--play--primary {
    position: absolute;
    top: 50%;
    left: 50%;
}
.button--play--primary {
    font-size: 1.23rem;
    border-radius: 0;
    display: inline-block;
    line-height: 1;
    max-width: 100%;
    cursor: pointer;
    color: #fff;
    border: 1px solid #00917e;
    font-weight: normal;
    background-color: #00917e;
    text-decoration: none;
    padding: 0.6em 1em;
    text-shadow: none;
    box-shadow: none;
    transition: background-color 0.3s;
    text-align: center;
}
    .button--play--primary:before {
        top: 0.125rem;
        display: inline-block;
        position: relative;
        font-family: "iconfont";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none !important;
        text-decoration: none;
        speak: none;
        font-size: 3rem;
        line-height: 3rem;
        width: auto;
        line-height: 1em;
    }
.back_to_top {
    border-top: #d6d6d6 solid 1px;
    overflow:hidden;
    display:none
}
    .back_to_top a {
        padding: 0.5rem 1rem 0.5rem 1.5rem;
        display: inline-block;
        float:right;
        color: #00917e;
        border: 1px solid #e3e3e3;
        border-top:none;
        background-color: #fff;
        box-shadow: 0 0 0 1px #fff inset;
    }
.product__section .contact__form {
    padding: 20px;
    background:#fff
}

.page__slider {
    width: 100%;
    position: relative;
    margin-bottom: -1px;
    background:#eee;
}
.page__slider img{
    width: 100%
}
    .page__slider svg:not(:root) {
        overflow: hidden
    }
    .page__slider .bnnr__content {
        right:20%;
        max-width:25%
    }

@media (min-width: 768px) {
    .slider-item {
        height: 430px;
    }
    .bnnr__content {
        max-width: 40%;
        top: 10%;
        padding:10px
    }
    .page__slider .bnnr__content {
        max-width: 50%;
        top: 10%;
        padding: 10px
    }
    header .topSpace {
    height: 74px;
    }
    header .topSpace .dealer__name {
        font-size: 16px;
    }
        header .topSpace .dealer__name span {
            font-size: 12px;
        }
    header .topSpace .dealer__phone {
        display: inline-block;
    }

    header .topSpace .dealer__phone_m {
        display: none;
    }
    .header__menu .tab_container {
        padding: 0
    }
    .menu_nav_li {
        padding: 0 15px;
    }
    .dealers__box {
        height: auto
    }
    .dealers__box__img {
        display: none
    }

    .dealers__box_content {
        width: 100%;
        float: none;
    }
    .page_contact__box__img {
        display: inline-block;
        width: 40%;
        float: left
    }

    .page_contact__box_content {
        width: 60%;
        float: right;
    }
    .menu_nav_li {
        float: left;
    }
    .menu_nav .dropdown-menu {
        margin: 0;
        float: none;
        border-radius: 0;
        border: none;
        margin: 0;
        width: 100%;
        position: absolute;
        overflow: hidden
    }
    .page_about__box__img {
        display: inline-block;
        width: 40%;
        float: left
    }

    .page_about__box_content {
        width: 60%;
        float: right;
    }
    .calculation__title {
        margin: 40px 0 50px 0
    }

}
@media (min-width: 992px) {
    .bnnr__content {
        max-width: 40%;
        top: 20%;
        padding:20px
    }
    .page__slider .bnnr__content {
        max-width: 40%;
        top: 20%;
        padding: 20px
    }
    .slider-item {
        height: 570px;
    }
    .footer-sub-menu {
        display: block
    }

    .footer .fa-caret-down {
        display: none;
    }

    .footer .footer-menu-main {
        width: 25%;
        padding: 0 1%
    }

    .footer-menu-main {
        border-bottom: none
    }

    header .topSpace {
        height: 74px;
    }
    header .topSpace .dealer__name {
        font-size: 24px;
    }
        header .topSpace .dealer__name span {
            font-size: 14px;
        }
    header .topSpace .dealer__phone {
        display: inline-block;
    }

    header .topSpace .dealer__phone_m {
        display: none;
    }
    .header__menu .tab_container {
        padding: 0
    }
    .menu_nav_li {
        padding: 0 15px;
    }
    .dealers__box {
        height: auto
    }
    .dealers__box__img {
        display:none
    }
    .dealers__box_content {
        width: 100%;
        float: none;
    }
    .page_contact__box__img {
        display: inline-block;
        width: 40%;
        float: left
    }

    .page_contact__box_content {
        width: 60%;
        float: right;
    }
    .menu_nav_li {
        float: left;
    }
    .menu_nav .dropdown-menu {
        margin: 0;
        float: none;
        border-radius: 0;
        border: none;
        margin: 0;
        width: 100%;
        position: absolute;
        overflow: hidden
    }
    .page_about__box__img {
        display: inline-block;
        width: 30%;
        float: left
    }

    .page_about__box_content {
        width: 70%;
        float: right;
    }
    .calculation__title {
        margin: 40px 0 50px 0
    }
    .vai__img_content {
        float: left;
        margin-right: 15px;
        width: 25%
    }
}
@media (min-width: 1200px) {
    .bnnr__content {
        max-width: 40%;
        top: 30%;
    }
    .page__slider .bnnr__content {
        max-width: 30%;
        top: 30%;
    }
    .slider-item {
        height: 600px;
    }
    header .topSpace {
        height: 74px;
    }
    header .topSpace .dealer__name {
        font-size: 24px;
    }
        header .topSpace .dealer__name span {
            font-size: 14px;
        }
    header .topSpace .dealer__phone {
        display: inline-block;
    }

    header .topSpace .dealer__phone_m {
        display: none;
    }
    .header__menu .tab_container {
        padding:0
    }
    .menu_nav_li {
        padding: 0 15px;
    }
    .dealers__box {
        height: auto
    }
    .dealers__box__img {
        width: 40%;
        float: left;
        overflow: hidden;
        display:block
    }

        .dealers__box__img img {
            max-width: 100%;
            object-fit: cover;
            transition: opacity 0.2s 0.01s, transform 0.4s ease-out
        }

    .dealers__box_content {
        width: 60%;
        float: left;
        padding: 20px;
        position: relative;
    }
    .page_contact__box__img {
        display:inline-block;
        width: 40%;
        float: left
    }
    .page_contact__box_content {
        width: 60%;
        float: right;
    }
    .menu_nav_li {
        float: left;
    }
    .menu_nav .dropdown-menu {
        margin: 0;
        float: none;
        border-radius: 0;
        border: none;
        margin: 0;
        width: 100%;
        position: absolute;
        overflow: hidden
    }
    .page_about__box__img {
        display: inline-block;
        width: 30%;
        float: left
    }

    .page_about__box_content {
        width: 70%;
        float: right;
    }
    .calculation__title{ margin:40px 0 50px 0}
}
@media (min-width: 1600px) {
    .bnnr__content{
        max-width:30%
    }
    .page__slider .bnnr__content {
        max-width: 25%
    }
}
@media (max-width: 767px) {
    .bnnr__content {
        position:relative;
        width:100%;
        max-width:100%;
        padding:20px 10px
    }
    .page__slider .bnnr__content {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding: 20px 10px;
        right:0
    }
}
.table-general {
    width: 100%;
    background: #fff;
}
    .table-general thead .table--row th {
        background: #fff;
        color: #00917e;
        text-align: center;
        padding: 1rem
    }
        .table-general thead .table--row th:first-child {
            border-left: 0;
        }
        .table-general thead .table--row th:not(:first-child) {
            border-left: 1px solid #e3e3e3;
        }
    .table-general tbody tr:nth-child(odd) {
        background: #ebf3f1;
    }
    .table-general tbody tr td:first-child {
        border-left: 0;
        padding: 1rem
    }
    .table-general td:not(:first-child) {
        border-left: 1px solid #e3e3e3;
        padding: 1rem
    }
    .table-general tbody tr:nth-child(even) {
        background: #fff;
    }