html {
    box-sizing: border-box;
    font-size: 10px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 360px;
    min-height: 100vh;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

section {
    max-width: 1920px;
    margin: 0 auto;
}

main {
    flex-grow: 1;
}

footer {
    flex-shrink: 0;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

button {
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0;
}

input {
    border: none;
    outline: none;
    background-color: transparent;
}

address {
    font-style: normal;
}

select {
    outline: none;
    cursor: pointer;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.container {
    padding-right: min(19.8vw, 360px);
    padding-left: min(19.8vw, 360px);
}

.br_mob {
    display: none;
}

body {
    padding-top: min(6.9vw, 131px);
}

.cookie_text {
    position: fixed;
    bottom: 10px;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F5F5F5;
    padding: 35px;
    z-index: 99999;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 4px 10px 0px #7C7C7C0F;
    font-size: 16px;
}

.cookie_text.hide {
    display: none;
}

.cookie_text a {
    color: #000;
    text-decoration: underline;
}

.cookie_text p {
    max-width: 80%;
}

.cookie_text button {
    align-items: center;
    justify-content: center;
    width: 271px;
    padding: min(.6vw, 12px) min(1vw, 20px);
    background-color: #212121;
    transform: skewX(-30deg);
    max-height: 42px;
    transition: background-color .3s ease-in-out;
}
.cookie_text button span {
    display: block;
    font-size: min(.7vw, 14px);
    font-weight: 350;
    line-height: min(.9vw, 18px);
    color: #ffffff;
    transform: skewX(30deg);
}

.cookie_text button:hover {
    background-color: #373737;
}

.policy_popup, 
.policy_popup2 {
  font-size: 16px; 
  line-height: 20px; 
  font-weight: 400
}

.policy_popup.fancybox-content, 
.policy_popup2.fancybox-content  {
    max-width: 94%;
    height: 87%;
    margin-top: 90px;
}
.policy_popup h1, 
.policy_popup2 h1 {
  font-size: 32px; 
  font-weight: 700; 
  text-align: left; 
  position: relative; 
  max-width: 100%; 
  line-height: normal; 
  color: #000000;

}

.policy_popup table.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  height: auto;
}

.policy_popup table.table,
.policy_popup table.iksweb td,
.policy_popup table.table th {
  border: 1px solid #595959;
}

.policy_popup table.table td,
.policy_popup table.table th {
  padding: 3px;
  width: 30px;
  height: 35px;
  border-bottom: 1px solid #000;
}

.policy_popup table.table td:nth-child(odd) {
  border-right: 1px solid #000;
}

.policy_popup table.table th {
  background: #347c99;
  color: #fff;
  font-weight: normal;
}




.header {
    position: fixed;
    z-index: 1000000;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .9);
}

.header__container {
    align-items: center;
    justify-content: space-between;
    padding-top: min(1.3vw, 25px);
    padding-bottom: min(1vw, 20px);

    -moz-column-gap: min(.5vw, 10px);
    column-gap: min(.5vw, 10px);
}

.header div :has(picture) {
    align-items: center;

    -moz-column-gap: min(1.3vw, 26px);
    column-gap: min(1.3vw, 26px);
}

.header__logoImg {
    width: 100%;
    height: 100%;
}

.header__logoImg_model {
    -o-object-fit: contain;
    object-fit: contain;
}

.nav_mob {
    display: none;
}

.header__logo:first-child {
    width: min(6.56vw, 126px);
    height: min(2vw, 39px);
}

.header__logo:last-child {
    width: min(11vw, 208px);
    height: min(1.3vw, 26px);
}

.header__contactBlock {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: min(3vw, 70px);
    column-gap: min(5vw, 102px);
    max-width: 60%;
    row-gap: 6px;
}

#map .header__contactBlock {
    max-width: 58%;
    -moz-column-gap: min(2vw, 26px);
    column-gap: min(4vw, 44px);
}

.model__slide_gs3 > div {
    width: 100%;
    height: min(13.9vw, 218px);
}

.model__slide_gs8 > div {
    width: 100%;
    height: min(13.9vw, 218px);
}

.model__slide_m8 > div {
    width: 100%;
    height: min(13.9vw, 218px);
}

.header__contactBlock a {
    position: relative;
    align-items: center;
    padding-left: min(1vw, 20px);
}

.header__contactBlock a::after {
    content: "";
    position: absolute;
    left: 0;
    width: min(.6vw, 12px);
    height: min(.8vw, 16px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.header__contactBlock a.top_addr::after {
    background-image: url(../img/header_map.svg);
}

.header__contactBlock a.top_phone::after {
    background-image: url(../img/header_tel.svg);
}

.header__contactBlock a.top_phone {
    margin-left: auto;
    font-size: min(.8vw, 16px);
    font-weight: 700;
    line-height: min(1vw, 20px);
    color: #000000;
}

.header address {
    font-size: min(.8vw, 16px);
    font-weight: 400;
    line-height: min(1vw, 21px);
    color: #000000;
}

.header__btn {
    align-items: center;
    justify-content: center;
    width: min(8.3vw, 160px);
    padding: min(.6vw, 12px) min(1vw, 20px);
    background-color: #212121;
    transform: skewX(-30deg);
    max-height: 42px;
}

.header__btn span {
    display: block;
    font-size: min(.7vw, 14px);
    font-weight: 350;
    line-height: min(.9vw, 18px);
    color: #ffffff;
    transform: skewX(30deg);
}

.banner .banner_item {
    position: relative;
    overflow: hidden;
}

.banner .banner_item.slide1 {
    background: url(../img/bg1.jpg) 50% 0 no-repeat;
    height: 784px;
}

.banner .banner_item.slide2 {
    background: url(../img/bg2.jpg?v=2) 50% 0 no-repeat;
    height: 716px;
}

.banner .banner_item.slide2:before {
    display: none;
    content: '';
    position: absolute;
    top: 268px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 387px;
    background: url(../img/bg2_before.png) 50% 0 no-repeat;
    z-index: 3;
}

.banner .banner_item.slide2:after {
    display: none;
    content: '';
    position: absolute;
    top: -5vw;
    left: 50%;
    transform: translateX(-40%);
    width: 60%;
    height: 12vw;
    background: #01010147;
    border-radius: 28%;
    filter: blur(48px);
}

.hero .banner_item.slide2 .hero__title_container {
    position: relative;
    /* top: 52px; */
    top: 27px;
    width: 100%;
    max-width: initial;
    margin: 0;
    padding: 32px 0 28px;
    z-index: 2;
}

.hero .banner_item.slide2 .hero__title_container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* width: 228%; */
    width: 114%;
    height: 100%;
    /* background: linear-gradient(90deg, rgba(255, 255, 255, 0) 13.12%, rgba(255, 255, 255, 0.7) 24.07%, rgba(255, 255, 255, 0.9) 46.41%, rgba(255, 255, 255, 0) 87.71%); */
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);

    /* backdrop-filter: blur(6px); */
    backdrop-filter: blur(3px);
    z-index: -1;
}

.hero .banner_item.slide2 .hero__title_date {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #000000;
}

.hero .banner_item.slide2 .hero__title1 {
    margin-top: 16px;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
}

.hero .banner_item.slide2 .hero__title1 .br_mob {
    display: none;
}

.hero .banner_item.slide2 .hero__title2 {
    margin-top: 24px;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
}

.hero .banner_item.slide2 .hero__title4 {
    font-size: 20px;
    /*font-weight: 700;*/
    text-align: left;
    line-height: 140%;
    text-transform: none;
}

.hero .banner_item.slide2 .hero__title4 span {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    padding-right: 10px;
}

.hero .banner_item.slide2 .hero__title4 span:before {
    content: '';
    width: 243px;
    height: 46px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    position: absolute;
    top: -6px;
    left: -105px;
    z-index: -1;
}

.plachka_wrap {
    position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
}

.plachka_wrap .cointainer {
}

.plachka_wrap .plachka_3button {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}




.model_info_wrap {
    position: absolute;
    left: 0;
    top: -40px;
    display: flex;
    align-items: center;
    left: 0;
    width: 100%;
  }
  .model_info_btn {
    position: absolute;
    left: 18%;
    width: 32px;
    height: 32px;
    background: url(../img/info_btn_ico.svg) no-repeat;
    cursor: pointer;
    transition: all 0.2s linear;
  }
  #gs8_traveller .model_info_btn,
  #empow .model_info_btn {
    left: 32%;
  }
  .model_info_btn:hover {
    background: url(../img/info_btn_ico_hov.svg) no-repeat;
  }
  .model_info_text {
    width: 768px;
    position: absolute;
    left: 50%;
    transform: translateX(-42%);
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    background: #FFFFFFCC;
    backdrop-filter: blur(10px);
    display: none;
    transition: all 0.2s linear;
    z-index: 5;
  }
  .model_info_text.active {
    display: block;
  }
  
  .model_info_btn_close {
    position: absolute;
    top: 6px;
    right: 12px;
    width: 14px;
    height: 12px;
    cursor: pointer;
  }
  .model_info_btn_close:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: #000000b3;
    transform: rotate(46deg) translateX(4px) translateY(4px);
  }
  .model_info_btn_close:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #000000b3;
    transform: rotate(-46deg) translateX(4px) translateY(-4px);
  }
  


.plachka_kasko {
    position: relative;
    padding-right: 65px;
    width: 100%;
}

.plachka_kasko i {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    width: 66px;
    height: 68px;
    background: #D7000F;
    transform: skewX(-26deg);
}

.plachka_kasko i:before {
    content: '';
    position: absolute;
    left: 9px;
    width: 44px;
    height: 43px;
    background: url(../img/plachka_kasko.svg) no-repeat;
    transform: skewX(26deg);
}

.plachka_kasko span {
    position: relative;
    left: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px 0 22px;
    height: 68px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    z-index: 2;
}

.plachka_kasko span b {
    font-size: 22px;
    font-weight: 400;
}

.plachka_kasko span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #21252A;
    transform: skewX(-26deg);
    z-index: -1;
}

.plachka_to {
}

.plachka_tires {
}


.hero .hero__title_container {
    top: 110px;
    position: relative;
    max-width: min(51vw, 886px);
    padding-top: 90px;
    font-size: min(2vw, 24px);
    font-weight: 400;
    line-height: min(3vw, 32px);
    color: #ffffff;
    margin: 0 auto;
    z-index: 2;
}

.hero .hero__title_container .br_mob {
    display: none;
}

.hero .hero__title_container .hero__title1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
}

.hero .hero__title_container .hero__title2 {
    font-size: 40px;
    font-weight: 700;
}

.hero .hero__title_container .hero__title2 b {
    font-weight: 800;
}

.hero .hero__title_container {
    position: relative;
}

.hero .hero__title_container .br {
    display: none;
}

.hero__profit {
    font-size: min(1.2vw, 24px);
    font-weight: 400;
    line-height: min(3vw, 60px);
    transform: skewX(30deg);
}

.hero__price {
    font-size: min(2vw, 40px);
    font-weight: 700;
    line-height: min(3vw, 60px);
}

.hero__gac {
    font-weight: 700;
    color: rgb(215, 0, 15);
}

.hero__btn {
    position: absolute;
    bottom: max(-1.3vw, -25px);
    display: inline-flex;
    align-items: center;
    left: 36%;
    justify-content: center;
    width: min(13vw, 246px);
    padding: min(.6vw, 12px);
    background-color: rgb(33, 33, 33);
    transform: translateY(min(-.25vw, -5px)) skewX(-30deg);
}

.hero__btn span {
    font-size: min(.7vw, 14px);
    font-weight: 350;
    line-height: min(.9vw, 18px);
    color: white;
    transform: skewX(30deg);
}

.nav {
    position: fixed;
    top: min(4.4vw, 87px);
    width: 100%;
    z-index: 10000;
    padding-top: min(1.2vw, 23px);
    background-color: rgba(255, 255, 255, .9);
}

.nav ul {
    justify-content: space-around;
}

.nav li {
    justify-content: center;
    width: 20%;
    transform: skew(-30deg);
}

.nav li:not(:last-child) {
    border-right: 2px solid rgba(128, 128, 128, .2);
}

.nav a {
    display: block;
    padding-bottom: min(1.2vw, 23px);
    font-size: min(.8vw, 16px);
    font-weight: 400;
    line-height: min(1vw, 21px);
    color: rgba(0, 0, 0, .7);
    transition: font-size .3s ease-in-out;
    transform: skew(30deg);
}

.run_now {
    display: flex;
    align-items: center;
    background: #212121A6;
    overflow: hidden;
    position: relative;
    bottom: 0;
    width: 100%;
}

.run_now_cont {
    white-space: nowrap;
    animation: runstring 20s infinite linear;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    padding: 18px 0;
}

.run_now_cont div {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
}

.run_now_cont div:before {
    content: '';
    position: absolute;
    right: -4px;
    width: 1px;
    height: 44px;
    background: #ffffff;
}

@keyframes runstring {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}


.offres {
    padding: 54px 0;
    background: #21252A;
}

.offres_cont {
    position: relative;
    padding: 36px 112px 36px 32px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}

.offres_cont:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #D7000F;
    width: 100%;
    height: 100%;
    transform: skewX(-26deg);
}

.offres_title i {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 132px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offres_title i:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transform: skewX(-26deg);
}

.offres_title i:after {
    content: '';
    position: absolute;
    width: 72px;
    height: 72px;
    background: url(../img/offres_title_ico.svg) no-repeat;
}

.offres_title span {
    position: relative;
    padding: 10px 0;
    font-size: 36px;
    font-weight: 400;
    color: #ffffff;
}

.offres_title span:before {
    content: '';
    position: absolute;
    left: 0.7vw;
    top: 0;
    width: 100%;
    height: 1px;
    background: #FFFFFF99;
}

.offres_title span::after {
    content: '';
    position: absolute;
    left: -0.6vw;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #FFFFFF99;
}

.offres_title span b {
    font-weight: 600;
}


.timer {
    margin-top: 69px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.timer h3 {
    margin-bottom: min(.5vw, 20px);
    font-size: min(1.1vw, 22px);
    font-weight: 600;
    line-height: min(1.5vw, 30px);
    color: #ffffff;
    text-transform: uppercase;
}

.timer__formBlock {
    position: relative;
    padding: 26px 1vw 26px 2vw;
    overflow: hidden;
    width: 53%;
}

.timer__formBlock:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #212121;
    left: auto;
    right: 10%;
    top: 0;
    transform: skewX(-30deg);
    z-index: -1;
}

.timer_cont {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 40px;
    box-shadow: 0 5px 10px 0 #00000014;
}

.timer__container {
    position: relative;
    flex-direction: column;

    row-gap: min(1.7vw, 34px);
}

.timer__form {
    flex-direction: column;
    row-gap: min(.35vw, 7px);
    max-width: 80%;
}

.timer__form .checkBlock__descr,
.timer__form .checkBlock__descr a {
    color: #ffffff;
}

.timer__form .checkBlock__checkVis {
    border-color: #ffffff;
}

.timer__form .checkBlock__checkVis::after {
    filter: invert(99%) sepia(0%) saturate(7500%) hue-rotate(253deg) brightness(101%) contrast(103%);
}

div[id^=timer] {
    margin: 0 !important;
    width: 590px !important;
}


.offers {
    margin-top: 64px;
}

.offers_content {
    display: flex;
    align-items: center;
    column-gap: 24px;
    box-shadow: 0px 0px 10px 0px #00000021;
}

.offers_img {
    width: 56%;
}

.offers_img img {
    display: block;
    width: 100%;
}

.offers_title {
    width: 48%;
    font-size: 32px;
    font-weight: 400;
}

.offers_title b {
    color: #D7000F;
}


.advant {
    margin-top: 65px;
}

.advant .container {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.advant_img {
    position: relative;
    width: 50%;
    overflow: hidden;
}

.advant_img img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.2s linear;
}

.advant_img:hover img {
    transform: translateX(-50%) scale(1.05);
}

.advant_list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 14px;
    width: 48%;
}

.advant_list a {
    position: relative;
    padding: 18px;
    background: #F8F8F8;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    width: 48%;
}

.advant_list a:before {
    content: '';
    position: relative;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    display: block;
    transition: all 0.2s linear;
}

.advant_list a.ico1:before {
    background: url(../img/advant/advant_ico1.svg) 0 0 no-repeat;
}

.advant_list a.ico1:hover:before {
    background: url(../img/advant/advant_ico1_hover.svg) 0 0 no-repeat;
}

.advant_list a.ico2:before {
    background: url(../img/advant/advant_ico2.svg) 0 0 no-repeat;
}

.advant_list a.ico2:hover:before {
    background: url(../img/advant/advant_ico2_hover.svg) 0 0 no-repeat;
}

.advant_list a.ico3:before {
    background: url(../img/advant/advant_ico3.svg) 0 0 no-repeat;
}

.advant_list a.ico3:hover:before {
    background: url(../img/advant/advant_ico3_hover.svg) 0 0 no-repeat;
}

.advant_list a.ico4:before {
    background: url(../img/advant/advant_ico4.svg) 0 0 no-repeat;
}

.advant_list a.ico4:hover:before {
    background: url(../img/advant/advant_ico4_hover.svg) 0 0 no-repeat;
}

.form__inputBlock {
    width: 100%;

    -moz-column-gap: min(.45vw, 9px);
    column-gap: min(.45vw, 9px);
}

.form__inputBlock_credTrade {
    flex-direction: column;

    row-gap: min(.7vw, 15px);
}

.form__tel, .form__model {
    width: 100%;
    height: 38px;
    background: #F8F8F866;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #C3C3C3;
    color: #fff;
    padding: 10px;
    padding-left: 24px;
}

.form__model option {
    color: #000;
}

.form__tel_timer {
    color: black;
    background: #ffffff;
}

.form__tel_trade {
    width: 100%;
    background-color: rgba(255, 255, 255, .4);
}

.form__tel_trade::-moz-placeholder {
    color: white;
}

.form__tel_trade::placeholder {
    color: white;
}

.form__tel::-moz-placeholder {
    font-size: min(1.7vw, 14px);
    font-weight: 300;
    line-height: min(1.7vw, 14px);
}

.form__tel::placeholder {
    font-size: min(1.7vw, 14px);
    font-weight: 300;
    line-height: min(1.7vw, 14px);
}

.form__btn {
    align-items: center;
    justify-content: center;
    padding: min(.7vw, 4px);
    font-size: min(1.7vw, 14px);
    font-weight: 300;
    line-height: min(1.7vw, 14px);
    color: white;
    background-color: #D7000F;
    height: 38px;
    width: 220px;
}

.form__btn_credTrade {
    width: 100%;
    color: white;
    background-color: rgb(215, 0, 15);
}

.checkBlock {
    position: relative;
    align-items: center;
    padding-left: min(1.2vw, 24px);
    cursor: pointer;
}

.checkBlock__check {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.checkBlock__checkVis {
    position: absolute;
    left: 0;
    align-items: center;
    justify-content: center;
    width: min(.6vw, 12px);
    height: min(.6vw, 12px);
    border: 1px solid rgb(0, 0, 0);
    border-radius: .3rem;
}

.checkBlock__checkVis::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: opacity .3s ease-in-out;
}

.checkBlock__checkVis_credTrade {
    border: 1px solid rgb(191, 191, 191);
}

.checkBlock__checkVis_credTrade::after {
    background-image: url(../img/white_check.svg);
}

.checkBlock__descr {
    font-size: min(.6vw, 12px);
    font-weight: 400;
    line-height: min(.8vw, 16px);
    color: rgb(0, 0, 0);
}

.checkBlock__descr a {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

.checkBlock__descr_credTrade {
    color: rgb(191, 191, 191);
}

.checkBlock__descr_credTrade a {
    color: rgb(191, 191, 191);
}

.checkBlock__check:checked + .checkBlock__checkVis::after {
    opacity: 1;
}

#timer-number-2ea211acfcf89a4c80a5e9ba2e3a1fb2-days,
#timer-number-2ea211acfcf89a4c80a5e9ba2e3a1fb2-hours,
#timer-number-2ea211acfcf89a4c80a5e9ba2e3a1fb2-minutes,
#timer-number-2ea211acfcf89a4c80a5e9ba2e3a1fb2-secundes {
    font-size: min(5vw, 100px) !important;
}

#timer2ea211acfcf89a4c80a5e9ba2e3a1fb2 .timer-flipchart-face {
    font-size: min(5vw, 100px) !important;
}

.timer-flipchart-card {
    width: min(4vw, 77px);
    height: min(6vw, 120px);
}

#timer2ea211acfcf89a4c80a5e9ba2e3a1fb2 {
    width: min(30vw, 579px) !important;
    min-width: -moz-max-content !important;
    min-width: max-content !important;
    height: -moz-max-content !important;
    height: max-content !important;
}

#timer2ea211acfcf89a4c80a5e9ba2e3a1fb2 .timer-flipchart-top,
#timer2ea211acfcf89a4c80a5e9ba2e3a1fb2 .timer-flipchart-front {
    padding-top: min(.6vw, 12px) !important;
    padding-right: min(.6vw, 12px) !important;
    padding-left: min(.6vw, 12px) !important;
}

#timer2ea211acfcf89a4c80a5e9ba2e3a1fb2 .timer-flipchart-bottom,
#timer2ea211acfcf89a4c80a5e9ba2e3a1fb2 .timer-flipchart-back {
    padding-right: min(.6vw, 12px) !important;
    padding-bottom: min(.6vw, 12px) !important;
    padding-left: min(.6vw, 12px) !important;
}

#timer-separator-2ea211acfcf89a4c80a5e9ba2e3a1fb2-days,
#timer-separator-2ea211acfcf89a4c80a5e9ba2e3a1fb2-hours,
#timer-separator-2ea211acfcf89a4c80a5e9ba2e3a1fb2-minutes,
#timer-separator-2ea211acfcf89a4c80a5e9ba2e3a1fb2-secundes {
    padding: 0 min(1vw, 20px) !important;
}

.advant #timer2ea211acfcf89a4c80a5e9ba2e3a1fb2 .timer-separator {
    padding-top: min(.6vw, 12px) !important;
    padding-bottom: min(.6vw, 12px) !important;
}

#timer-text-2ea211acfcf89a4c80a5e9ba2e3a1fb2-days,
#timer-text-2ea211acfcf89a4c80a5e9ba2e3a1fb2-hours,
#timer-text-2ea211acfcf89a4c80a5e9ba2e3a1fb2-minutes,
#timer-text-2ea211acfcf89a4c80a5e9ba2e3a1fb2-secundes {
    font-size: min(.9vw, 18px) !important;
}

.model {
    padding-top: 50px;
}

.model_item {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}

.model_menu {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    column-gap: 60px;
}
  
.model_menu a {
    position: relative;
    width: 157px;
    height: 127px;
    display: flex;
    flex-direction: column;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #000000;
}

.model_menu a:before {
    content: "";
    position: absolute;
    left: -48px;
    width: 176px;
    height: 74px;
    background: url(../img/menu/model_menu_bg.png) no-repeat;
    transition: all 0.2s linear;
}

.model_menu a:hover:before {
    opacity: 0.8;
}

.model_menu a span {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #000000;
    margin-top: 16px;
}

.model_menu a:nth-child(2) span {
    padding-right: 1px;
}

.model_menu a:hover span {
    color: #d7000f;
}

.model_menu a img {
    z-index: 1;
    width: 157px;
    height: 62px;
    position: relative;
    top: 14px;
}

.model_menu_mob {
    display: none;
}
.model div :has(h2) {
    justify-content: center;

    -moz-column-gap: min(2vw, 39px);
    column-gap: min(2vw, 39px);
}

.model__colorChoiceMob {
    display: none;
}

.model h2 {
    margin-bottom: min(5vw, 100px);
    border-bottom: 3px solid transparent;
    transition: border-bottom .3s ease-in-out;
}

.model h2:first-child {
    padding-left: min(6vw, 118px);
}

.model h2:last-child {
    padding-right: min(6vw, 118px);
}

.model__title {
    font-size: min(1.6vw, 32px);
    font-weight: 600;
    line-height: min(2.1vw, 42px);
    color: black;
}

.model__cardsList {
    flex-direction: column;
    row-gap: min(7.45vw, 87px);
    margin-top: 106px;
}

.model__cardsBtn {
    justify-content: space-between;
    width: 100%;
}

.model__btn {
    align-items: center;
    justify-content: center;
    width: min(13vw, 246px);
    padding: min(.6vw, 12px);
    transform: skewX(-30deg);
}

.model__btn_compl {
    width: min(12.3vw, 236px);
}

.model__btn span {
    font-size: min(1.7vw, 14px);
    font-weight: 500;
    line-height: min(.9vw, 18px);
    transform: skewX(30deg);
}

.model__btn_price {
    border: 1px solid rgb(215, 0, 15);
    background-color: rgb(215, 0, 15);
}

.model__btn_price span {
    color: white;
}

.model__btn_cred {
    border: 1px solid rgb(33, 33, 33);
    background-color: rgb(33, 33, 33);
}

.model__btn_cred span {
    color: white;
}

.model__btn_last {
    border: 1px solid rgb(33, 33, 33);
    background-color: transparent;
}

.model__btn_last span {
    color: rgb(33, 33, 33);
}

.model__cardsMain {
    position: relative;
    min-height: min(34vw, 800px);
    padding-bottom: min(2vw, 42px);
    background-color: rgba(220, 222, 221, .2);
}

.model__cardsMain_compl {
    min-height: min(30.6vw, 588px);
    padding-bottom: 0;
}

.model__cardsMain > .container {
    position: relative;
    z-index: 1000;
    flex-direction: column;

    row-gap: min(2vw, 40px);
}

.model__cardsMain_gs8::after {
    content: "";
    position: absolute;
    top: -2.34vw;
    left: 0;
    width: min(28.9vw, 554px);
    height: min(4.6vw, 90px);
    background-image: url(../img/model_name_gs8.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.model__cardsMain_gs8::before {
    content: "";
    position: absolute;
    top: min(2.34vw, 45px);
    left: min(2.7vw, 54px);
    width: min(76.4vw, 1467px);
    height: min(22.7vw, 435px);
    background-image: url(../img/model_name_gs8_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.model__cardsMain_gs5::after {
    content: "";
    position: absolute;
    top: -2.34vw;
    left: 0;
    width: min(28.9vw, 554px);
    height: min(4.6vw, 90px);
    background-image: url(../img/model_name_gs5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.model__cardsMain_gs5::before {
    content: "";
    position: absolute;
    top: min(2.34vw, 45px);
    left: min(25vw, 500px);
    width: min(55vw, 1057px);
    height: min(26vw, 505px);
    background-image: url(../img/model_name_gs5_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.model__cardsMain_gs3::after {
    content: "";
    position: absolute;
    z-index: 1000;
    top: -2.34vw;
    left: 0;
    width: min(28.9vw, 554px);
    height: min(4.6vw, 90px);
    background-image: url(../img/model_name_gs3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.model__cardsMain_gs3::before {
    content: "";
    position: absolute;
    top: min(2.34vw, 45px);
    left: min(25vw, 500px);
    width: min(55vw, 1057px);
    height: min(26vw, 505px);
    background-image: url(../img/model_name_gs3_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.model__cardsMain_m8::before {
    content: "";
    position: absolute;
    top: min(2.34vw, 45px);
    left: min(25vw, 500px);
    width: min(55vw, 1057px);
    height: min(26vw, 505px);
    background-image: url(../img/model_name_m8_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.model__cardsMain_m8::after {
    content: "";
    position: absolute;
    z-index: 1000;
    top: -2.34vw;
    left: 0;
    width: min(28.9vw, 554px);
    height: min(4.6vw, 90px);
    background-image: url(../img/model_name_m8.png?v=4);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.model__cardsMain_gs4::after {
  content: "";
  position: absolute;
  top: -2.34vw;
  left: 0;
  width: min(28.9vw, 554px);
  height: min(4.6vw, 90px);
  background-image: url(../img/model_name_gs4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.model__cardsMain_gs4::before {
  content: "";
  position: absolute;
  top: min(2.34vw, 45px);
  left: min(2.7vw, 54px);
  width: min(76.4vw, 1467px);
  height: min(22.7vw, 435px);
  background-image: url(../img/model_name_gs4_back.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.model__cardsMain_gs8_traveller::after {
  content: "";
  position: absolute;
  top: -2.34vw;
  left: 0;
  width: min(49.9vw, 730px);
  height: min(4.6vw, 90px);
  background-image: url(../img/model_name_gs8_traveller.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.model__cardsMain_gs8_traveller::before {
  content: "";
  position: absolute;
  top: min(2.34vw, 45px);
  left: min(2.7vw, 54px);
  width: min(76.4vw, 1467px);
  height: min(22.7vw, 435px);
  background-image: url(../img/model_name_gs8_traveller_back.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.model__cardsMain_empow::after {
    content: "";
    position: absolute;
    top: -2.34vw;
    left: 0;
    width: min(49.9vw, 730px);
    height: min(4.6vw, 90px);
    background-image: url(../img/model_name_empow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  .model__cardsMain_empow::before {
    content: "";
    position: absolute;
    top: min(2.34vw, 45px);
    left: min(2.7vw, 54px);
    width: min(76.4vw, 1467px);
    height: min(22.7vw, 435px);
    background-image: url(../img/model_name_empow_back.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

.model__charLink {
    font-size: min(1.8vw, 18px);
    font-weight: 500;
    line-height: min(1vw, 20px);
    color: black;
}

.model__charProps {
    position: absolute;
    right: 0;
    top: -32px;
    height: fit-content;
    padding: 19px 19px 19px 50px;
    overflow: hidden;
    width: fit-content;
}

.model__charProps:before {
    content: '';
    top: 0;
    right: -16px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D7000F;
    transform: skew(-26deg);
}

.model__cardsMain .plachka_kasko {
    transform: none;
    display: block;
    top: -30px;
    left: 50%;
    transform: translateX(-44%);
    width: fit-content;
    position: relative;
    display: none;
}

.model__charProps .model__charLink {
    position: relative;
    font-size: min(1.8vw, 32px);
    color: #fff;
}

.model__charProps .model__charLink span {
    font-size: min(1.8vw, 32px);
    font-weight: 700;
}

.model__charLink b {
    font-size: min(1.6vw, 20px);
    font-weight: 700;
    display: inline-block;
    padding: 0 4px;
}

.model__charList {
    position: relative;
    flex-direction: column;
    margin-top: min(4.4vw, 88px);
    margin-bottom: min(1.9vw, 38px);
    row-gap: min(1vw, 12px);
}

.model__charItemCrutch,
.model__charItem {
    position: relative;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    padding-left: min(2.9vw, 50px);
    min-height: 40px;
}

.model__charItemCrutch::after,
.model__charItem::after {
    content: "";
    position: absolute;
    left: 0;
    width: min(2vw, 45px);
    height: min(2vw, 40px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-image .3s ease-in-out;
}

.model__charItem:first-child::after {
    background-image: url(../img/advant.svg);
}

.model__charItem:nth-child(2)::after {
    background-image: url(../img/price.svg);
}

.model__charItem:nth-child(3)::after {
    background-image: url(../img/garant.svg);
}

.model__charItem:last-child::after {
    background-image: url(../img/instal.svg);
}

.model__charItemCrutch.diamond::after {
    background-image: url(../img/diamond.svg);
}

.model__swiperParent {
    position: relative;
    overflow: hidden;
    align-items: flex-start;
    width: min(23vw, 377px);
    height: min(16vw, 280px);
}

.model__swiperBlock {
    position: relative;
    width: 100%;
    height: min(13.9vw, 230px);
    counter-reset: verse 0;
}

.model__swiperBlock::after {
    content: "";
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: min(4.5vw, 90px);
    height: 94%;
    background-image: url(../img/shadow_model.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.model__swiperBlock_gs5::after {
    display: none;
}

.model__swiperNavBlock {
    position: absolute;
    z-index: 9999;
    right: min(1.1vw, 22px);
    bottom: min(3vw, 60px);
    flex-direction: column;

    row-gap: min(.5vw, 10px);
}

.model__slide {
    position: relative;
    width: 100%;
    height: 100% !important;
    margin: 0 auto;
    counter-increment: verse 1;
    transition: width .3s ease-in-out, height .3s ease-in-out,
    opacity .3s ease-in-out;
}

.model__hiddenImg {
    display: none;
    padding: 20px;
}

.model__imgHid {
    max-width: 100%;
    height: 50vh;

    -o-object-fit: contain;
    object-fit: contain;
}

.model__slideImg {
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}

.model__calc {
    position: absolute;
    z-index: 1000;
    top: min(1.1vw, 23px);
    left: min(2vw, 40px);
    font-size: min(.8vw, 16px);
    font-weight: 400;
    line-height: min(1vw, 20px);
    color: white;
}

.model__loop {
    position: absolute;
    z-index: 10000;
    top: 45%;
    left: 45%;
    width: min(1.8vw, 36px);
    height: min(1.8vw, 36px);
    background-image: url(../img/loop.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .3s ease-in-out;
    display: none;
}

.model__slide.swiper-slide-active .model__loop {
    display: block;
}

.model__sliderNav {
    width: min(.35vw, 7px);
    height: min(2vw, 40px);
    background-image: url(../img/arrow_swiper_model.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.model__sliderNav_next {
    transform: rotateX(180deg);
}

.model__imgBlock {
    display: none;
    width: min(42vw, 811px);
    height: min(20.5vw, 394px);
    transform: translateY(-24px);
}

.model__cardsMain_m8 .model__imgBlock {
    transform: translateY(-6px);
}

.model__imgBlock_gs3 .model__imgBlock {
    transform: translateY(-28px);
}

.model__imgBlock_gs5 {
    width: min(36vw, 691px);
    height: min(17vw, 325px);
}

.model__imgBlock_m8 {
    width: min(36.8vw, 706px);
    height: min(17vw, 329px);
}

.model__imgBlock_compl {
    display: block;
}

.model__imgBlockMain {
    flex-direction: column;
    justify-content: space-between;
}

#gs8_ii .model__imgBlockMain img {
    width: 110%;
    transform: translateX(6%);
}

#gs3 .model__imgBlockMain img {
    width: 96%;
}

.model__imgBlockMain img {
    width: 100%;
}

.model__imgBlockMain_gs5 {
    margin-left: auto;
}

.model__imgBlockMain_m8 {
    margin-right: auto;
}

.model__img {
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}

.model__img_gs3 {
    object-fit: contain;
}

.model__img_compl {
    height: 90%;

    -o-object-fit: contain;
    object-fit: contain;
}

.model__imgEmpty {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: min(2.4vw, 48px);
    font-weight: 400;
    line-height: min(3.2vw, 64px);
    color: white;
    text-align: left;
    text-transform: uppercase;
}

.model__imgEmpty_1 {
    background-color: #dedede;
}

.model__imgEmpty_2 {
    background-color: #e4e4e4;
}

.model__imgEmpty_3 {
    background-color: #cbcbcb;
}

.model__imgBlockMain {
    display: flex;
    justify-content: end;
    align-items: center;
}

.model__imgBlockMain .dots_wrapper {
    position: relative;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    padding-right: 1vw;
}

.model__imgBlockMain .dots_title {
    font-size: 18px;
    font-weight: 400;
    margin-right: 14px;
    line-height: 16px;
}

.model__imgBlockMain .dots {
    display: flex;
    column-gap: 10px;
}

.model__imgBlockMain .dots .dot_color {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    cursor: pointer;
}

.model__imgBlockMain .dots .dot_color.wt {
    box-shadow: 0 0 4px 0 #00000033;
}

.model__swiperBlock_gs5 > .swiper-wrapper > .swiper-slide-active::after {
    display: none;
}

.model_car_active {
    display: block;
}

.model__cards {
    position: relative;
    justify-content: space-between;
}

.model__soon {
    position: absolute;
    z-index: 999;
    top: max(-1.7vw, -32px);
    left: min(8.8vw, 174px);
    align-items: center;
    justify-content: center;
    min-width: min(19.8vw, 320px);
    min-height: min(3.3vw, 64px);
    background-color: #030304;
    transform: skewX(-26deg);
}

.model__soon span {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: min(2.6vw, 50px);
    font-size: min(1.1vw, 22px);
    font-weight: 600;
    line-height: min(1vw, 20px);
    color: white;
    text-transform: uppercase;
    transform: skewX(26deg);
}

.model__soon span::after {
    content: "";
    position: absolute;
    left: 0;
    width: min(1.8vw, 35px);
    height: min(1.8vw, 35px);
    background-image: url(../img/soon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.swiper-slide-active {
    z-index: 3001;
    opacity: 1;
}

.swiper-slide-active::after {
    content: counter(verse);
    position: absolute;
    z-index: 999;
    top: min(.8vw, 15px);
    left: 0;
    padding-top: min(.3vw, 6px);
    padding-right: min(2vw, 40px);
    padding-bottom: min(.4vw, 8px);
    padding-left: min(1.2vw, 23px);
    font-size: min(.8vw, 16px);
    font-weight: 900;
    line-height: min(1vw, 20px);
    color: white;
    background-color: black;
}

.swiper-slide-next {
    z-index: 2001;
    width: min(18.8vw, 318px);
    height: min(10.9vw, 209px);
    margin: 0 auto;
    opacity: .6;
    transition: width .3s ease-in-out, height .3s ease-in-out,
    opacity .3s ease-in-out;
    transform: translateY(-4.5vw) !important;
}

.swiper-slide-next > .model__calc {
    display: none;
}

.swiper-slide-next + div {
    z-index: 1001;
    width: min(21.25vw, 408px);
    height: min(12.3vw, 236px) !important;
    margin: 0 auto;
    opacity: .4;
    transition: height .3s ease-in-out, opacity .3s ease-in-out;
    transform: translateY(-25vw) !important;
}

.swiper-slide-next + div + div {
    opacity: 0;
}

.active_title {
    border-bottom: 3px solid rgb(215, 0, 15) !important;
}

.cred {
    overflow: hidden;
    padding-top: min(7.6vw, 100px);
}

.cred__main {
    position: relative;
    width: 100%;
    padding: 54px 96px 46px 60px;
    background: url(../img/cred_bg.jpg) 50% 0 no-repeat #212121;
    background-size: 100%;
    display: flex;
    justify-content: space-between;
}

.cred h2 {
    max-width: min(9vw, 173px);
    margin-right: min(11.8vw, 226px);
    font-size: min(1.6vw, 32px);
    font-weight: 600;
    line-height: min(2.1vw, 42px);
    color: white;
}

.cred__pig {
    position: absolute;
    bottom: 0;
    left: 0;
    width: min(17.8vw, 341px);
    height: min(12.2vw, 235px);
    background-image: url(../img/cred__pig.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.cred p {
    max-width: min(20vw, 392px);
    margin-bottom: min(2.3vw, 46px);
    font-size: min(1vw, 20px);
    font-weight: 400;
    line-height: min(1.5vw, 30px);
    color: rgb(255, 255, 255);
}

.cred p span {
    font-size: min(1.8vw, 36px);
    line-height: min(2.7vw, 54px);
}

.cred__form {
    flex-direction: column;
    width: 100%;
    row-gap: 10px;
}

.form_title {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 14px;
}

.tick-slider {
    color: #fff;
}

.cred__bottom {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    column-gap: 40px;
}

.cred__bottom_block {
    width: 49%;
    position: relative;
    padding: 25px 26px 25px 36px;
    background: #212121;
}

.cred__bottom_wrap {
    position: relative;
    z-index: 2;
}

.cred__bottom_block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/cred__bottom_block_before.png) no-repeat;
}

.cred__bottom_block span {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 4px 68px 4px 8px;
    font-weight: 700;
    color: #ffffff;
    background: #D7000F;
}

.cred__bottom_block span:before {
    content: '';
    position: absolute;
    right: -54px;
    width: 115px;
    height: 45px;
}

.cred__bottom_block_title {
    display: flex;
    align-items: end;
    column-gap: 10px;
    font-size: min(1.3vw, 24px);
    font-weight: 700;
    color: #ffffff;
}

.cred__bottom_block .cred__block_gs3:before {
    background: url(../img/cred__block_gs3.png) no-repeat;
}

.cred__bottom_block .cred__block_gs8:before {
    background: url(../img/cred__block_gs8.png) no-repeat;
}

.cred__bottom_list {
    margin-top: 18px;
    display: grid;
    row-gap: 16px;
}

.cred__bottom_list .br_mob {
    display: none;
}

.cred__bottom_list > div {
    font-size: min(0.8vw, 18px);
    font-weight: 500;
    color: #ffffff;
}

.partners_logo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.form__tel {

}

.range {
    display: flex;
    width: 391px;
}

.range__value {
    height: 38px;
    background: #FFFFFF66;
    border: 1px solid #C3C3C3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.range__value.value1 div {
    position: relative;
    min-width: 94px;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: right;
    align-items: end;
    z-index: 3;
    padding-right: 15px;
    padding-bottom: 4px;
}

.range__value.value1 div i {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    margin-left: 6px;
    position: relative;
    top: -2px;
}

.range__value.value1 div:before {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 100%;
    height: 100%;
    transform: skew(-25deg, 0);
    background: #000000CC;
    z-index: -1;
}

.range__value.value2 div {
    position: relative;
    min-width: 108px;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: right;
    align-items: end;
    z-index: 3;
    padding-right: 15px;
    padding-bottom: 3px;
}

.range__value.value2 div:before {
    content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 120%;
    height: 100%;
    transform: skew(-25deg, 0);
    background: #D7000FB2;
    z-index: -1;
}

#js_result {
    font-size: 14px;
    font-weight: 500;
    margin-left: 6px;
    top: -2px;
    position: relative;
}

.range .form-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.range .form-group::placeholder {
    color: #fff;
}

.form__tel_cred::-moz-placeholder {
    font-size: 14px;
}

.form__tel_cred::placeholder {
    font-size: 14px;
}


.range .form-group span {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.range .range__slider {
    width: 100%;
}

.range__slider label {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding-left: 24px;
}

.range__slider [type="range"] {
    width: 104%;
    left: -2%;
    -webkit-appearance: none;
    height: 3px;
    outline: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    padding-bottom: 29px;
}

.range #range__slider1 [type="range"] {
    position: relative;
}

.range #range__slider1 [type="range"]:before {
    content: '';
    position: absolute;
    width: 97.4%;
    left: 1.4%;
    height: 100%;
    background: url(../img/range__slider1_bg.png) no-repeat;
    background-size: contain;
}

.range #range__slider2 [type="range"] {
    position: relative;
}

.range #range__slider2 [type="range"]:before {
    content: '';
    position: absolute;
    width: 95.8%;
    left: 2.1%;
    height: 100%;
    background: url(../img/range__slider2_bg.png) no-repeat;
    background-size: contain;
}

/* custom thumb */
.range__slider [type="range"]::-webkit-slider-thumb {
    position: relative;
    top: -4px;
    -webkit-appearance: none;
    appearance: none;
    width: 23px;
    height: 23px;
    background: url("../img/range_slide_thumb.svg") center bottom no-repeat;
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.2s linear;
}

.range__slider [type="range"]::-webkit-slider-thumb:hover {
    opacity: 1;
}

.range__slider [type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #f0932b;
    border: #f9ca24 5px solid;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
}

.range__slider [type="range"]::-moz-range-thumb:hover {
    background: #f9ca24;
}

#cred .checkBlock__descr,
#cred .checkBlock__descr a {
    color: rgb(255, 255, 255);
}

#cred .checkBlock__checkVis {
    border: 1px solid rgb(255 255 255);
}

#cred .checkBlock__checkVis::after {
    background-image: url(../img/check_wt.svg);
}

/* remove border */
input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}



/*****************************************************************************************/

.testdrive {
    margin: 100px auto 0;
    background: url(../img/testdrive_bg.jpg) 50% 0 no-repeat;
    height: 592px;
  }
  
  .testdrive .container {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;
  }
  
  .testdrive_cont {
    padding: 38px 8px 34px 42px;
    background: #000000a6;
    max-width: 518px;
  }
  
  .testdrive .testdrive_title {
    font-size: 36px;
    font-weight: 600;
    color: #ffffff;
  }
  
  .testdrive .testdrive_comment {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
  }
  
  .testdrive form {
    margin-top: 20px;
  }
  
  .testdrive .checkBlock__descr,
  .testdrive .checkBlock__descr a {
    color: rgb(255, 255, 255);
  }
  
  .testdrive .checkBlock__checkVis {
    border: 1px solid rgb(255 255 255);
  }
  
  .testdrive .checkBlock__checkVis::after {
    background-image: url(../img/check_wt.svg);
  }


/*****************************************************************************************/

.leasing {
    margin: 100px auto;
    background: url(../img/leasing_bg.jpg) 50% 0 no-repeat;
    height: 600px;
}

.leasing .container {
    display: flex;
    align-items: center;
    height: 100%;
}

.leasing_cont {
    padding: 20px 58px 20px;
    background: #000000A6;
}

.leasing .leasing_title {
    font-size: 36px;
    font-weight: 600;
    color: #ffffff;
}

.leasing .leasing_comment {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}

.leasing form {
    margin-top: 20px;
}

.leasing .checkBlock__descr,
.leasing .checkBlock__descr a {
    color: rgb(255, 255, 255);
}

.leasing .checkBlock__checkVis {
    border: 1px solid rgb(255 255 255);
}

.leasing .checkBlock__checkVis::after {
    background-image: url(../img/check_wt.svg);
}

/*****************************************************************************************/


.trade {
    overflow: hidden;
    margin-bottom: min(5.6vw, 108px);
}

.trade__main {
    position: relative;
    justify-content: space-between;
    width: 100%;
    min-height: min(18vw, 350px);
    padding: min(2.4vw, 48px) min(12.7vw, 244px) 0 min(3vw, 60px);
    background-image: url(../img/trade.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.trade__formBlock {
    max-width: min(22vw, 420px);
}

.trade__form {
    flex-direction: column;
    width: 95%;

    row-gap: min(.5vw, 10px);
}

.trade__formDescr {
    display: block;
    margin-top: min(.7vw, 14px);
    margin-bottom: min(2.3vw, 46px);
    font-size: min(1vw, 20px);
    font-weight: 400;
    line-height: min(1.3vw, 26px);
    color: rgb(255, 255, 255);
}

.trade__mob {
    position: absolute;
    right: min(-1.5vw, 30px);
    bottom: min(-.6vw, -12px);
    width: min(24.2vw, 465px);
    height: min(19.3vw, 370px);
    background-image: url(../img/trade_mob.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.trade h2 {
    font-size: min(1.6vw, 32px);
    font-weight: 600;
    line-height: min(2.1vw, 42px);
    color: white;
}

.trade .checkBlock__descr,
.trade .checkBlock__descr a {
    color: rgb(255, 255, 255);
}

.trade .checkBlock__checkVis {
    border: 1px solid rgb(255 255 255);
}

.trade .checkBlock__checkVis::after {
    background-image: url(../img/check_wt.svg);
}

/********************************************************************************/

.rewievs {
    margin-top: 68px;
    padding: 53px 0 77px;
    background: url(../img/rewievs_bg.jpg) 50% 0 no-repeat;
    background-size: auto 100%;
}

.rewievs_title {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.rewievs_title br {
    display: none;
}

.rewievs_comment {
    font-size: 18px;
    font-weight: 400;
    color: #CCCCCC;
    margin-top: 12px;
}

.rewievs_rating_w {
    position: relative;
    margin-top: 20px;
}

.rewievs_rating_w:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.rewievs .rewievs_slider {
    margin-top: 18px;
    width: 102%;
    left: -1%;
}

.rewievs .rewievs_block {
    position: relative;
    padding: 24px 26px;
    background: #fff;
    margin: 0 14px;
    min-height: 329px;
}

.rewievs_name {
    font-size: 24px;
    font-weight: 700;
}

.rewievs_date {
    position: absolute;
    top: 30px;
    right: 26px;
    font-size: 16px;
    font-weight: 700;
    color: #00000066;
}

.rewievs_rating {
    margin-top: 16px;
    display: flex;
    column-gap: 8px;
}

.rewievs_rating span {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/rating_ico.svg) no-repeat;
}

.rewievs_text {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.rewievs .slick-dots {
    display: flex;
    justify-content: center;
    column-gap: 12px;
    bottom: -18px;
    position: relative;
}

.rewievs .slick-dots li {
    width: 65px;
    height: 4px;
    background: #B3B3B3;
    opacity: 0.6;
    font-size: 0;
    cursor: pointer;
}

.rewievs .slick-dots li:hover,
.rewievs .slick-dots li.slick-active {
    background: #D7000F;
    opacity: 1;
}

.rewievs .slick-arrow {
    position: absolute;
    width: 96px;
    height: 13px;
    top: 50%;
    margin-top: -7px;
    font-size: 0;
}

.rewievs .slick-arrow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/btn_arrow.svg) no-repeat;
    background-size: contain;
}

.rewievs .slick-next {
    left: 102%;
}

.rewievs .slick-prev {
    right: 102%;
    transform: rotate(180deg);
}

/********************************************************************************/

.map {
    margin-top: 100px;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: min(24.6vw, 472px);
    background-image: url(../img/map.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.map__contact {
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .9);
}

.map__contact div :has(picture) {
    align-items: center;
    -moz-column-gap: min(1.3vw, 26px);
    column-gap: min(1.3vw, 26px);
}

.map__container {
    position: relative;
    justify-content: space-between;
    padding-top: min(2vw, 40px);
    padding-bottom: min(2vw, 40px);
    align-items: center;
}

.map__container::after,
.map__container::before {
    content: "";
    position: absolute;
    top: 0;
    width: min(31.8vw, 611px);
    height: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.map__container::after {
    left: 0;
    background-image: url(../img/map_line_left.png);
}

.map__container::before {
    right: 0;
    background-image: url(../img/map_line_right.png);
}

.map__logoImg {
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
}

.map__logoImg_model {
    -o-object-fit: contain;
    object-fit: contain;
}

.map__logo:first-child {
    width: min(6.56vw, 126px);
    height: min(2vw, 39px);
}

.map__contactBlock {
    align-items: center;

    -moz-column-gap: min(.9vw, 19px);
    column-gap: min(.9vw, 19px);
}

.map__contactBlock a {
    position: relative;
    align-items: center;
    padding-left: min(1vw, 20px);
}

.map__contactBlock a:first-child::after,
.map__contactBlock a:last-child::after {
    content: "";
    position: absolute;
    left: 0;
    width: min(.6vw, 12px);
    height: min(.8vw, 16px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.map__contactBlock a:first-child::after {
    background-image: url(../img/header_map.svg);
}

.map__contactBlock a:last-child::after {
    background-image: url(../img/header_tel.svg);
}

.map__contactBlock a:last-child {
    font-size: min(.8vw, 16px);
    font-weight: 700;
    line-height: min(1vw, 20px);
    color: #000000;
}

.map address {
    font-size: min(.8vw, 16px);
    font-weight: 400;
    line-height: min(1vw, 21px);
    color: #000000;
}

.map__btn {
    align-items: center;
    justify-content: center;
    width: min(13vw, 246px);
    padding: min(.6vw, 12px) min(1vw, 20px);
    background-color: #212121;
    transform: skewX(-30deg);
}

.map__btn span {
    display: block;
    font-size: min(.7vw, 14px);
    font-weight: 350;
    line-height: min(.9vw, 18px);
    color: #ffffff;
    transform: skewX(30deg);
}

.anim_right.map__container::before {
    animation: right_line 1.5s forwards;
}

.anim_left.map__container::after {
    animation: left_line 1.5s forwards;
}

.footer {
    padding-top: min(1.5vw, 30px);
    padding-bottom: min(1.5vw, 30px);
}

.footer__disclaimer {
    display: none;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 350;
    line-height: 18px;
    color: black;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.footer__container {
    align-items: center;
    justify-content: space-between;
}

.footer__yurInfo {
    max-width: min(23vw, 442px);
    font-size: min(.7vw, 14px);
    font-weight: 350;
    line-height: min(.9vw, 18px);
    color: black;
}

.footer__linkBlock {
    flex-direction: column;
}

.footer__linkBlock1 a {
    text-decoration: underline;
}

.footer__link {
    font-size: min(.7vw, 14px);
    font-weight: 300;
    line-height: min(.9vw, 18px);
    color: black;
    text-align: start;
}

/********************************************************/

#instock {
    margin-top: 140px;
  }
  
  #instock  .instock_item {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
  }
  
  #instock .main_title {
    margin-bottom: 40px;
  }
  
  #instock .compl_title br {
    display: none;
  }
  
  #filter_table {
    margin-top: 60px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
  }
  
  #filter_table .select_container {
    position: relative;
    width: 32.5%;
    display: inline-block;
  }
  
  #filter_table select {
    display: block;
    height: 50px;
    box-sizing: border-box;
    width: 100%;
    color: #000000;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    border-radius: 0px;
    background: url("../img/ico_select.svg") 96% 50% no-repeat;
    border: 1px solid #212121;
  }
  
  #filter_table select[name="models"] {
  }
  
  #filter_table select[name="complects"] {
  }
  
  #filter_table select[name="engine"] {
  }
  
  #filter_table select option {
    color: black;
  }
  
  .tb_complects {
    width: 100%;
    border-collapse: collapse;
    margin: 0px auto;
    font-weight: 300;
  }
  
  .tb_complects.limit tr:nth-child(n + 5) {
    display: none;
  }
  
  .tb_complects tr {
    padding: 30px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: start;
    background: #F8F8F8;
    margin-bottom: 60px;
  }
  .tb_complects tr:last-child {
    margin-bottom: 0;
  }
  .tb_complects tr:first-child {
    display: none;
  }
  
  .tb_complects tr th {
  }
  
  .tb_complects tr td {
  }
  
  .tb_complects tr td.compl_name {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: right;
    align-items: center;
    width: 100%;
    height: 88px;
  }
  .tb_complects tr td.compl_name:before {
    content: '' !important;
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 97%;
    height: 100%;
    background: url(../img/compl_name_bg.png) no-repeat;
    background-size: cover;
  }
  
  .compl_props {
    position: absolute;
    font-size: 26px;
    font-weight: 600;
    top: -48px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
  }
  .compl_props b {
    position: relative;
    color: #ffffff;
    font-weight: 600;
    padding: 2px 20px 4px 10px;
    overflow: hidden;
    display: inline-block;
    margin-left: 10px;
  }
  .compl_props b:before {
    content: '';
    position: absolute;
    left: auto;
    top: 0;
    width: 120%;
    height: 100%;
    background: #D7000F;
    z-index: -1;
    transform: skewX(-30deg);
    right: 12px;
  }
  
  .tb_complects .number_of_cars {
    position: absolute;
    left: 28%;
    top: 0;
  }
  .tb_complects .number_of_cars b {
    font-size: 30px;
    color: #000000;
    font-weight: 600;
  }
  .tb_complects .number_of_cars span {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
  }
  
  .tb_complects tr td .param1 {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 48px;
    font-weight: 400;
    color: #fff;
  }
  .tb_complects tr td .param1 span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    min-width: 120px;
    height: 65px;
    background: #D7000F;
    padding: 0 1.2vw;
  }
  
  .tb_complects tr td.compl_imgs {
    padding-left: 30px;
    width: 54%;
  }
  .tb_complects tr td.compl_imgs .compl_img {
    width: 100%;
  }
  .tb_complects tr td.compl_imgs .compl_img img {
    width: 100%;
  }
  .compl_tehs {
    margin-top: 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .compl_tehs b {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    padding-left: 31px;
    min-height: 24px;
  }
  .compl_tehs b:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
    background: url(../img/compl_tehs_before.svg) no-repeat;
  }
  .compl_specs {
    margin-top: 94px;
    display: grid;
    row-gap: 10px;
    max-width: 200px;
  }
  .compl_specs div {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    padding-left: 42px;
    min-height: 32px;
    line-height: 100%;
  }
  .compl_specs div b {
    display: contents;
    font-weight: 600;
  }
  .compl_specs div:before {
    content: '';
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
  }
  .compl_specs div.ico1:before {
    background: url(../img/compl_specs_ico1.svg) no-repeat;
  }
  .compl_specs div.ico2:before {
    background: url(../img/compl_specs_ico2.svg) no-repeat;
  }
  .compl_specs div.ico3:before {
    background: url(../img/compl_specs_ico3.svg) no-repeat;
  }
  .compl_specs div.ico4:before {
    background: url(../img/compl_specs_ico4.svg) no-repeat;
  }
  
  .tb_complects_showmore {
    position: absolute;
    left: 50%;
    margin-left: -81px;
    right: 0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 162px;
    max-width: 100%;
    text-decoration: none;
    height: 26px;
    background: url(../img/showmore_ico.svg) 100% 50% no-repeat;
    color: #000000;
  }
  
  .tb_complects_showmore:after {
    display: none;
  }
  
  .tb_complects tr .last {
  }
  
  .tb_complects tr .btns {
    margin-top: 100px;
    width: 100%;
    max-width: 280px;
    padding-right: 44px;
    display: grid;
    justify-content: right;
    row-gap: 15px;
  }
  
  .tb_complects tr .btns .btn {
    display: flex;
    width: 100%;
    height: 50px;
  }
  
  .tb_complects tr .btns .btn:after {
    display: none;
  }
  
  .tb_complects tr .btns .btn:first-child {
    margin-bottom: 10px;
  }
  
  .tb_complects tr td .param2 {
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    height: 36px;
    text-transform: uppercase;
    background: #b91b23;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    line-height: 75%;
  }
  
  .tb_complects tr td .compl_specs {
    margin-top: 15px;
  }
  
  .tb_complects tr td .compl_specs div {
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    margin-bottom: 10px;
  }
  
  .tb_complects tr td .compl_specs div.ico1 {
    background: url("../img/compl_ico1.png") 0 50% no-repeat;
  }
  
  .tb_complects tr td .compl_specs div.ico2 {
    background: url("../img/compl_ico2.png") 0 50% no-repeat;
  }
  
  .tb_complects tr td .compl_specs div.ico3 {
    background: url("../img/compl_ico3.png") 0 50% no-repeat;
  }
  
  .tb_complects tr td .compl_profit {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .tb_complects tr td .compl_profit .compl_profit_item {
    font-weight: 400;
    font-size: 16px;
    position: relative;
    padding-left: 30px;
  }
  
  .tb_complects tr td .compl_profit .compl_profit_item:before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 2px;
    background-color: #b91b23;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 8px 15px 10px rgba(0, 0, 0, 0.075);
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .tb_complects tr td .compl_profit .compl_profit_item span {
    color: #b91b23;
    font-weight: 700;
  }
  
  .tb_complects tr td .compl_profit .compl_profit_item.profit1:before {
    background-image: url(../img/compl_profit_ico1.png);
  }
  
  .tb_complects tr td .compl_profit .compl_profit_item.profit2:before {
    background-image: url(../img/compl_profit_ico2.png);
  }
  
  .tb_complects tr td .compl_profit .compl_profit_item.profit3:before {
    background-image: url(../img/compl_profit_ico3.png);
  }
  .resp_table1 tr td:nth-child(1):before {
    display: none;
  }
  .resp_table1 tr td:nth-child(2):before {
    display: none;
  }
  .resp_table1 tr td:nth-child(3):before {
    display: none;
  }
  .resp_table1 tr td:nth-child(4):before {
    display: none;
  }

/********************************************************/

.compl {
    /*display: none;*/
    flex-direction: column;
    justify-content: center;
}

.compl__selectBlock {
    position: relative;
    align-items: center;
}

.compl__selectArrowBlock {
    position: absolute;
    top: min(1.2vw, 23px);
    right: min(1.2vw, 23px);
    width: min(2vw, 40px);
    height: min(.35vw, 7px);
    background-image: url(../img/select_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: background-image .2s ease-in-out;
}

.compl__choiceModel {
    justify-content: center;
    width: 100%;
    margin-top: -1.92vw;
    margin-bottom: min(5.3vw, 106px);

    -moz-column-gap: min(3vw, 60px);
    column-gap: min(3vw, 60px);
}

.compl__choiceBtn {
    font-size: min(1.6vw, 32px);
    font-weight: 350;
    line-height: min(2.1vw, 42px);
    color: #000000;
}

.compl__choice {
    border-bottom: 1px solid transparent;
    transition: border-bottom .3s ease-in-out;
}

.compl__choice:first-child {
    padding-left: min(1.4vw, 27px);
}

.compl__choice:last-child {
    padding-right: min(1.4vw, 27px);
}

.compl__btnModelChoice {
    align-items: center;
    justify-content: space-between;
    width: min(26vw, 495px);
    margin-bottom: min(2.1vw, 42px);
    padding: min(.8vw, 25px) min(1.2vw, 25px);
    border: 1px solid #c3c3c3;
    font-size: min(1vw, 20px);
    font-weight: 600;
    line-height: min(1vw, 20px);
    color: #212121;
    background-color: rgba(217, 217, 217, .5);
}

.compl__infoBlock {
    position: relative;
    padding-top: min(5vw, 95px);
}

.compl__charDescr {
    font-size: min(.7vw, 14px);
    font-weight: 350;
    line-height: min(1vw, 20px);
    color: black;
}

.compl__charIndicator {
    font-size: min(1.8vw, 36px);
    font-weight: 900;
    line-height: min(1vw, 20px);
    color: black;
}

.compl__charItem {
    align-items: center;
    justify-content: space-between;

    -moz-column-gap: min(.6vw, 12px);
    column-gap: min(.6vw, 12px);
}

.compl__charBlock {
    flex-wrap: wrap;
    justify-content: space-between;
    width: min(26vw, 495px);
    margin-bottom: min(3.1vw, 62px);

    row-gap: min(1vw, 20px);
}

.compl__cardsBtn {
    flex-wrap: wrap;
    justify-content: space-between;
    width: min(26vw, 495px);

    row-gap: min(.8vw, 17px);
}

.compl__line {
    width: 1px;
    height: min(2.7vw, 54px);
    background-color: #000000;
    transform: skewX(-20deg);
}

.compl__img {
    width: min(42vw, 811px);
    height: min(20.5vw, 394px);
}

.compl__imgBlock {
    padding-top: min(5vw, 95px);
}

.compl__container {
    flex-direction: row !important;
}

.compl__container_m8 {
    flex-direction: row-reverse !important;
}

.compl__imgDescrBlock {
    position: relative;
    align-items: center;
    justify-content: space-between;
    max-width: 85%;
    min-height: min(4.5vw, 90px);
    margin-bottom: min(1.5vw, 30px);
}

.compl__imgDescrBlock::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: min(24vw, 460px);
    height: min(4.5vw, 90px);
    background-color: rgba(215, 0, 15, .05);
}

.compl__imgDescrBlock_m8::after {
    left: min(4.5vw, 90px);
}

.compl__credElem {
    margin-left: min(7vw, 140px);
}

.compl__credElem_gs5 {
    margin-left: min(9vw, 180px);
}

.compl__modelName {
    position: relative;
    bottom: min(.25vw, 5px);
    margin-right: min(2.5vw, 50px);
    font-size: min(5vw, 96px);
    font-weight: 600;
    line-height: min(1vw, 20px);
    color: rgba(33, 33, 33, .8);
}

.compl__credDescr {
    display: block;
    margin-bottom: min(.7vw, 14px);
    font-size: min(1vw, 20px);
    font-weight: 350;
    line-height: min(1vw, 20px);
    color: black;
}

.compl__credSum {
    position: relative;
    display: flex;
    max-width: min(11.5vw, 230px);
    padding-right: min(3.3vw, 66px);
    font-size: min(2vw, 40px);
    font-weight: 400;
    line-height: min(1vw, 20px);
    color: black;
}

.compl__credSum::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: min(2.6vw, 52px);
    height: min(1.3vw, 26px);
    background-image: url(../img/elem.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.compl__credPrev {
    position: relative;
    display: flex;
    max-width: min(14vw, 230px);
    padding-right: min(3.3vw, 66px);
    font-size: min(1.1vw, 22px);
    font-weight: 600;
    line-height: min(1vw, 20px);
    color: black;
}

.compl__credPrev::after {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    width: 25px;
    height: 24px;
    background-image: url(../img/diamond.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.arrow_trans {
    background-image: url(../img/select_arrow_hover.png);
}

.modal {
    display: none;
    width: 30%;
    max-width: 430px;
}

.modal__formTel {
    width: 100%;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    border: 1px solid #231f20;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: rgba(35, 31, 32, .6);
    text-align: center;
}

.modal__form {
    flex-direction: column;
    width: 420px;
    max-width: 100%;

    row-gap: 1rem;
}

.modal__btn {
    display: block;
    width: 100%;
    margin-bottom: .4rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    color: white;
    text-align: center;
    background-color: rgb(33, 33, 33);
    transition: background-color .3s ease-in-out, color .3s ease-in-out,
    color .3s ease-in-out;
}

.modal__checkInput {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.modal__checkBlock {
    position: relative;
    display: flex !important;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    padding-left: 1.5rem !important;
    cursor: pointer;
}

.modal__check {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #8a8d8f;
    border-radius: 100%;
}

.modal__check::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid white;
    border-radius: 100%;
    opacity: 0;
    background-color: #8a8d8f;
    transition: opacity .3s ease-in-out;
}

.modal__title {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: 700;
    color: black;
    text-align: center;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: flex;
    align-items: center;
    justify-content: center;
}

.burger {
    position: relative;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    transition: transform .5s ease-in-out;
}

.burger__line {
    position: relative;
    display: block;
    height: 1px;
    background-color: rgb(0, 0, 0);
    transition-duration: .25s;
}

.burger__line_1 {
    left: 5px;
    width: 100%;
}

.burger__line_2 {
    width: 100%;
}

.burger__line_3 {
    right: 5px;
    width: 100%;
}

.open {
    transform: rotateZ(180deg);
}

@keyframes left_line {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes right_line {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.header__btn,
.hero__btn,
.form__btn,
.model__btn_cred,
.header__btn,
.model__btn_price,
.form__btn_credTrade,
.modal__btn {
    transition: background-color .3s ease-in-out;
}

.model__btn_last {
    transition: border .3s ease-in-out, background-color .3s ease-in-out;
}

.model__btn_last span {
    transition: color .3s ease-in-out;
}

@media (any-hover: hover) {
    .compl__choice:hover {
        border-bottom: 1px solid #d7000f;
    }

    .model__loop:hover {
        transform: scale(.8);
    }

    .hero li a:hover {
        font-size: min(1vw, 18px);
    }

    .advant ul li a:hover {
        transform: scale(1.1);
    }

    .model__sliderNav:hover {
        background-image: url(../img/arrow_swiper_model-hover.png);
    }

    .model__sliderNav_prev:hover {
        transform: rotate(180deg);
    }

    .model__sliderNav_next:hover {
        transform: rotate(0);
    }

    .header__btn:hover,
    .hero__btn:hover,
    .form__btn:hover,
    .model__btn_cred:hover,
    .header__btn:hover,
    .modal__btn:hover {
        background-color: #373737;
    }

    .model__btn_price:hover,
    .form__btn_credTrade:hover {
        background-color: #f02d3a;
    }

    .model__btn_last:hover {
        border: 1px solid #f02d3a;
        background-color: #f02d3a;
    }

    .model__btn_last:hover span {
        color: white;
    }

    .model__charItem:first-child:hover::after {
        background-image: url(../img/advant_hover.svg);
    }

    .model__charItem:nth-child(2):hover::after {
        background-image: url(../img/garant_hover.svg);
    }

    .model__charItem:nth-child(3):hover::after {
        background-image: url(../img/price_hover.svg);
    }

    .model__charItem:last-child:hover::after {
        background-image: url(../img/instal_hover.svg);
    }
}

.has-danger input,
.has-danger select,
.has-danger textarea {
    border-width: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #eba5a3;
}

#form_popup,
#form_popup2 {
    display: none;
}

.popup_container .agree_field {
    font-size: 10px;
    color: black;
    text-align: left;
}

.popup_container .agree_field a {
    color: black;
}

.popup_container .form_comment {
    padding-bottom: 15px;
    font-size: 20px;
    color: #d6001c;
    text-align: center;
}

.popup_container .form_comment a {
    display: block;
    color: #414141;
    text-decoration: none;
}

.popup_container .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    /* Aey IE */
    /* Aey Firefox */
    /* Aey Safari, Chrome, iOS */
    /* Aey Opera */
    transform: rotate(45deg);
}

.popup_container .close:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    width: 34px;
    height: 1px;
    background-color: #a8a8a8;
}

.popup_container .close:after {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    display: block;
    width: 1px;
    height: 34px;
    background-color: #a8a8a8;
}

.popup_container .form-group input[type="text"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #f3f3f3;
    line-height: 56px;
    color: black;
    text-align: left;
    text-decoration: none;
    outline: none;
    background: #f3f3f3;
}

.popup_container .form-group textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #c0c6c9;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: black;
    text-align: left;
    text-decoration: none;
    outline: none;
    background: none;
    resize: none;
}

.popup_container .form-group select {
    width: 100%;
    height: 50px;
    height: 38px;
    padding-left: 10px;
    border: 1px solid white;
    border: 1px solid #c0c6c9;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #1d1f20;
    background-color: white;
}

.popup_container .form-group button {
    height: 38px;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.popup_container .form-group button:before {
    display: none;
}

.popup_container .form-group button:after {
    display: none;
}

.not_agree button {
    color: white !important;
    background-color: #cccccc !important;
    cursor: auto !important;
}

.agree_field {
    position: relative;
    top: 0;
    display: inline-block;
    padding-left: 20px;
    font-size: 10px;
    line-height: 100%;
}

.agree_field input {
    position: absolute;
    top: -1px;
    left: 0;
    margin: 0;
}

.popup_container .form-disclamer {
    padding-top: 10px;
    font-size: 10px;
    color: #b8b8b8;
    text-align: center;
}

.form_tel {
    margin-bottom: 20px;
}

.form_tel a {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
}

/*# sourceMappingURL=style.css.map */







