/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}




@font-face{
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI.woff2') format('woff2'),
         url('../fonts/SegoeUI.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI-SemiBold.woff2') format('woff2'),
         url('../fonts/SegoeUI-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: 'SegoeUI';
    src: url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
         url('../fonts/SegoeUI-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



p,
h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0;
    padding: 0;
    font-weight: 400;
}
html{
    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
*{outline:none;}
*,
*::before,
*::after{
    box-sizing: inherit;
}
body{
    overflow-x: hidden;
    font-family: 'SegoeUI';
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
body.active,
html.active{
    overflow: hidden;
}
.container{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}

.scroll{
    position: fixed;
    width: 53px;
    height: 53px;
    display: flex;
    z-index: 4;
    bottom: 50px;
    right: 15%;
    transform: scale(0);
    transition: all 0.3s;
}
.scroll.fixed{
    transform: scale(1);
}
.btn{
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #EA4600 0%, #FB7800 100%);
    text-align: center;
    padding: 5px 25px;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    line-height: 18px;
    animation: btmAnim 1s ease infinite;
    text-transform: uppercase;
}
@keyframes btmAnim{
    0% {
        box-shadow: 0 0 0 0 rgb(3234 70 0 / 80%);
    }
    
    100% {
        box-shadow: 0 0 0 15px rgb(234 70 0 / 0%);
    }
}
.header{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 10;
    right: 0;
}
.header_prev{
    background-size: cover;
    background-position: center;
    background-image: url(../img/header_prev.jpg);
}
.header_prev-title{
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    margin-right: 35px;
}
.header_prev-btn{
    width: 123px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-right: 30px;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #08A826;
    line-height: 17px;
}
.header_prev-logo{
    display: flex;
    margin-right: 20px;
}
.header_prev-img{
    display: flex;
}
.header_prev-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 50px;
}
.header_logo{
    display: flex;
}
.header_text{
    font-size: 13px;
    color: #9E9E9E;
    line-height: 14px;
    width: 215px;
}
.header_group{
    display: flex;
}
.header_adres{
    width: 240px;
    padding-left: 36px;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
.header_adres::before{
    position: absolute;
    content: "";
    background-image: url(../img/adres.svg);
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
}
.header_links{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.header_number{
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 30px;
    position: relative;
    padding-left: 30px;
    transition: all 0.3s;
}
.header_number:hover{
    color: #259D1F;
}
.header_number::before{
    position: absolute;
    content: "";
    background-image: url(../img/phone.svg);
    width: 24px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header_order{
    font-size: 14px;
    color: #B5B5B5;
    line-height: 20px;
    transition: all 0.3s;
}
.header_order:hover{
    color: #259D1F;
}







.main{
    position: relative;
    z-index: 1;
}
.main_slider{
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    right: 0;
}
.main_slider .slick-track{
    display: flex;
}

.main_slide{
    padding:320px 0 125px;
    width: 100%;
    height: initial;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}
.main_slide-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
.main_slide-img picture,
.main_slide-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header_menu-wrapper{
    background: rgba(29, 29, 29, 0.7);
    margin-top: 38px;
}
.header_menu{
    display: flex;
    justify-content: space-around;
    position: relative;
 
    width: 100%;
}
.header_menu a{
    font-size: 13px;
    line-height: 17px;
    color: #CCCCCC;
    text-transform: uppercase;
    transition: all 0.3s;
    padding: 10px 0px 13px;
    display: flex;
    align-items: center;
}
.header_menu a svg{
    margin-left: 8px;
}
.header_menu a svg path{
    transition: all 0.3s;
}
.header_menu a:hover{
    color: #3AAA35;
}
.header_menu a:hover svg path{
    fill: #3AAA35;
}
.header_menu li ul {
    position: absolute;
    display: flex;
    left: 0;
    width: 100%;
    padding: 50px 0 25px;
    bottom: 0;
    transform: translateY(100%);
    transition: all 0.3s;
    opacity: 0;
    flex-wrap: wrap;
    visibility: hidden;
}
.header_menu li:hover ul{
    opacity: 1;
    visibility: visible;
}
.header_menu li ul::before{
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    background: #232323;
    z-index: -1;
}
.header_menu li ul a{
    display: flex;
    width: 175px;
    flex-direction: column;
    margin-right: 10px;
    text-transform: none;
    padding: 0 !important;
    margin-bottom: 25px;
}
.header_menu li ul a img{
    height: 150px;
    width: 158px;
}
.header_menu li ul a:hover span{
    color: #3AAA35;
}
.header_menu li ul a img{
    margin-bottom: 13px;
}
.header_menu li ul li:last-child a{
    margin-right: 0;
}
.header.fixed .header_menu-wrapper{
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    margin-top: 0;

    background: #2E2E2E;
}
.header_menu-logo{
    display: none;
}
.header_menu-inner{
    display: flex;
    align-items: center;
    position: relative;
}

.header.fixed .header_menu{
    padding-left: 300px;
}
.header.fixed .header_menu a{
    padding: 32px 0;
}
.header.fixed .header_menu-logo{
    display: flex;
    position: absolute;
}
.header_menu li ul span{
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: all 0.3s;
    line-height: 19px;
}
.main_title,
.main h1{
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    color: #FFFFFF;
    margin-bottom: 80px;    
}
.header_menu li .menu_mini{
    background: #232323;
    width: 230px;
    flex-direction: column;
    padding: 30px 39px;
    justify-content: flex-start;
    align-items: flex-start;
    left: -40px;
}
.header_menu li .menu_mini a{
    width: auto;
    padding: 0;
    font-size: 16px;
    line-height: 35px;
    margin: 0;
    text-align: left;
}
.menu_mini::before{
    display: none;
}
.main_items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 555px;
    margin-bottom: 50px;
}
.main_item{
    width: 47%;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    position: relative;
    padding-left: 37px;
}
.main_item::before{
    position: absolute;
    content: "";
    background-image: url(../img/main_item.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
}
.main_inner{
    background: rgba(41, 47, 60, 0.7);
    backdrop-filter: blur(30px);
    padding: 33px 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main_text{
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 36px;
}
.main_text span{
    color: #FB7800;
}
.main_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 73px;
    width: 290px;
    background: linear-gradient(to left, #EA4600 0%, #FB7800 100%);
    font-weight: 700;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 22px;
    animation: btmAnim 1s ease infinite;
}
.main_slider .slick-dots{
    position: absolute;
    right: 245px;
    bottom: 79px;
    display: flex;
}
.main_slider .slick-dots button{
    cursor: pointer;
    font-size: 0;
    padding: 0;
    border: none;
    border-radius: 9px;
    background: #FFFFFF;
    width: 24px;
    height: 4px;
    margin: 0 3px;
}
.main_slider .slick-dots .slick-active button{
    background: #3AAA35;
    width: 42px;
}
.main_slider .slick-arrow{
    position: absolute;
    bottom: 60px;
    width: 40px;
    background: none;
    background: #FFFFFF;
    background-size: 14px 16px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 40px;
    font-size: 0;
    cursor: pointer;
    z-index: 1;
    border: none;
}
.main_slider .slick-next{
    right: 130px;
    background-image: url(../img/slide_right.svg);
}
.main_slider .slick-prev{
    right: 180px;
    background-image: url(../img/slide_left.svg);
}
.advantages{
    padding: 91px 0 98px;
    background-image: url(../img/advantages.jpg);
    background-size: cover;
    background-position: center;
}
.advantages_title{
  
    font-size: 35px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 35px;
    line-height: 51px;
}
.advantages_title span{
    font-weight: 700;
}
.advantages_items{
    display: flex;
    justify-content: space-between;
}

.advantages_item-title{
    font-weight: 600;
    font-size: 55px;
    line-height: 73px;
    margin-bottom: 5px;
}
.advantages_item-text{
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

.advantages_item:nth-child(1) .advantages_item-title{
    background: linear-gradient(90deg, #52CA4D 9.94%, #2E9529 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.advantages_item:nth-child(2) .advantages_item-title{
    background: linear-gradient(270deg, #EA4600 4.97%, #FB7800 95.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.advantages_item:nth-child(3) .advantages_item-title{
    background: linear-gradient(90deg, #64B8E1 9.94%, #0085BA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.advantages_item:nth-child(4) .advantages_item-title{
    background: linear-gradient(270deg, #B42266 4.97%, #D85491 95.65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.popular{
    margin: 100px 0;
}
.popular_title{
    font-size: 35px;
    text-align: center;
    color: #000000;
    line-height: 50px;
    margin-bottom: 55px;
}
.popular_title span{
    display: block;
    font-weight: 700;
}
.popular_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.popular_item{
    width: 32%;
    background: #F9F9F9;
    margin-bottom: 20px;
}
.popular_item:hover .popular_item-img::before{
 
opacity: 1;
}
.popular_item-img::before{
    position: absolute;
    content: "";
    transition: all 0.3s;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(58, 170, 53, 0.7), rgba(58, 170, 53, 0.7));
    opacity: 0;
}
.popular_item-img{
    padding: 25px;
    position: relative;
    height: 351px;
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}
.popular_item:hover .popular_item-link{
    opacity: 1;
}
.main_error-title{
    font-size: 126px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #fff;
}
.popular_item-link{
    opacity: 0;
    transition: all 0.3s;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    padding: 25px;
    display: flex;
    align-items: flex-end;
}
.popular_item-info{
    padding: 25px;
}
.popular_item-title{
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    margin-bottom: 18px;
    line-height: 21px;
}
.popular_item-subtitle{
    font-size: 12px;
    color: #939393;
    line-height: 16px;
}
.popular_item-name{
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    margin-bottom: 18px;
    line-height: 21px;
}
.popular_item-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #DADADA;
    padding-top: 23px;
}
.popular_item-price{
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    width: 120px;
}
.popular_item-btn{
    width: 127px;
    height: 40px;
    font-size: 16px;
}
.popular_item-btn.full{
    width: calc(100% - 55px);
}
.popular_item-calc{
    display: flex;
}
.cost{
    margin-bottom: 100px;
}
.cost_title{
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #000000;
    line-height: 35px;
    width: 470px;
    margin-bottom: 55px;
}
.cost_title span{
    color: #3AAA35;
}
.cost_wrapper{
    width: 750px;
    position: relative;
    padding: 59px 145px 59px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cost_wrapper::after{
    position: absolute;
    content: "";
    background-image: url(../img/cost_wrapper.png);
    background-size: cover;
    height: 288px;
    width: 383px;
    right: -174px;
    bottom: -60px;
}
.cost_wrapper::before{
    position: absolute;
    content: "";
    width: 200%;
    height: 100%;
    right: 0;
    top: 0;
    backdrop-filter: blur(20px);
    background: rgba(29, 35, 47, 0.8);
    z-index: -1;
}
.cost_btn{
    height: 73px;
    width: 290px;
    font-size: 15px;
    padding: 0;
}
.cost_text{
    font-weight: 600;
    font-size: 18px;
    line-height: 22px; 
    width: 260px;
    color: #FFFFFF;
   
}
.cost .container{
    position: relative;
}
.cost_img{
    position: absolute;
    left: 530px;
    z-index: -1;
    top: 0;
    display: flex;
}
.colors{
    margin: 85px 0;
}
.colors_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 50px;
    line-height: 51px;
}
.colors_wrapper{
    display: flex;
    justify-content: space-between;
}
.colors_left{
    width: 520px;
}
.header_prev-img{
    display: flex;
}
.colors_right{
    width: 530px;
}
.colors_content{
    display: none;
}
.colors_content.active{
    display: block;
}
.colors_subtitle{
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 12px;
}
.colors_subtitle span{
    color: #3AAA35;
}
.colors_tabs{
    display: flex;
    border-bottom: 1px solid #E0E0E0;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.colors_tab{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    margin-right: 20px;
    font-size: 13px;
    color: #000000;
    line-height: 12px;
    border: 1px solid #fff;
}
.colors_tab.active{
    border: 1px solid #3AAA35;
}
.colors_tab.active svg rect{
    stroke: #3AAA35;
}
.colors_tab svg{
    margin-bottom: 8px;
}
.colors_items-title{
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
    line-height: 12px;
}
.colors_items{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 18px;
}
.colors_items.color_slider{
    border-bottom: none;
    padding-bottom: 0;
}
.color_slider{
    padding-top: 40px;
}
.colors_desc span{
    color: red;
}
.color_slider .slick-arrow{
    position: absolute;
    font-size: 0;
    top: 0;
    border: 1px solid #3AAA35;
    width: 25px;
    height: 25px;
    background: none;
    background-size: 14px 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 1;
}
.color_slider .slick-next{
    background-image: url(../img/arrow_right.svg);
    right: 0;
}
.color_slider .slick-prev{
    background-image: url(../img/arrow_left.svg);
    left: 0;
}
.color_slider .slick-arrow.slick-disabled{
    opacity: 0;
    cursor: default;
}
.colors_item{
    width: 87px;
    margin-right: 23px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 23px;
}
.colors_item:nth-child(5n){
    margin-right: 0;
}
.colors_item-value{
    height: 30px;
    width: 87px;
    margin-bottom: 18px;
    background-size: cover;
}
.colors_item.active .colors_item-value{
    border: 3px solid #3AAA35;
}
.colors_item-title{
    font-size: 13px;
    text-align: center;
    color: #000000;
    line-height: 12px;
}
.colors_item-title span{
    color: red;
}
.color_slider .colors_item:nth-child(5n){
    margin-right: 23px;
}
.colors_img-wrapper{
    height: 389px;
    width: 100%;
    position: relative;
    padding: 66px 56px 34px;
    margin-bottom: 10px;
}
.colors_img-wrapper::after{
    content: "";
    position: absolute;
    background-image: url(../img/colors_img-wrapper.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}
.colors_img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center bottom;
    position: relative;
    z-index: 2;
}
.colors_inner{
    width: 100%;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../img/colors_inner.jpg);
    background-size: cover;
    background-position: center;
}
.colors_btn{
    width: 290px;
    background: #FFFFFF;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
    line-height: 22px;
    animation: btmAnim2 1s ease infinite;
}
@keyframes btmAnim2{
    0% {
        box-shadow: 0 0 0 0 rgb(3255 255 255 / 80%);
    }
    
    100% {
        box-shadow: 0 0 0 15px rgb(255 255 255 / 0%);
    }
}

.quiz{
    padding: 95px 0 110px;
    background-image: url(../img/quiz.jpg);
    background-size: cover;
    background-position: center;
    margin-bottom: 100px;
}
.quiz_title{
    font-weight: 700;
    font-size: 35px;
    color: #000000;
    margin-bottom: 45px;
    line-height: 47px;
    width: 400px;
}
.quiz_text{
    font-weight: 600;
    font-size: 21px;
    line-height: 28px;
    width: 470px;
    margin-bottom: 55px;
}
.quiz_btn{
    width: 290px;
    height: 73px;
    font-size: 16px;
}
.drivers{
    padding: 90px 0 80px;
    background: #1D232F;
}
.drivers_tiitle{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 60px;
    line-height: 51px;
    color: #FFF;
}
.drivers_wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.drivers_item{
    width: 49%;
    padding-top: 35px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-bottom: 37px;
}
.drivers_item-img{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}
.drivers_item-info{
    width: 255px;
    background: #313845;
    backdrop-filter: blur(25px);
    padding: 45px 30px;
}
.drivers_item-title{
    font-weight: 700;
    font-size: 18px;
    color: #3AAA35;
    margin-bottom: 15px;
    line-height: 24px;
}
.drivers_item-text{
    font-size: 14px;
    color: #BEBEBE;
    margin-bottom: 15px;
    line-height: 19px;
}
.drivers_item-price{
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 19px;
}
.drivers_item:nth-child(3),
.drivers_item:nth-child(4){
    justify-content: flex-start;
}
.drivers_item:nth-child(3) .drivers_item-img,
.drivers_item:nth-child(4) .drivers_item-img{
    left: auto;
    right: 0;
}

.options{
    padding: 90px 0 110px;
}
.options_title{
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 55px;
    line-height: 55px;
}
.options_slide{
    margin: 0 22px;
}
.options_slide-img{
    width: 100%;
    height: 227px;
    margin-bottom: -30px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.options_slide-img img{
    width: 105%;
    height: 105%;
    object-fit: cover;
}
.options_slide-info{
    background: rgba(62, 70, 84, 0.8);
    backdrop-filter: blur(20px);
    width: calc(100% - 38px);
    margin: 0 auto;
    padding: 35px 25px;
    min-height: 174px;
    position: relative;
    z-index: 1;
}
.options_slide-title{
    font-weight: 700;
    font-size: 18px;
    color: #3AAA35;
    margin-bottom: 10px;
    line-height: 20px;
}
.options_slide-text{
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.options_slider .slick-arrow{
    position: absolute;
    top: 90px;
    height: 45px;
    width: 45px;
    background: none;
    z-index: 1;
    cursor: pointer;
    font-size: 0;
    border: none;
    background-size: cover;
}
.options_slider .slick-next{
    background-image: url(../img/slider_right.svg);
    right: -45px;
}
.options_slider .slick-prev{
    background-image: url(../img/slider_left.svg);
    left: -45px;
}

.cause{
    padding: 0 0 110px;
}
.cause_title{
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 58px;
    line-height: 50px;
}
.cause_title span{
    font-weight: 700;
}
.cause_wrapper{
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.cause_left{
    background: rgba(29, 35, 47, 0.8);
    backdrop-filter: blur(20px);
    padding: 60px 65px;
    width: 49%;
}
.cause_item{
    margin-bottom: 30px;
    padding-left: 67px;
    position: relative;
}
.cause_item:last-child{
    margin-bottom: 0;
}
.cause_item-title{
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
    margin-bottom: 8px;
    line-height: 26px;
}
.cause_item-text{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
}
.cause_item-number{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 55px;
}
.cause_item:nth-child(1) .cause_item-number{
    background: linear-gradient(0deg, #52CA4D -2.33%, #2E9529 86.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.cause_item:nth-child(2) .cause_item-number{
    background: linear-gradient(180deg, #EA4600 11.63%, #FB7800 102.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.cause_item:nth-child(3) .cause_item-number{
    background: linear-gradient(360deg, #64B8E1 -2.33%, #0085BA 79.07%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


.cause_right{
    width: 49%;
    background: #EFEFEF;
    padding: 60px 80px;
    position: relative;
}
.cause_right-subtitle{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    line-height: 26px;
    padding: 8px 10px;
    background: #E30000;
    position: absolute;
    white-space: nowrap;
    top: -20px;
    right: 50%;
    transform: translateX(50%);
}
.cause_right-item{
    margin-bottom: 30px;
    padding-left: 67px;
    position: relative;
}
.cause_right-item::before{
    position: absolute;
    content: "";
    background-image: url(../img/cause_right-item.svg);
    background-size: cover;
    width: 31px;
    height: 31px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.cause_right-item:last-child{
    margin-bottom: 0;
}
.cause_right-title{
    font-weight: 700;
    font-size: 22px;
    color: #3E3E3E;
    margin-bottom: 8px;
    line-height: 26px;
}
.cause_right-text{
    line-height: 20px;
    font-size: 14px;
}
.cause_inner{
    padding: 163px 0 145px;
    background-image: url(../img/cause_inner.jpg);
    background-size: cover;
    text-align: center;
}
.cause_inner-title{
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 32px;
}
.cause_inner-title span{
    font-weight: 700;
}
.sale{
    padding: 97px 0 77px;
}
.sale_wrapper{
    display: flex;
}
.sale_info{
    width: 415px;
    background-image: url(../img/sale_info.jpg);
    background-size: cover;
    padding: 64px 33px 57px 105px;
    position: relative;
    z-index: 1;
}
.sale_info::before{
    position: absolute;
    content: "";
    background-image: url(../img/sale_info-bef.svg);
    background-size: cover;
    width: 33px;
    height: 63px;
    right: -22px;
    top: 64px;
}
.sale_title{
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    line-height: 32px;
}
.sale_title span{
    font-weight: 700;
    font-size: 62px;
    color: #FFFFFF;
    margin-left: 4px;
    line-height: 82px;
}
.sale_text{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
}
.sale_right{
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, #EDEDF3, #EDEDF3), linear-gradient(89.88deg, #FBFBFB 0.15%, #EDEDF3 99.96%);
    width: 695px;
    padding: 50px;
    position: relative;
}
.sale_img{
    position: absolute;
    right: 5px;
}
.sale_btn{
    height: 60px;
    width: 260px;
}
.sale_promo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    width: 260px;
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    line-height: 21px;
}
.sale_promo span{
    background: #FFFFFF;
    padding: 6px 16px;
    margin-left: 14px;
    font-weight: 700;
    font-size: 20px;
    color: #FB7800;
    line-height: 27px;
}

.series{
    margin-bottom: 65px;
}
.series_title{
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 35px;
    line-height: 51px;
}
.series_item{
    display: flex;
    position: relative;
    justify-content: flex-end;
    height: 435px;
    margin-bottom: 60px;
}
.series_item-info{
    width: 375px;
    padding-top: 64px;
}
.series_item-subtitle{
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #3AAA35;
    margin-bottom: 12px;
    line-height: 29px;
}
.series_item-title{
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 45px;
    line-height: 36px;
}
.series_item-text{
    font-size: 16px;
    color: #000000;
    line-height: 23px;
}
.series_item-img{
    position: absolute;
    right: 467px;
}
.series_item:nth-child(3){
    justify-content: flex-start;
}
.series_item:nth-child(3) .series_item-img{
    left: 467px; 
}

.how{
    margin-bottom: 115px;
}
.how_wrapper{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 150px;
}
.how_title{
    font-weight: 700;
    font-size: 35px;
    line-height: 47px;
    color: #000000;
    width: 515px;
}
.how_items{
    width: 564px;
    background: rgba(29, 35, 47, 0.8);
    backdrop-filter: blur(20px);
    padding: 60px 45px;
}
.how_item{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 23px;
    margin-bottom: 25px;
    padding-left: 39px;
    position: relative;
}
.how_item::before{
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../img/ok.svg);
    background-size: cover;
    left: 0;
    top: 10px;
}
.how_item:last-child{
    margin-bottom: 0;
}
.how_img{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    display: flex;
}
.company{
    margin-bottom: 110px;
 
}
.company_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.company_img{
    display: flex;
    height: 416px;
    width: 635px;
}
.company_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.company_info{
    width: 410px;
}
.company_info-title{
    font-weight: 700;
    font-size: 35px;
    color: #000000;
    margin-bottom: 40px;
    line-height: 47px;
}
.company_info p{
    color: #000000;
    line-height: 24px;
    margin-bottom: 25px;
}
.company_info p:last-child{
    margin-bottom: 0;
}

.showroom{
    padding-bottom: 70px;
}
.showroom_title{
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 43px;
    line-height: 50px;
}
.showroom_slider{
    padding: 0 70px;
    margin-bottom: 70px;
}
.showroom_slide{
    margin: 0 10px;
}
.showroom_slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.showroom_slider .slick-list{
    overflow: visible;
}
.showroom_slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 45px;
    width: 45px;
    background: none;
    z-index: 1;
    cursor: pointer;
    font-size: 0;
    border: none;
    background-size: cover;
}
.showroom_slider .slick-next{
    background-image: url(../img/slider_right.svg);
    right: 60px;
}
.showroom_slider .slick-prev{
    background-image: url(../img/slider_left.svg);
    left: 60px;
}
.showroom_wrapper{
    margin-bottom: 40px;
    position: relative;
}
.showroom_info{
    background: #3AAA35;
    width: 825px;
    padding: 50px 70px;
}
.showroom_info-title{
    font-weight: 600;
    font-size: 25px;
    color: #FFFFFF;
    margin-bottom: 34px;
    line-height: 26px;
}
.showroom_info-item{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    position: relative;
    margin-bottom: 16px;
    padding-left: 39px;
}
.showroom_info-item::before{
    position: absolute;
    content: "";
    background-image: url(../img/showroom_info-item.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.showroom_adres{
    position: absolute;
    background: rgba(29, 35, 47, 0.8);
    backdrop-filter: blur(20px);
    width: 458px;
    padding: 66px 84px;
    bottom: -70px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.showroom_adres-title{
    padding-left: 36px;
    position: relative;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 40px;
}
.showroom_adres-title::before{
    position: absolute;
    content: "";
    background-image: url(../img/adres.svg);
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
}
.showroom_adres-btn{
    width: 290px;
    height: 73px;
    font-size: 16px;
}
.showroom_inner{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.showroom_inner-items{
    width: 615px;
    display: flex;
    justify-content: space-between;
}
.showroom_inner-text{
    width: 455px;
    padding: 63px 50px;
    background: #F9F9F9;
    line-height: 26px;
    font-size: 18px;
    margin-top: 95px;
}
.showroom_inner-item{
    width: 48%;
}
.showroom_inner-img{
    width: 100%;
    height: 300px;
    margin-bottom: 16px;
}
.showroom_inner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.showroom_inner-title{
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}
.showroom_inner-prof{
    line-height: 26px;
    font-size: 16px;
}
.showroom{
    margin-bottom: 82px;
}
.certificates{
    margin-bottom: 100px;
}
.certificates_title{
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 37px;
    line-height: 54px;
}
.certificates_wrapper{
    display: flex;
    justify-content: space-evenly;
}
.certificates_item{
    width: 33%;
}
.certificates_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.works{
    padding: 105px 0 130px;
    background: #1D232F;
}
.works_title{
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 45px;
    line-height: 50px;
}
.works_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 72px;
}
.works_item{
    width: 32.7%;
    height: 340px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.works_item span{
    position: absolute;
    background: #3AAA35;
    bottom: 0;
    left: 0;
    padding: 6px 13px 6px 30px;
    font-size: 14px;
    color: #FFFFFF;
}
.works_item span::before{
    position: absolute;
    content: "";
    background-image: url(../img/works_item.svg);
    background-size: cover;
    width: 9px;
    height: 15px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}
.works_item img{
    width: 101%;
    height: 101%;
    object-fit: cover;
}
.works_item.big{
    width: 49.5%;
}
.works_inner{
    width: 750px;
    background: #282F3D;
    border: 1px dashed #3AAA35;
    margin: 0 auto;
    position: relative;
    padding: 60px 53px 60px 123px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.works_inner-img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%);
}
.works_inner-text{
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    width: 350px;
    line-height: 26px;
}
.works_inner-btn{
    text-transform: uppercase;
    font-size: 15px;
    height: 56px;
    width: 181px;
}

.mounting{
    margin: 110px 0 90px;
}
.mounting_wrapper{
    display: flex;
    justify-content: space-between;
}
.mounting_left{
    width: 545px;
}
.mounting_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 50px;
    line-height: 50px;
}
.mounting_subtitle{
    font-weight: 700;
    line-height: 26px; 
    color: #000000;
    margin-bottom: 25px;
    font-size: 22px;
}
.mounting_numbers{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 55px;
}
.mounting_number{
    width: 50%;
    padding-left: 33px;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    white-space: nowrap;
}
.mounting_number span{
    position: absolute;
    font-size: 38px;
    line-height: 43px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mounting_number:nth-child(1) span{
    background: linear-gradient(0deg, #52CA4D -2.33%, #2E9529 86.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mounting_number:nth-child(2) span{
    background: linear-gradient(360deg, #64B8E1 -2.33%, #0085BA 79.07%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mounting_number:nth-child(3) span{
    background: linear-gradient(180deg, #EA4600 11.63%, #FB7800 102.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mounting_number:nth-child(4) span{
    background: linear-gradient(180deg, #B42266 34.88%, #D85491 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mounting_items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 475px;
}
.mounting_item{
    width: 48%;
    margin-bottom: 25px;
}
.mounting_item-img{
    width: 125px;
    height: 125px;
    margin: 0 auto 11px;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
}
.mounting_item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mounting_item-title{
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #000000;
    margin-bottom: 2px;
    line-height: 26px;
}
.mounting_item-text{
    line-height: 18px;
    font-size: 14px;
    text-align: center;
}
.mounting_right{
    width: 505px;
}
.mounting_right-text{
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 26px;
    padding: 50px 0px 510px 60px;
    margin-bottom: 80px;
    position: relative;
}
.mounting_right-text::before{
    position: absolute;
    content: "";
    width: 911px;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/mounting_right.jpg);
    background-size: cover;
    z-index: -1;
}
.mounting_right-text::after{
    position: absolute;
    content: "";
    background-image: url(../img/mounting_right-car.png);
    width: 577px;
    height: 237px;
    left: -143px;
    bottom: -79px;
}
.mounting_right-btn{
    height: 73px;
    text-transform: uppercase;
    font-size: 15px;
    width: 290px;
    padding: 0;
}
.sample{
    padding: 100px 0 130px;
}
.sample_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 50px;
}
.sample_text{
    font-size: 16px;
    margin-bottom: 35px;
    max-width: 450px;
    line-height: 24px;
}
.sample_wrapper{
    display: flex;
    justify-content: space-between;
}
.sample_left{
    width: 580px;
}
.sample_img{
    display: flex;
    height: 337px;
    width: 100%;
}
.sample_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sample_left-text{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 18px;
}
.sample_left-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 246px;
    background: #FFFFFF;
    height: 65px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
    line-height: 22px;
    animation: btmAnim2 1s ease infinite;
}
.sample_right{
    width: 525px;
    padding: 40px 45px 40px 55px;
    background: #282F3D;
}
.sample_right-text{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 23px;
}
.sample_right-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
}
.sample_right-title{
    font-weight: 700;
    font-size: 18px;
    color: #3AAA35;
    line-height: 24px;
}
.sample_right-img{
    display: flex;
    border-radius: 50%;
    overflow: hidden;
}
.sample_right-person{
    width: 150px;
}
.sample_right-name{
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 3px;
    line-height: 26px;
}
.sample_right-prof{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
}
.sample_right-item{
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 4px;
    line-height: 24px;
    position: relative;
    padding-left: 33px;
}
.sample_right-item::before{
    position: absolute;
    content: "";
    background-image: url(../img/sample_right-item.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sample_right-order{
    position: relative;
    background: #3AAA35;
    padding: 35px 20px 45px 30px;
    margin-top: 40px;
}
.sample_right-order::before{
    position: absolute;
    content: "";
    background-image: url(../img/sample_right.png);
    background-size: cover;
    width: 157.8px;
    height: 127.95px;
    bottom: 0;
    right: 0;
}







.size{
    padding: 93px 0 95px;

}
.size_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 28px;
    line-height: 50px;
}
.size_text{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 35px;
}
.size_wrapper{
    display: flex;
    justify-content: space-between;
}
.size_img{
    height: 473px;
    display: flex;
    width: 752px;
}
.size_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.size_info{
    width: 290px;
}
.size_info-title{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
}
.size_info-text{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 25px;
}
.size_info-btn{
    width: 290px;
    height: 73px;
    font-size: 18px;
    line-height: 22px;
    margin-top: 33px;
}
.team{
    margin-bottom: 95px;
}
.team_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 45px;
    line-height: 50px;
}
.team_wrapper{
    display: flex;
    justify-content: space-between;
}
.team_item{
    width: 24%;
    height: 400px;
    background-size: cover;
    position: relative;
    background-position: center;
    overflow: hidden;
}
/* .team_item:hover .team_item-inner{
    transform: translateY(0%);
    justify-content: flex-end;
    transition: transform 0.6s , justify-content 0.6s;
}
.team_item:hover::before{
    opacity: 1;
} */
.team_item-inner{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0;
    transform: translateY(calc(100% - 90px));
    padding: 20px 24px;
    transition: transform 0.6s , background 0s 0.3s;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.team_item::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(29, 35, 47, 0.4), rgba(29, 35, 47, 0.4)), linear-gradient(180deg, rgba(29, 35, 47, 0) 0%, #1D232F 100%);
    opacity: 0;
    transition: all 0.6s;
}
.team_item-prof{
    font-size: 12px;
    line-height: 24px;
    color: #FFFFFF;
}
.team_item-name{
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 24px;
    line-height: 24px;
}
.team_item-text{
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 24px;
    line-height: 18px;
}
.team_item-phone{
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
}
.team_item-phone a{
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.3s;
}
.team_item-phone a:hover{
    color: #259D1F;
}
.reviews{
    background: #1D232F;
    margin-bottom: 130px;
    padding: 90px 0 110px;
}
.reviews_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 45px;
    line-height: 54px;
    color: #fff;
}
.reviews_slide{
    display: flex !important;
    align-items: center;
}
.reviews_slide-img{
    width: 650px;
    height: 487.43px;
}
.reviews_slide-img img{
    height: 100%;
    width: 730px;
    object-fit: cover;
}
.reviews_slide-info{
    backdrop-filter: blur(20px);
    background: rgba(49, 56, 69, 0.85);
    padding: 115px 55px 130px 85px;
    color: #FFFFFF;
}
.reviews_slide-text{
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 24px;
}
.reviews_slide-title{
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
}
.reviews_slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 45px;
    width: 45px;
    background: none;
    z-index: 1;
    cursor: pointer;
    font-size: 0;
    border: none;
    background-size: cover;
}
.reviews_slider .slick-next{
    background-image: url(../img/slider_right.svg);
    right: -70px;
}
.reviews_slider .slick-prev{
    background-image: url(../img/slider_left.svg);
    left: -70px;
}

.contacts{
    position: relative;
}
.contacts_info{
    padding: 178px 70px 167px 0;
    position: relative;
    z-index: 1;
    width: 400px;
}
.contacts_info::before{
    position: absolute;
    content: "";
    width: 300%;
    height: 100%;
    right: 0;
    top: 0;
    background: #3AAA35;
    z-index: -1;
}
.contacts_info-title{
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 34px;
    line-height: 40px;
}
.contacts_info-text{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 20px;
    position: relative;
    padding-left: 35px;
}
.contacts_info-text::before{
    position: absolute;
    content: "";
    background-image: url(../img/adres2.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.contacts_map{
    position: absolute;
    height: 100%;
    width: 60%;
    top: 0;
    right: 0;
}
.contacts_map iframe{
    width: 100%;
    height: 100%;
}

.footer{
    padding: 54px 0 ;
    background: #1D232F;
    position: relative;
    z-index: 6;
}
.footer_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.footer_logo{
    display: flex;
    margin-bottom: 15px;
}
.footer_text{
    font-size: 13px;
    color: #9E9E9E;
    margin-bottom: 8px;
    line-height: 14px;
    width: 205px;
}
.footer_items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 600px;
    margin-top: 5px;
}
.footer_item{
    font-size: 13px;
    color: #FFFFFF;
    line-height: 16px;
    padding-left: 41px;
    position: relative;
    transition: all 0.3s;
}
a.footer_item:hover{
    color: #259D1F;
}
.footer_item img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer_order{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.footer_number{
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 30px;
    position: relative;
    padding-left: 30px;
    transition: all 0.3s;
}
.footer_number:hover{
    color: #259D1F;
}
.footer_number::before{
    position: absolute;
    content: "";
    background-image: url(../img/phone.svg);
    width: 24px;
    height: 25px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer_call{
    font-size: 14px;
    color: #B5B5B5;
    line-height: 20px;
    transition: all 0.3s;
}
.footer_call:hover{
    color: #259D1F;
}
.footer_links{
    display: flex;
    justify-content: flex-end;
}
.footer_dev{
    font-size: 12px;
    text-decoration-line: underline;
    color: #929292;
    line-height: 20px;
    margin-left: 135px;
    transition: all 0.3s;
}
.footer_dev:hover{
    color: #259D1F;
}
.footer_link{
    font-size: 12px;
    color: #929292;
    line-height: 20px;
    margin-left: 170px;
    transition: all 0.3s;
}
.footer_link:hover{
    color: #259D1F;
}
.popup_btn{
    cursor: pointer;
}

.popup_body{
    width: 920px;
    background-color: #fff;
    padding: 48px 35px 50px 490px;
    position: relative;
    overflow: hidden;
}
.popup_body-img{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: 445px;
}
.popup_body-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.jb_title,
.popup_body-title{
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 18px;
    line-height: 32px;
}
.jb_title a{
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    line-height: 32px;
}
.jb_title span,
.popup_body-title span{
    color: #3AAA35;
}
.popup_body-text{
    font-size: 14px;
    color: #000000;
    margin-bottom: 27px;
    line-height: 20px;
}
.jbForm input[type=text],
.jbForm input[type=date],
.jbForm input[type=time],
.jbForm input[type=number],
.jbForm input[type=email],
.jbForm input[type=datetime],
.jbForm input[type=tel] ,
.popup_body-inp{
    width: 302px;
    background: #EBEBEB;
    margin-bottom: 16px;
    height: 58px;
    padding-left: 27px;
    border: none;
}
.jbForm input[type=submit] {
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(90deg, #EA4600 0%, #FB7800 100%);
text-align: center;
padding: 5px 25px;
font-weight: 700;
font-size: 15px;
text-align: center;
color: #FFFFFF;
line-height: 18px;
animation: btmAnim 1s ease infinite;
text-transform: uppercase;
}
.jbForm input[type=submit] ,
.popup_body-btn{
    width: 302px;
    height: 65px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin-bottom: 18px;
    text-transform: uppercase;
    padding: 0;
}
.jbForm label.jbForCheckbox,
.popup_body-ok{
    font-size: 10px;
    color: #5B5B5B;
    line-height: 14px;
    width: 330px;
}
#popup_zam2 .popup_body-inp{
    width: 100%;
    margin-bottom: 5px;
    height: 42px;
    background: #5B5B5B;
}
#popup_zam2 .popup_body-inp_wrapper{
    width: 340px;
    
}
#popup_zam2 .popup_body-inp_wrapper:nth-child(2),
#popup_zam2 .popup_body-inp_wrapper:nth-child(3),
#popup_zam2 .popup_body-inp_wrapper:nth-child(4),
#popup_zam2 .popup_body-inp_wrapper:nth-child(5){
    width: 155px;
}
#popup_zam2 .popup_body-info{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 55px;
}
#popup_zam2 .popup_body-title{
    width: 100%;
}
.popup_body-inp_title{
    font-size: 14px;
    color: #E2E2E2;
    margin-bottom: 8px;
    white-space: nowrap;
    line-height: 22px;
}
#popup_zam2 .popup_body-btn{
    width: 100%;
    margin-top: 23px;

}
#popup_zam2{
    background-color: #2A2A2A;
}
#popup_zam2 .popup_body-title{
    color: #fff;
}
.gate_popup{
    width: 920px;
    padding: 50px;
}
.gate_popup-title{
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 25px;
}
.gate_popup-wrapper{
    display: flex;
    justify-content: space-between;
}
.gate_popup-left{
    width: 360px;
}
.gate_popup-img{
    margin-top: 7px;
    display: flex;
    height: 350px;
    margin-bottom: 45px;
}
.gate_popup-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gate_popup .popular_item-inner{
    padding-top: 0;
    border-top: none;
}
.gate_popup-right{
    width: 400px;
}
.gate_popup-item{
    margin-bottom: 10px;
    font-size: 16px;
    color: #939393;
    line-height: 21px;
    display: flex;
    align-items: center;
}
.gate_popup-item span{
    font-weight: 600;
    font-size: 16px;
    color: #000000;
    line-height: 21px;
    margin-left: 5px;
    display: block;
}
.gate_popup-option{
    padding-left: 24px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
}
.gate_popup-option::before{
    position: absolute;
    content: "";
    background-image: url(../img/sample_right-item.svg);
    background-size: cover;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.menu_burger{
    display: none;
}
.header_mobile{
    display: none;
}
.popular_show{
    display: block;
}

.liquidatio_main{
    z-index: 1;
    position: relative;
}
.liquidatio_main-title{
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 40px;
}
.liquidatio_main-title span{
    display: inline-block;
    background: #259D1F;
    padding: 0 12px ;
    margin-left: -12px;
}
.liquidatio_main-text{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    margin-bottom: 35px;
}
.liquidatio_main-subtitle{
    font-weight: 700;
    font-size: 28px;
    color: #4EC648;
    line-height: 36px;
    margin-bottom: 20px;
}
.liquidatio_main-time{
    width: 420px;
    margin-bottom: 42px;
}
#timer131d47e3e3cf81bbea7c5302dc3737b1{
    text-align: left !important;
}
.timer-element{
    text-align: center;
}
.liquidatio_main-items{
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}
.liquidatio_main-item{
    background: rgba(41, 47, 60, 0.7);
    border: 1px solid #3AAA35;
    backdrop-filter: blur(10px);
    padding: 16px 25px 16px 30px;
    line-height: 22px;
    font-size: 16px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    position: relative;
}
.liquidatio_main-item::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_item.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
}

.liquidatio_main-btn{
    height: 73px;
    width: 290px;
}
.liquidatio{
    padding: 80px 0;
}
.liquidatio_title{
    font-weight: 900;
    font-size: 49px;
    text-transform: uppercase;
    color: #3AAA35;
    margin-bottom: 50px;
    line-height: 60px;
}
.liquidatio_item-title{
    font-size: 27px;
    line-height: 34px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 10px;
}
.liquidatio_item-price{
    font-size: 24px;
    color: #000000;
    line-height: 31px;
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
}
.liquidatio_item-price span::before{
    position: absolute;
    content: "";
    background-color: #D70000;
    left: -6px;
    right: 0;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.liquidatio_item-price span{
    z-index: 1;
    position: relative;
    background: #fff;
    margin-right: 5px;
}
.liquidatio_item-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.liquidatio_item-left{
    height: 374px;
    width: 540px;
}
.liquidatio_item-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.liquidatio_item-right{
    width: 520px;
}
.liquidatio_item-subtitle{
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 30px;
    font-weight: 700;
}
.liquidatio_item-options{
    padding-bottom: 38px;
    border-bottom: 1px solid #3AAA35;
    margin-bottom: 31px;
}
.liquidatio_item-option{
    padding-left: 25px;
    position: relative;
    font-size: 14px;
    color: #424242;
    margin-bottom: 7px;
    line-height: 18px;
}
.liquidatio_item-option::before{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #424242;
}
.liquidatio_item-option:last-child{
    margin-bottom: 0;
}
.liquidatio_item-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.liquidatio_item-length{
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}
.liquidatio_item-btn{
    height: 62px;
    width: 285px;
}
.liquidatio_item{
    margin-bottom: 80px;
}
.liquidatio_item:last-child{
    margin-bottom: 0;
}
.liquidatio_footer-btn{
    width: 216px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3AAA35;
    border-radius: 5px;
    height: 51px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 700;
    animation: btnAnim2 1s ease infinite;
}
.liquidatio_header-btn{
    width: 184px;
    background: #3AAA35;
    border-radius: 5px;
    height: 45.5px;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    animation: none;
    animation: btnAnim2 1s ease infinite;
}
#popup_liquid{
    background: #2B2B2B;
    border-radius: 5px;
    overflow: hidden;
    padding-left: 575px;
}
#popup_liquid .popup_body-img{
    width: 540px;
}
#popup_liquid .popup_body-title{
    color: #fff;
}
#popup_liquid .popup_body-text{
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 19px;
}
#popup_liquid .popup_body-inp{
    width: 258px;
    background: #5B5B5B;
    height: 56px;
}
#popup_liquid .popup_body-inp::placeholder{
    color: #fff;
}
#popup_liquid .popup_body-btn{
    height: 64.94px;
    width: 258px;
}
#popup_liquid .popup_body-ok{
    font-size: 10px;
    line-height: 13px;
    color: #9F9F9F;
    width: 265px;
}

#popup_liquid .fancybox-close-small{
    color: #fff;
}

.catalog{
    margin: 85px 0 120px;
}
.catalog_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 40px;
    line-height: 51px;
}
.catalog_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.catalog_item{
    width: 33%;
    margin-bottom: 8px;
    background-size: cover;
    display: flex;
    padding: 25px 20px;
    align-items: flex-end;
    height: 480px;
    font-weight: 700;
    font-size: 22px;
    line-height: 29px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.catalog_item:hover span::after{
    transform: translateX(5px);
}
.catalog_item span{
    display: flex;
    align-items: center;
   
}
.catalog_item span::after{
    position: relative;
    content: "";
    display: block;
    background-image: url(../img/catalog_arrow.svg);
    background-size: cover;
    width: 15px;
    height: 12px;
    margin-left: 8px;
    transition: all 0.3s;
}
.servis{
    margin-bottom: 105px;
}
.servis_title{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 40px;
    line-height: 51px;
}
.servis_wrapper{
    display: flex;
    justify-content: space-between;
}
.servis_item{
    width: 32.5%;
    display: block;
}
.servis_item:hover .servis_item-title{
    color: #3AAA35;
}
.servis_item-img{
    width: 100%;
    height: 259px;
    display: flex;
    margin-bottom: 20px;
}
.servis_item-img img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.servis_item-title{
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    display: flex;
    transition: all 0.3s;
    align-items: center;
}
.servis_item-title span{
    margin-left: 10px;
}
.aside{
    position: fixed;
    z-index: 15;
    right: 0;
    bottom: 100px;
    transition: all 0.3s;
}
.aside.active{
    right: -122px;
}
.aside.active .aside_close{
    transform: translateX(-90px);
}
.aside_close{
    display: flex;
    margin: 0 auto 11px;
    width: 14px;
    height: 14px;
    transition: all 0.3s;
    cursor: pointer;
}
.aside_item{
    background: rgba(36, 44, 61, 0.9);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 92px;
    height: 92px;
    margin-bottom: 5px;
    padding: 10px;
    text-align: center;
}
.aside_item:hover .aside_item-title{
    color: #3AAA35;
}
.aside_item-img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 31px;
    margin: 0 auto 13px
}
.aside_item-title{
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    transition: all 0.3s;
    line-height: 15px;
}

.about{
    margin: 250px 0 100px;
}
.header.page{
    background: linear-gradient(90.76deg, rgba(52, 52, 52, 0.8) 70.1%, rgba(38, 38, 38, 0) 90.52%), linear-gradient(180deg, rgba(18, 18, 18, 0.8) 1.99%, rgba(26, 26, 26, 0.354167) 80.94%, rgba(33, 33, 33, 0) 95.29%);
}
.about h1{
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 45px;
    line-height: 50px;
}
.about p{
    line-height: 24px;
    margin-bottom: 20px;
    text-align: justify;
}
.about p:last-child{
    margin-bottom: 0;
}
table.table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 100px;
}
table.table a{
    color: #3AAA35;
}
table.table>tbody>tr>td, table.table>tbody>tr>th, table.table>tfoot>tr>td, table.table>tfoot>tr>th, table.table>thead>tr>td, table.table>thead>tr>th {
    border: 0;
    padding: 11px;
}
table.table.table-striped tr:nth-child(odd) td {
    background: #fff;
}
table.table.table-striped tr:nth-child(even) td {
    background: linear-gradient(0deg,#f5f5f5,#f5f5f5),#f8f8f8;
}
table.table b, table.table strong {
    font-weight: 600;
}
.crumbs{
    display: flex;
    margin-bottom: 35px;
}
.crumb{
    font-size: 14px;
    color: #000;
    position: relative;
    margin-right: 6px;
}
.crumb:last-child::after{
    display: none;
}
.crumb::after{
    position: relative;
    content: '-';
    margin-left: 6px;
}
.gallery_wrapper{
    display: flex;
    flex-wrap: wrap;
}
.gallery_item{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 40px;
}
.gallery_item:nth-child(3n){
    margin-right: 0;
}
.gallery_item-img{
    width: 100%;
    height: 325px;
    display: flex;
    margin-bottom: 25px;
}
.gallery_item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery_item-title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}
.gallery_item-text{
    opacity: 0.7;
}
.about_subtitle{
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}
.about ul li{
    line-height: 24px;
    margin-bottom: 10px;
    position: relative;
}
.about ul li::before{
    position: relative;
    content: '-';
    margin-right: 5px;
}
.contacts_page-wrapper{
    display: flex;
    justify-content: space-between;
}
.contacts_page-left{
    width: 48%;
}
.contacts_page-map{
    width: 48%;
    height: 450px;
}
.contacts_page-map iframe{
    width: 100%;
    height: 100%;
}
.contacts_page-img{
    width: 100%;
    display: flex;
    height: 450px;
    margin-bottom: 25px;
}
.contacts_page-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contacts_page-items{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -10px;
}
.contacts_page-item{
    width: 48%;
    margin-bottom: 20px;
}
.contacts_page-subtitle{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}
.contacts_page-text{
    line-height: 24px;
}
.contacts_page-btn{
    width: 240px;
    height: 52px;
}
.contacts_page-text{
    color: #666;
    line-height: 24px;
    margin-bottom: 25px;
}
.main_text{
    margin-bottom: 85px;
}
.main_thanks .main_slide{
    min-height: 90vh;
}




.reviews_tabs{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.reviews_tab{
    width: 350px;
    height: 196px;
    display: flex;
    cursor: pointer;
}
.reviews_tab.active{
    border: 2px solid #3AAA35;
}
.reviews_tab img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviews_tab-content{
    display: none;
    justify-content: space-between;

}
.reviews_tab-content.active{
    display: flex;
}
.reviews_content-video{
    height: 356px;
    width: 635px;
}
.reviews_content-video iframe{
    width: 100%;
    height: 100%;
}
.reviews_content-info{
    background: rgba(49, 56, 69, 0.85);
    backdrop-filter: blur(10px);
    padding: 50px;
    width: 445px;
}
.reviews_content-rating{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #3AAA35;
    line-height: 28px;
}
.reviews_content-rating img{
    margin-right: 12px;
}
.reviews_content-item{
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;  
}
.reviews_content-item::before{
    position: absolute;
    content: "";
    width: 7px;
    background: #3AAA35;
    height: 7px;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
.reviews_content-item span{
    font-weight: 600;
}









@media(max-width:1200px){
    .container{
        max-width: 998px;
    }
    .header_wrapper{
        padding: 25px 0;
    }
    .header_text {
        font-size: 11px;
        line-height: 14px;
        width: 175px;
    }

    .popular_item-img{
        height: 285px;
    }
    .popular_item-price{
        width: 85px;
    }
    .colors_left {
        width: 455px;
    }
    .colors_right {
        width: 475px;
    }
    .colors_item{
        margin-right: 10px;
    }
    .colors_img-wrapper {
        height: 345px;
        padding: 58px 46px 32px 47px;
    }
    .colors_inner{
        padding: 30px;
    }
    .colors_inner::before {
        height: 118px;
        width: 167px;
    }
    .colors_tab{
        margin-right: 0;
    }
    .color_slider .colors_item:nth-child(5n){
        margin-right: 10px;
    }
    .options_slider{
        padding: 0 20px;
    }
    .options_slider .slick-prev{
        left: -20px;
    }
    .options_slider .slick-next{
        right: -20px;
    }
    .options_slide{
        margin: 0 10px;
    }
    .options_slide-info{
        padding: 20px;
    }
    .showroom_adres{
        width: 395px;
        padding: 66px 46px;
    }
    .showroom_inner-text {
        width: 340px;
    }
    .works_item{
        height: 300px;
    }
    .mounting_left {
        width: 500px;
    }
    .mounting_right {
        width: 430px;
    }
    .mounting_right-text {
        padding: 40px 0px 485px 35px;
    }
    .mounting_right-text::after {
        width: 483px;
        height: 200px;
        left: -75px;
        background-size: cover;
    }
    .sample_right {
        width: 500px;
        padding: 35px 30px 35px 30px;
    }
    .sample_left {
        width: 450px;
    }
    .sample_left::before {
        height: 150.58px;
        width: 189px;
    }
    .size_img {
        width: 635px;
    }
    .team_item{
        height: 350px;
    }
    .reviews_slide-img {
        width: 500px;
    }
    .reviews_slide-info{
        padding: 80px 40px;
    }
    .footer_items{
        width: 520px;
    }
    .footer_link{
        margin-left: 55px;
    }
    .sale_img{
        width: 320px;
    }
    .sale_img img{
        width: 100%;
        height: 100%;
    }
    .sale_right{
        width: 591px;
    }
    .sale_info {
        width: 378px;
        padding: 64px 25px 57px 80px;
    }
    .how_img{
        width: 100%;
    }
    .how_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .how_items {
        width: 515px;
        padding: 45px 25px;
    }
    .how_title{
        width: 430px;
    }
    .company_img {
        height: 355px;
        width: 530px;
    }
    .liquidatio_main-item{
        font-size: 14px;
        width: 24%;
    }
    .liquidatio_item-left{
        width: 450px;
        height: 316px;
    }
    .liquidatio_item-right {
        width: 445px;
    }
    .liquidatio_item-subtitle{
        margin-bottom: 20px;
    }
    .main_title br,
    .main h1 br{
        display: none;
    }
    .header_menu li ul a{
        width: 150px;
    }
    .header_menu li ul a img{
        width: 100%;
    }
    .catalog_item{
        height: 400px;
    }
    .servis_item-img{
        height: 210px;
    }
    .gallery_item-img{
        height: 290px;
    }

    .reviews_tab{
        width: 32%;
        height: auto;
    }
    .reviews_content-info{
        width: 400px;
        padding: 30px;
    }
    .reviews_content-video{
        width: 540px;
    }
}
@media(max-width:991.98px){
    .container{
        max-width: 720px;
    }
    .header_text{
        display: none;
    }
    .header_group,
    .header_links,
    .header_adres{
        display: none;
    }
    .header{
        position: fixed;
        transition: all 0.3s;
    }
    .header.fixed{
        background: #292F3C;
    }
    .header_wrapper{
        position: relative;
    }
    .menu_burger{
        display: block;
        position: absolute;
        width: 27px;
        height: 18px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 4;
    }
    .menu_burger::before{
        position: absolute;
        content: "";
        width: 100%;
        background: #3AAA35;
        height: 3px;
        top: 0;
        right: 0;
        transition: all 0.3s;
    }
    .menu_burger.active::before{
        transform: rotate(45deg);
        top: 8px;
    }
    .menu_burger::after{
        position: absolute;
        content: "";
        width: 100%;
        background: #3AAA35;
        height: 3px;
        bottom: 0;
        right: 0;
        transition: all 0.3s;
    }
    .menu_burger.active::after{
        transform: rotate(-45deg);
        bottom: 7px;
    }
    .menu_burger span{
        position: absolute;
        content: "";
        width: 100%;
        background: #3AAA35;
        height: 3px;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        transition: all 0.3s;
    }
    .menu_burger.active span{
        transform: translateY(-50%) scale(0);
    }
    .header_mobile{
        display: block;
    }
    .header_mobile{
        overflow: auto;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        padding-top: 80px;
        padding-bottom: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #292F3C;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s;
    }
    .header_mobile::before{
        position: fixed;
        content: "";
        width: 100%;
        top: 0;
        right: 0;
        height: 80px;
        background: #292F3C;
        z-index: 1;
    }
    .header_mobile.active{
        opacity: 1;
        visibility: visible;
    }
    .header_logo{
        z-index: 3;
    }
    .header_mobile-text{
        font-size: 13px;
        text-align: center;
        color: #9E9E9E;
        margin: 0 auto 11px;
        line-height: 14px;
        width: 205px;
    }
    .header_mobile-group{
        display: flex;
        margin-bottom: 40px;
    }
    .menu {
        margin-bottom: 25px;
    }
    .menu li svg{
        transform: translate(6px,-1px);
    }
    .menu li,
    .menu a{
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 15px;
        position: relative;
        line-height: 19px;
        display: block;
        text-align: center;
    }
    .header_mobile .header_adres{
        display: block;
        margin-bottom: 13px;
        width: auto;
    }
    .header_mobile .header_links{
        display: flex;
        align-items: center;
    }
    .header_mobile  .header_order{
        margin-top: 20px;
        color: #3AAA35;
    }
    .menu li ul{
        display: none;
        margin-top: 10px;
    }
    .menu li ul li{
        margin-bottom: 0;
    }
    .menu li ul li:last-child a{
        padding-bottom: 0;
    }
    .menu li ul li a{
        margin-bottom: 0;
        padding-bottom: 15px;
    }
    .popular_item{
        width: 48%;
    }
    .cost_wrapper{
        width: 100%;
        padding: 35px 35px 80px;
    }
    .cost_wrapper::before{
        width: 100%;
    }
    .cost_wrapper::after{
        right: 50%;
        transform:translateX(50%);
        bottom: -100px;
        height: 212px;
        width: 228px;
    }
    .cost_btn{
        position: relative;
        z-index: 1;
    }
    .cost_img{
        left: 0;
        top: 125px;
        width: 100%;
    }
    .cost_img img{
        width: 100%;
        height: 100%;
    }
    .cost_title{
        margin-bottom: 180px;
    }
    .colors_wrapper{
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-bottom: 140px;
    }
    .colors_inner{
        position: absolute;
        bottom: 0;
        width: 475px;
        right: 50%;
        transform: translateX(50%);
    }
    .colors_title{
        text-align: center;
    }
    .colors_img-wrapper{
        margin-bottom: 55px;
    }
    .drivers_item{
        width: 100%;
    }
    .drivers_item-info {
        width: 425px;
    }
    .drivers_item:nth-child(3){
        justify-content: flex-end;
    }
    .drivers_item:nth-child(2){
        justify-content: flex-start;
    }
    .cause_wrapper{
        flex-direction: column;
    }
    .cause_left{
        width: 100%;
        margin-bottom: 60px;
    }
    .cause_right{
        width: 100%;
    }
    .showroom_slider{
        padding: 0;
    }
    .showroom_slider .slick-list {
        overflow: hidden;
    }
    .showroom_slider .slick-next {
        right: -10px;
    }
    .showroom_slider .slick-prev {
        left: -10px;
    }
    .showroom_info{
        width: 100%;
    }
    .showroom_wrapper{
        margin-bottom: 260px;
    }
    .showroom_adres{
        bottom: -230px;
        width: calc(100% - 30px);
        right: 50%;
        transform: translateX(50%);
    }
    .showroom_inner{
        flex-direction: column-reverse;
    }
    .showroom_inner-text{
        width: 100%;
        margin-top: 0;
        margin-bottom: 35px;    
    }
    .showroom_inner-items{
        width: 100%;
    }
    .works_item{
        height: 213px;
    }
    .works_inner{
        width: 100%;
    }
    .works_inner-img{
        left: 30px;
        width: 135px;
    }
    .works_inner-img img{
        width: 100%;
        height: 100%;
    }
    .mounting_wrapper{
        flex-direction: column;
    }
    .mounting_left{
        width: 100%;
    }
    .mounting_right{
        width: 100%;
    }
    .mounting_right-text{
        text-align: center;
    }
    .mounting_right-text::before{
        width: 100vw;
        right: 50%;
        transform: translateX(50%);
        left: auto;
    }
    .mounting_right-text::after{
        right: 50%;
        transform: translateX(50%);
        left: auto;
    }
    .mounting_right-btn{
        margin: 0 auto;
    }
    .sample_wrapper{
        flex-direction: column;
    }
    .sample_left{
        width: 100%;
    }
    .sample_right{
        width: 100%;
    }
    .sample_left-text{
        margin-bottom: 30px;
    }
    .size_wrapper{
        flex-wrap: wrap;
    }
    .size_img{
        width: 100%;
        margin-bottom: 35px;
    }
    .size_info{
        width: 100%;
    }
    .team_wrapper{
        display: block;
    }
    .team_item{
        margin: 0 5px;
    }
    .team_item-inner{
        padding: 15px;
    }
    .team_wrapper  .slick-arrow{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 29px;
        width: 29px;
        background: none;
        z-index: 1;
        cursor: pointer;
        font-size: 0;
        border: none;
        background-size: cover;
    }
    .team_wrapper  .slick-next{
        background-image: url(../img/slider_right.svg);
        right: 0px;
    }
    .team_wrapper  .slick-prev{
        background-image: url(../img/slider_left.svg);
        left: 0px;
    }
        .header_prev-wrapper{
        flex-wrap: wrap;
    }
    .header_prev-title{
        width: 100%;
        margin-right: 0;
        padding-top: 10px;
        text-align: center;
    }
    .reviews_slide-info{
        width: 100%;
    }
    .reviews_slide-img{
        width: 100%;
        display: flex;
        overflow: hidden;
        height: 450px;
    }
    .reviews_slide-img img{
        width: 100%;
        height: 100%;
    }
    .reviews_slide{
        flex-direction: column;
    }
    .reviews_slider .slick-arrow{
        top: 450px;
    }
    .reviews_slider .slick-next{
        right: 0;
    }
    .reviews_slider .slick-prev{
        left: 0;
    }
    .contacts_info {
        width: 100%;
        flex-direction: column;
        display: flex;
        align-items: center;
        padding-right: 0;
    }
    .contacts_map{
        position: relative;
        height: 400px;
        width: 100%;
    }
    .contacts_info::before{
        right: 50%;
        left: auto;
        transform: translateX(50%);
    }
    .contacts_info{
        padding: 100px 30px;
    }
    .footer_wrapper {
        flex-direction: column;
    }
    .footer_left{
        margin-bottom: 40px;
    }
    .footer_items{
        width: 100%;
        flex-direction: column;
        margin-top: 0;
        align-items: flex-start;
    }
    .footer_item{
        margin-bottom: 15px;
    }
    .footer_number{
        margin-bottom: 10px;
    }
    .footer_call{
        color: #3AAA35;
    }
    .footer_order{
        align-items: center;
        margin-bottom: 40px;
    }
    .footer_links{
        flex-direction: column-reverse;
    }
    .footer_link{
        margin-top: 5px;
        margin-left: 0;
    }
    .footer_dev{
        margin-left: 0;
    }
    .popup_body-img{
        width: 400px;
    }
    .popup_body {
        padding: 48px 35px 50px 425px;
    }
    #popup_zam2{
        width: 750px;
        background-color: #2A2A2A;
    }
    #popup_zam2 .popup_body-title{
        color: #fff;
    }
    #popup_zam2 .popup_body-info{
        padding-right: 0;
    }
    #popup_zam2 .popup_body-inp_wrapper:nth-child(2), #popup_zam2 .popup_body-inp_wrapper:nth-child(3), #popup_zam2 .popup_body-inp_wrapper:nth-child(4), #popup_zam2 .popup_body-inp_wrapper:nth-child(5) {
        width: 130px;
    }
    .popup_body-inp_title {
        font-size: 12px;
    }
    .gate_popup-right {
        width: 295px;
    }
    .gate_popup-left {
        width: 325px;
    }
    .gate_popup-img{
        height: 300px;
    }
    .sale_wrapper{
        flex-direction: column;
        width: 290px;
        margin: 0 auto;
    }
    .sale_info{
        background-image: url(../img/sale_info2.jpg);
        padding: 74px 30px 37px;
        width: 100%;
    }
    .sale_title{
        line-height: 26px;
        font-size: 20px;
    }
    .sale_title span{
        line-height: 73px;
        font-size: 55px;
    }
    .sale_text{
        line-height: 19px;
        font-size: 16px;
    }
    .sale_info::before{
        bottom: -35px;
        right: 54px;
        top: auto;
        left: auto;
        transform: rotate(90deg);
        width: 25px;
        height: 55px;
    }
    .sale_right{
        padding: 40px 15px 210px;
        width: 100%;
    }
    .sale_img{
        bottom: 0;
        width: 274px;
        right: 18px;
    }
    .series_item-img{
        position: relative;
        right: auto;
        display: flex;
        justify-content: center;
    }
    .series_item-img img{
        width: 100vw;
        object-fit: cover;
    }
    .series_item{
        flex-direction: column;
        height: auto;
    }
    .series_item-info{
        width: 100%;
    }
    .series_item:nth-child(3) .series_item-img{
        left: auto;
    }
    .advantages_title{
        text-align: center;
    }
    .advantages_title span{
        display: block;
    }
    .advantages_items{
        flex-wrap: wrap;
    }
    .advantages_item{
        width: 50%;
        text-align: center;
        margin-bottom: 25px;
    }
    .how_wrapper{
        flex-direction: column;
        padding-bottom: 0;
    }
    .how_title{
        width: 100%;
        margin-bottom: 30px;
    }
    .how_items{
        width: 100%;
    }
    .how_img{
        position: relative;
    }
    .company{
        position: relative;
    }
    .company_img{
        position: absolute;
        top: 80px;
    }
    .company_info-title{
        margin-bottom: 420px;
    }
    .company_info{
        width: 100%;
    }
    .liquidatio_main-items{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .liquidatio_main-item{
        width: 48%;
        margin-bottom: 25px;
    }
    .liquidatio_item-wrapper{
        flex-direction: column;
    }
    .liquidatio_item-left{
        margin-bottom: 20px;
        width: 100%;
        height: 480px;
    }
    .liquidatio_item-right{
        width: 100%;
    }
    #popup_liquid{
        padding-left: 420px;
    }
    #popup_liquid .popup_body-img{
        width: 380px;
    }
    .header_menu-wrapper{
        display: none;
    }
    .main_slide{
        padding-top: 190px;
    }
    .main_title,
    .main h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .main_slider .slick-next{
        right: 15px;
    }
    .main_slider .slick-prev{
        right: 75px;
    }
    .main_slider .slick-dots{
        right: 140px;
    }
    .catalog_item{
        width: 49%;
        height: 360px;
    }
    .servis_item{
        width: 48%;
        margin-bottom: 25px;
    }
    .servis_wrapper{
        flex-wrap: wrap;
    }
    .aside{
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: rgba(36, 44, 61, 0.9);
        transform: translateY(100%);
    }
    .aside.up{
        transform: translateY(0%);
    }
    .header.up{
        transform: translateY(-100%);
    }
    .scroll{
        bottom: 140px;
    }
    .aside_item{
        background: none;
        padding: 10px;
        height: auto;
    }
    .aside.active{
        right: 0;
    }
    .aside_close{
        display: none;
    }
    .about{
        margin: 130px 0 100px;
    }
    .gallery_wrapper{
        justify-content: space-between;
    }
    .gallery_item{
        width: 48%;
        margin-right: 0;
    }
    .gallery_item-img{
        height: 310px;
    }
    .contacts_page-wrapper{
        flex-direction: column-reverse;
    }
    .contacts_page-left{
        width: 100%;
    }
    .contacts_page-map{
        width: 100%;
        margin-bottom: 35px;
    }
    body.active .header_prev{
        display: none;
    }
    .team_item-name{
        position: relative;
    }
    .team_item-name::after{
        position: relative;
        content: "Подробнее";
        display: block;
        font-weight: 400;
        font-size: 16px;
        text-decoration: underline;
        opacity: 0;
        pointer-events: none;
    }
    .team_item-inner {
        transform: translateY(calc(100% - 100px));
    }
    /* .team_item:hover .team_item-name::after{
        display: none;
    } */
    .team_item-text,
    .team_item-name{
       margin-bottom: 12px;
    }
    .reviews_tab-content{
        flex-direction: column;
    }
    .reviews_content-video{
        width: 100%;
        height: 420px;
        margin-bottom: 25px;
    }
    .reviews_content-info{
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .container {
		max-width: 540px;
	}
    .main_title,
    .main h1 {
        line-height: 1.2;
        font-size: 48px;
    }
        .header_prev{
        padding-bottom: 5px;
    }
    .header_prev-title{
        line-height: 17px;
        font-size: 12px;
    }
    .header_prev-btn{
        order: 1;
        width: 78px;
        height: 26px;
        margin-right: 0;
        margin-left: 23px;
        line-height: 13px;
        font-size: 11px;
    }
    .header_prev-img{
        width: 55px;
    }
    .header_prev-img img{
        width: 100%;
        height: 100%;
    }
    .header_prev-logo{
        width: 109px;
    }
    .header_prev-logo img{
        width: 100%;
        height: 100%;
    }
    .header_prev{
        display: none;
    }
    .main_items{
        width: 100%;
    }
    .main_item{
        display: flex;
        align-items: center;
    }
    .main_inner{
        flex-direction: column;
    }
    .main_text{
        text-align: center;
        margin-bottom: 20px;
    }

    .popular_item{
        width: 100%;
    }
    .drivers_item-info {
        width: 295px;
    }
    .works_item {
        height: 260px;
        margin: 0;
    }
    .menu{
        width: 100%;
    }
    .menu a{
        white-space: nowrap;
    }
    .works_item img{
        object-position: top right;
    }
    .works_inner{
        padding: 80px 35px 43px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .works_inner-text{
        margin-bottom: 23px;
    }
    .works_inner-img{
        width: 126px;
        right: 50%;
        left: auto;
        top: 0;
        transform: translate(50%,-50%);
    }
    .works_wrapper .slick-arrow{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 29px;
        width: 29px;
        background: none;
        z-index: 1;
        cursor: pointer;
        font-size: 0;
        border: none;
        background-size: cover;
    }
    .works_wrapper .slick-next{
        background-image: url(../img/slider_right.svg);
        right: 0px;
    }
    .works_wrapper .slick-prev{
        background-image: url(../img/slider_left.svg);
        left: 0px;
    }
    .popup_body{
        padding: 260px 15px 35px;
        width: 300px;
    }
    .popup_body-img{
        width: 100%;
        height: 240px;
    }
    .jb_title,
    .popup_body-title{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 17px;
        text-align: center;
    }
    .jb_title a{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 17px;
        text-align: center;
    }
    .popup_body-text{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px;
        text-align: center;
    }
    .jbForm input[type=text], .jbForm input[type=date], .jbForm input[type=time], .jbForm input[type=number], .jbForm input[type=email], .jbForm input[type=datetime], .jbForm input[type=tel],
    .popup_body-inp{
        width: 100%;
    }
    .jbForm input[type=submit],
    .popup_body-btn{
        height: 65px;
        margin: 0 auto 20px;
        width: 257px;
        font-size: 14px;
        padding: 0 5px;
    }
    .jbForm label.jbForCheckbox, .popup_body-ok{
        text-align: center;
        width: 100%;
    }
    #popup_zam2 {
        padding: 260px 15px 35px;
        width: 300px;
    }
    #popup_zam2 .popup_body-inp_wrapper:nth-child(2), #popup_zam2 .popup_body-inp_wrapper:nth-child(3), #popup_zam2 .popup_body-inp_wrapper:nth-child(4), #popup_zam2 .popup_body-inp_wrapper:nth-child(5){
        width: 100%;
    }
    .gate_popup-wrapper{
        flex-direction: column;
    }
    .gate_popup-left{
        width: 100%;
        margin-bottom: 25px;
    }
    .gate_popup-right{
        width: 100%;
    }
    .gate_popup{
        padding: 40px 14px 115px;
    }
    .gate_popup-title{
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .gate_popup-img{
        height: 250px;
        margin-bottom: 0;
    }
    .gate_popup .popular_item-inner{
        position: absolute;
        bottom: 40px;
        width: calc(100% - 30px);
    }
    .liquidatio_main-title{
        font-size: 32px;
        line-height: 40px;
    }
    .liquidatio_item-left{
        height: 375px;
    }
    #popup_liquid{
        padding-left: 20px;
        width: 540px;
    }
    #popup_liquid .popup_body-img{
        width: 100%;
    }
    #popup_liquid .popup_body-inp{
        margin: 0 auto 20px;
        display: block;
    }
    #popup_liquid .popup_body-ok{
        margin: 0 auto;
    }
    .certificates_wrapper .slick-arrow{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 29px;
        width: 29px;
        background: none;
        z-index: 1;
        cursor: pointer;
        font-size: 0;
        border: none;
        background-size: cover;
    }
    .certificates_wrapper .slick-next{
        background-image: url(../img/slider_right.svg);
        right: 0px;
    }
    .certificates_wrapper .slick-prev{
        background-image: url(../img/slider_left.svg);
        left: 0px;
    }
}
@media (max-width: 575.98px) {
    .container {
		max-width: 100%;
    }
    .catalog{
        margin: 40px 0;
    }
    .servis_title,
    .catalog_title{
        text-align: center;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 25px;
    }
    .servis_item{
       width: 100%;
    }
    .catalog_item{
        width: 100%;
        height: 440px;
    }
    .aside_item-title {
        font-size: 12px;
        line-height: 14px;
    }
    .aside_item{
        justify-content: flex-start;
    }
    .servis{
        margin-bottom: 40px;
    }
    .main_title,
   .main h1 {
       line-height: 38px;
       font-size: 26px;
       margin-bottom: 40px;
    }
    .main_item{
        width: 100%;
        margin: 0 auto 25px;
        line-height: 20px;
        font-size: 14px;
    }
    .main_item:last-child{
        margin-bottom: 0;
    }
    .main_slider .slick-dots button{
        width: 18px;
    }
    .main_inner{
        position: absolute;
        bottom: 85px;
        transform: translateY(100%);
        width: calc(100% - 30px);
        padding: 43px 17px  50px;
    }
    .main_text{
        line-height: 26px;
        font-size: 20px;
    }
    .main_btn{
        height: 61px;
        width: 100%;
        font-size: 14px;
        padding: 0;
    }

    .popular{
        margin: 50px 0;
    }
    .popular_item{
        display: none;
    }
    .popular_item.active{
        display: block;
    }
    .popular_item:nth-child(1),
    .popular_item:nth-child(2),
    .popular_item:nth-child(3){
        display: block;
    }
    .popular_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
        padding: 0 5px;
    }
    .popular .container{
        padding: 0;
    }
    .popular_item-img{
        height: 312px;
    }
    .popular_item-info{
        padding: 25px 15px;
    }
    .popular_show{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 163px;
        border: 1px solid #DADADA;
        height: 48px;
        margin: 15px auto 0;
        line-height: 19px;
        font-size: 14px;
    }
    .popular_show.active{
        display: none;
    }
    .cost_title{
        width: 100%;
        line-height: 27px;
        margin-bottom: 220px;
        font-size: 18px;
        width: 290px;
    }
    .cost_img{
        height: 215px;
        left: -56px;
        width: 702.99px;
    }
    .cost_wrapper{
        flex-direction: column-reverse;
        padding: 30px 20px 88px;
        text-align: center;
    }
    .cost_text{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .cost_btn{
        height: 61px;
        width: 100%;
        font-size: 14px;
    }
    .cost_wrapper::after{
        height: 149px;
        bottom: -61px;
        width: 199px;
    }
    .cost{
        margin-bottom: 90px;
    }
    .colors{
        margin-bottom: 70px;
    }
    .colors_title{
        line-height: 35px;
        font-size: 25px;
        margin-bottom: 18px;
        margin-bottom: 280px;
      
    }
    .colors_left{
        width: 320px;
    }
    .colors{
        position: relative;
    }
    .colors_title{
        z-index: 9;
        position: relative;
    }
    .popular_item-img::before{
        bottom: 0;
        top: auto;
        opacity: 1;
        height: 30%;
        background: linear-gradient(0deg, rgba(58, 170, 53, 0.9), rgba(58, 170, 53, 0) 99%);
    }
    .popular_item-link{
        opacity: 1;
    }
    .colors_img-wrapper{
        width: 320px;
        height: 219px;
        padding: 29px 33px 11px 33px;
        margin-bottom: 40px;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: -265px;
        z-index:8;
    }
    .colors_img-wrapper::before{
        content: "";
        position: absolute;
        width: 100vw;
        height: 120%;
        background-color: #fff;
        top: -15%;
        right: -15px;
        border-bottom: 1px solid #E0E0E0;
    }
    .colors_right{
        width: 100%;
    }
    .colors_tabs{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .colors_tab{
        width: 30%;
        margin-right: 5%;
        margin-bottom: 10px;
        padding: 5px;
    }
    .colors_tab svg{
        width: 55px;
        margin-bottom: 0;
    }
    .colors_tab:nth-child(3n){
        margin-right: 0;
    }
    .colors_item{
        width: 32%;
        margin-right: 2%; 
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .colors_item:nth-child(5n){
        margin-right: 2%; 
    }
    .colors_item:nth-child(3n){
        margin-right: 0;
    }
    .colors_inner{
        width: 100%;
       padding: 30px 35px;
    }
    .colors_btn{
        width: 100%;
    } 
    .colors_wrapper{
        padding-bottom:135px;
    }
    .colors_items{
        padding-bottom: 0;
    }
    .color_slider .colors_item{
        width: 106px;
        margin-right: 10px;
        display: flex !important;
    }
    .colors_desc{
        margin-bottom: 20px;
    }
    .quiz{
        padding: 55px 0;
        background-image: url(../img/quiz2.jpg);
    }
    .quiz_title{
        width: 290px;
        text-align: center;
        font-size: 24px;
        line-height: 34px;
        margin: 0 auto 20px;
    }
    .quiz_text{
        width: 290px;
        text-align: center;
        font-size: 16px;
        line-height: 19px;
        margin: 0 auto 250px;
    }
    .quiz_btn{
        height: 61px;
        margin: 0 auto;
        width: 244px;
        font-size: 15px;
        padding: 0;
    }
    .drivers{
        padding: 60px 0 35px;
    }
    .drivers_tiitle{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    .drivers_item-info{
        width: 240px;
        padding: 30px;
    }
    .drivers_item{
        padding-top: 200px;
    }
    .drivers_item-img{
        width: 100%;
    }
    .drivers_item-img img{
        width: 100%;
        height: 100%;
    }
    .drivers_item-title{
        line-height: 21px;
        font-size: 16px;
        margin-bottom: 11px;
    }
    .options{
        padding: 55px 0 59px;
    }
    .options_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 25px;
    }
    .options_slide{
        margin: 0;
    }
    .options_slider{
        padding: 0 10px;
    }
    .options_slide-info{
        width: 100%;
        min-height: 0;
    }
    .options_slider .slick-arrow{
        width: 27px;
        height: 27px;
    }
    .options_slider .slick-prev {
        left: -5px;
    }   
    .options_slider .slick-next {
        right: -5px;
    }    
    .cause{
        padding: 50px 0;
    }
    .cause_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    .cause_left{
        padding: 30px;
    }
    .cause_item{
        padding-left: 0;
    }
    .cause_item-title{
        padding-left: 28px;
        font-size: 18px;
        min-height: 44px;
        display: flex;
        align-items: center;
        line-height: 22px;
    }
    .cause_item-number{
        line-height: 43px;
        top: 0;
        transform: none;
        font-size: 31px;
    }
    .cause_right-subtitle{
        white-space: normal;
        width: calc(100% - 40px);
        line-height: 18px;
        font-size: 16px;
    }
    .cause_right{
        padding: 50px 11px;
    }
    .cause_right-title{
        line-height: 26px;
        font-size: 18px;
    }
    .cause_right-item{
        padding-left: 44px;
    }
    .cause_inner{
        padding: 57px 0 67px;
    }
    .cause_inner-title{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 17px;
    }
    .cause_inner-logo{
        width: 257px;
        margin: 0 auto;
    }
    .cause_inner-logo img{
        width: 100%;
        height: 100%;
    }
    .showroom_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .showroom_slide{
        margin: 0;
    }
    .showroom_slider .slick-arrow{
        width: 29px;
        height: 29px;
    }
    .showroom_slider .slick-next {
        right: 0px;
    }
    .showroom_slider .slick-prev {
        left: 0px;
    }
    .showroom_slider{
        margin-bottom: 25px;
    }
    .showroom_info{
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 45px 15px 100px;
    }
    .showroom_info-title{
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .showroom_info-item{
        line-height: 18px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .showroom_adres{
        width: 100%;
        padding: 30px;
    }
    
    .showroom_adres-title {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .showroom_adres-btn{
        height: 57.14px;
        padding: 0;
        width: 227px;
        font-size: 14px;
    }
    .showroom_adres {
        bottom: -100px;
    }
    .showroom_wrapper{
        margin-bottom: 147px;
    }
    .showroom_inner-text{
        padding: 20px 20px 25px;
        line-height: 22px;
        font-size: 16px;
        text-align: center;
    }
    .showroom_inner-img{
        height: 165px;
    }
    .showroom{
        margin-bottom: 60px;
    }
    .certificates_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 15px;
    }
    .certificates_wrapper{
        flex-direction: column;
    }
    .certificates_item{
        width: 100%;
    }
    .certificates{
        margin-bottom: 55px;
    }
    .works{
        padding: 50px 0 70px;
    }
    .works_title{
        line-height: 50px;
        font-size: 24px;
        margin-bottom: 17px;
    }
    .works_wrapper{
        margin-bottom: 110px;
        display: block;
    }
    .works_inner-text{
        width: 100%;
        line-height: 24px;
        font-size: 18px;
    }
    .mounting{
        margin: 55px 0 65px;
    }
    .mounting_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    .mounting_subtitle{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
        width: 290px;
    }
    .mounting_number{
        width: 100%;
        white-space: normal;
    }
    .mounting_numbers{
        margin-bottom: 25px;
    }
    .mounting_items{
        width: 100%;
        margin-bottom: 35px;
    }
    .mounting_items .slick-arrow{
        position: absolute;
        top: 35%;
        transform: translateY(-50%);
        height: 29px;
        width: 29px;
        background: none;
        z-index: 1;
        cursor: pointer;
        font-size: 0;
        border: none;
        background-size: cover;
    }
    .mounting_items .slick-next{
        background-image: url(../img/slider_right.svg);
        right: 0px;
    }
    .mounting_items .slick-prev{
        background-image: url(../img/slider_left.svg);
        left: 0px;
    }
    .mounting_item{
        margin-bottom: 0;
    }
    .mounting_right-text{
        padding: 30px 10px 215px;
        line-height: 20px;
        font-size: 16px;
    }
    .mounting_right-text::after{
        width: 289px;
        height: 119px;
        left: 50%;
        transform: translateX(-50%);
        bottom: -35px;
    }
    .mounting_right-btn{
        height: 62px;
        width: 257px;
        font-size: 14px;
    }
    .sample{
        padding: 50px 0 0;
    }
    .sample_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 25px;
    }
    .sample_text{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 35px;
    }
    .sample_left{
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 25px 15px 40px;
    }
    .sample_left::before{
        display: none;
    }
    .sample_left-btn{
        margin: 0 auto;
    }
    .sample_right{
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 25px 15px 40px;
    }
    .sample_right-text{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    .sample_right-inner{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .sample_right-person{
        margin-left: 20px;
    }
    .sample_right-title{
        width: 100%;
        margin-bottom: 10px;
    }
    .size{
        padding: 55px 0 60px;
    }
    .size_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .size_text{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 30px;
    }
    .size_img{
        height: 305px;
        justify-content: center;
        width: 100%;
        position: relative;
    }
    .size_img img{
        width: 100vw;
        height: 100%;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
    }
    .team_title{
        line-height: 34px;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .team{
        margin-bottom: 60px;
    }
    .reviews_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 25px;
    }
    .reviews_slide-img{
        height: 195px;
    }
    .reviews_slider .slick-arrow{
        top: 195px;
        width: 29px;
        height: 29px;
    }
    .reviews_slide-info{
        padding: 35px 30px;
    }
    .reviews_slide-text{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 14px;
    }
    .reviews{
        margin-bottom: 75px;
    }
    .contacts_info{
        padding: 55px 0;
        align-items: flex-start;
    }
    .contacts_info-title{
        font-size: 25px;
        line-height: 33px;
        text-align: left;
    }
    .contacts_map{
        height: 290px;
    }
    .scroll{
        right: 15px;
    }
    .size_info-btn{
        margin: 0 auto;
    }
    .footer_left{
        align-items: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .footer_items{
       width: 205px;
       margin: 0 auto;
    }
    .footer_order{
        width: 100%;
        align-content: center;
    }
    .footer_links{
        align-items: center;
    }
    .footer_logo{
        margin-right: 10px;
    }
    .footer_group{
        margin-left: 5px;
    }
    .footer_item:nth-child(1){
        margin-left: 10px;
    }
    .footer_item:nth-child(2){
        margin-left: 10px;
    }
    .sale{
        padding: 217px 0 53px;
    }
    .series_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 27px;
    }
    .series_item-info{
        padding-top: 22px;
    }
    .series_item-subtitle{
        font-size: 16px;
        line-height: 29px;
        margin-bottom: 12px;
    }
    .series_item-title{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 22px;
    }
    .series_item-text{
        line-height: 18px;
        font-size: 14px;
    }
    .series_item{
        margin-bottom: 50px;
    }
    .series_item-img{
        height: 225px;
    }
    .advantages{
        padding: 50px 0;
    }
    .advantages_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 28px;
    }
    .advantages_item{
        width: 100%;
        margin-bottom: 30px;
    }
    .advantages_item:last-child{
        margin-bottom: 0;
    }
    .advantages_item-title{
        line-height: 53px;
        font-size: 40px;
    }
    .advantages_item-text{
        line-height: 20px;
        font-size: 16px;
    }
    .colors{
        margin-top: 55px;
    }
    .colors_title{
        text-align: left;
    }
    .colors_inner{
        width: 100vw;
    }
    .colors_btn{
        font-size: 14px;
    }
    .how_title{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    .how_items{
        padding: 35px 15px;
    }
    .how_item{
        font-size: 13px;
        line-height: 17px;
    }
    .how_img{
        height: 240px;
    }
    .how{
        margin-bottom: 70px;
    }
    .company_info-title{
        line-height: 32px;
        text-align: center;
        font-size: 24px;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 50%;
        transform: translateX(50%);
        width: 100%;
    }
    .company_img{
        position: relative;
        width: 100vw;
        top: auto;
        height: auto;
        margin-bottom: 28px;
    }
    .company_wrapper{
        flex-direction: column;
        padding-top: 62px;
    }
    .company_info p{
        line-height: 20px;
        font-size: 14px;
    }
    .company{
        margin-bottom: 55px;
    }
    .showroom{
        padding-bottom: 0;
    }
    .reviews{
        margin-bottom: 0;
    }
    .cause_inner{
        background-position: center;
    }
    .works_inner-text{
        line-height: 24px;
        font-size: 18px;
    }
    .works_inner-text br{
        display: none;
    }
    .sample_img{
        height: 190px;
        width: 100vw;
        margin-left: -15px;
    }
    .sample_left{
        padding-bottom: 0;
    }
    .sample_right-order{
        padding-bottom: 135px;
    }
    .sample{
        margin-bottom: 73px;
    }
    .liquidatio_main{
        background-size: auto 560px;
        background-position: 60% 0;
        background-repeat: no-repeat;
    }
    .liquidatio_main{
        padding: 120px 0 0;
    }
    .liquidatio_main-title{
        line-height: 28px;
        font-size: 20px;
        margin-bottom: 25px;
    }
    .liquidatio_main-text{
        text-align: center;
        line-height: 22px;
        width: 200px;
        margin: 0 auto 27px;
        font-size: 15px;
    }
    .liquidatio_main-subtitle{
        line-height: 33px;
        font-size: 26px;
        margin-bottom: 8px;
        text-align: center;
    }
    .liquidatio_main-time {
        transform: scale(0.7);
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #timer131d47e3e3cf81bbea7c5302dc3737b1 {
        text-align: center !important;
    }
    .liquidatio_main .container{
        display: flex;
        flex-direction: column;
    }
    .liquidatio_main-items{
        order: 1;
        margin-bottom: 0;
    }
    .liquidatio_main-btn{
        height: 60.79px;
        margin: 0 auto 52px;
        width: 250px;
        font-size: 12px;
    }
    .liquidatio_main-item{
        width: 250px;
        margin: 0 auto 5px;
    }
    .liquidatio{
        padding: 65px 0;
    }
    .liquidatio_title{
        line-height: 32px;
        text-align: center;
        font-size: 24px;
        margin-bottom: 25px;
    }
    .liquidatio_item-title{
        line-height: 23px;
        font-size: 18px;
    }
    .liquidatio_item-left{
        height: 235px;
    }
    .liquidatio_item-subtitle{
        line-height: 16px;
        font-size: 12px;
    }
    .liquidatio_item-options{
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .liquidatio_item-inner{
        flex-direction: column;
        align-items: center;
    }
    .liquidatio_item-length{
        margin-bottom: 12px;
    }
    .liquidatio_item{
        margin-bottom: 45px;
    }
    .team_item {
        height: 450px;
    }

    .about h1{
        font-size: 2em;
        line-height: calc(1em + 6px);
        margin-bottom: 35px;
    }
    .about p {
        line-height: 22px;
    }
    table.table:not(.table-full-width), table.table:not(.table-full-width) tbody, table.table:not(.table-full-width) td, table.table:not(.table-full-width) th, table.table:not(.table-full-width) thead, table.table:not(.table-full-width) tr {
        display: block;
        clear: both;
    }
    .gallery_item{
        width: 100%;
    }
    .contacts_page-img,
    .contacts_page-map{
        height: 330px;
    }
    .contacts_page-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .contacts_page-items{
        margin-bottom: 0px;
    }
    .contacts_page-text{
        margin-bottom: 10px;
    }
    .contacts_page-btn{
        margin-top: 35px;
    }
    .main_error-title{
        text-align: center;
    }
    .main_error-title + h1{
        text-align: center;
    }
    .header.page {
        background: linear-gradient(90.76deg, rgba(52, 52, 52, 0.8) 70.1%, rgba(38, 38, 38, 0) 100.52%), linear-gradient(180deg, rgba(18, 18, 18, 0.8) 3.99%, rgba(26, 26, 26, 0.354167) 100.94%, rgba(33, 33, 33, 0) 95.29%);
    }
    .reviews_content-video{
        height: 200px;
    }
    .footer{
        padding-bottom: 125px;
    }

}

.reviews_wievs{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    gap:  0 20px;
    margin-bottom: 40px;
}
.reviews_wievs-item{
    display: flex;
    width: calc(33.333% - 13px);
}
.reviews_wievs-item img{
    width: 100%;
    height: auto;
}
.reviews_wievs-btn{
    width: 290px;
    height: 60px;
    margin: 0 auto;
    font-size: 15px;
}
@media (max-width: 767.98px) {
    .reviews_wievs-item {
        width: 240px;
        margin-right: 10px;
    }
    .reviews_wievs{
        display: block;
        gap: 0;
        margin-bottom: 20px;
        width: calc(100% + 15px);
    }
}

.footer_links{
    justify-content: space-between;
    margin-top: 10px;
}
.footer_link{
    margin-left: 0;
}
.footer_dev{
    margin-left: 0;
}

@media (max-width: 991.98px){
    .footer_links iframe:nth-child(1){
        order: 1;
        margin-bottom: 10px;
    }
}

.scroll{
    bottom: 140px;
}
.scroll_whats{
    position: fixed;
    width: 53px;
    height: 53px;
    z-index: 2;
    bottom: 70px;
    right: 15%;
    transition: all 0.3s;
    transform: scale(0);
}
.scroll_whats img{
    width:100%;
    height:100%;
}
.scroll_whats.fixed{
    transform: scale(1);
}
@media (max-width: 991.98px){
    .scroll{
        bottom: 225px;
        top: auto;
    }
}
@media (max-width: 767px){

    .scroll_whats {
        right: 15px;
        bottom: 150px;
    }
}

.reviews_content-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 575.98px){
    .reviews_content-video {
        height: 51vw;
    }
}