:root {
    --yawhite: #fff;
    --yablack: #000;
    --yalightgray: #EEEEEE;
    --yagray: #ECEBEB;
    --yadarkgray: #4B4B4B;
    --yared: #f04124;

    --yaradius-4: 4px;
    --yaradius-8: 8px;
    --yaradius-12: 12px;

    --yathin: 1px;

    --yatextminus: 14px;
    --yatextminusminus: 12px;
}

/* color */
.c-yawhite {color: var(--yawhite) !important;transition: .2s;}
.c-yablack {color: var(--yablack) !important;transition: .2s;}
.c-yalightgray {color: var(--yalightgray) !important;transition: .2s;}
.c-yagray {color: var(--yagray) !important;transition: .2s;}
.c-yadarkgray {color: var(--yadarkgray) !important;transition: .2s;}

/* :hover color */
.c-h-yawhite:hover {color: var(--yawhite) !important;transition: .2s;}
.c-h-yablack:hover {color: var(--yablack) !important;transition: .2s;}
.c-h-yalightgray:hover {color: var(--yalightgray) !important;transition: .2s;}
.c-h-yagray:hover {color: var(--yagray) !important;transition: .2s;}
.c-h-yadarkgray:hover {color: var(--yadarkgray) !important;transition: .2s;}

/* background-color */
.bg-yawhite {background-color: var(--yawhite);transition: .2s;}
.bg-yablack {background-color: var(--yablack);transition: .2s;}
.bg-yalightgray {background-color: var(--yalightgray);transition: .2s;}
.bg-yagray {background-color: var(--yagray);transition: .2s;}
.bg-yadarkgray {background-color: var(--yadarkgray);transition: .2s;}

/* :hover background-color */
.bg-h-yawhite:hover {background-color: var(--yawhite);transition: .2s;}
.bg-h-yablack:hover {background-color: var(--yablack);transition: .2s;}
.bg-h-yalightgray:hover {background-color: var(--yalightgray);transition: .2s;}
.bg-h-yagray:hover {background-color: var(--yagray);transition: .2s;}
.bg-h-yadarkgray:hover {background-color: var(--yadarkgray);transition: .2s;}

/* :active background-color */
.bg-a-yawhite:active {background-color: var(--yawhite);transition: .2s;}
.bg-a-yablack:active {background-color: var(--yablack);transition: .2s;}
.bg-a-yalightgray:active {background-color: var(--yalightgray);transition: .2s;}
.bg-a-yagray:active {background-color: var(--yagray);transition: .2s;}
.bg-a-yadarkgray:active {background-color: var(--yadarkgray);transition: .2s;}

/* border */
.b-yawhite {border: var(--yawhite) 1px solid;transition: .2s;}
.b-yablack {border: var(--yablack) 1px solid;transition: .2s;}
.b-yalightgray {border: var(--yalightgray) 1px solid;transition: .2s;}
.b-yagray {border: var(--yagray) 1px solid;transition: .2s;}
.b-yadarkgray {border: var(--yadarkgray) 1px solid;transition: .2s;}

/* :hover border */
.b-h-yawhite:hover {border: var(--yawhite) 1px solid;transition: .2s;}
.b-h-yablack:hover {border: var(--yablack) 1px solid;transition: .2s;}
.b-h-yalightgray:hover {border: var(--yalightgray) 1px solid;transition: .2s;}
.b-h-yagray:hover {border: var(--yagray) 1px solid;transition: .2s;}
.b-h-yadarkgray:hover {border: var(--yadarkgray) 1px solid;transition: .2s;}

/* border-top */
.b-t-yawhite {border-top: var(--yawhite) 1px solid;transition: .2s;}
.b-t-yablack {border-top: var(--yablack) 1px solid;transition: .2s;}
.b-t-yalightgray {border-top: var(--yalightgray) 1px solid;transition: .2s;}
.b-t-yagray {border-top: var(--yagray) 1px solid;transition: .2s;}
.b-t-yadarkgray {border-top: var(--yadarkgray) 1px solid;transition: .2s;}

/* border-right */
.b-r-yawhite {border-right: var(--yawhite) 1px solid;transition: .2s;}
.b-r-yablack {border-right: var(--yablack) 1px solid;transition: .2s;}
.b-r-yalightgray {border-right: var(--yalightgray) 1px solid;transition: .2s;}
.b-r-yagray {border-right: var(--yagray) 1px solid;transition: .2s;}
.b-r-yadarkgray {border-right: var(--yadarkgray) 1px solid;transition: .2s;}

/* border-bottom */
.b-b-yawhite {border-bottom: var(--yawhite) 1px solid;transition: .2s;}
.b-b-yablack {border-bottom: var(--yablack) 1px solid;transition: .2s;}
.b-b-yalightgray {border-bottom: var(--yalightgray) 1px solid;transition: .2s;}
.b-b-yagray {border-bottom: var(--yagray) 1px solid;transition: .2s;}
.b-b-yadarkgray {border-bottom: var(--yadarkgray) 1px solid;transition: .2s;}

/* border-left */
.b-l-yawhite {border-left: var(--yawhite) 1px solid;transition: .2s;}
.b-l-yablack {border-left: var(--yablack) 1px solid;transition: .2s;}
.b-l-yalightgray {border-left: var(--yalightgray) 1px solid;transition: .2s;}
.b-l-yagray {border-left: var(--yagray) 1px solid;transition: .2s;}
.b-l-yadarkgray {border-left: var(--yadarkgray) 1px solid;transition: .2s;}

/* :hover border-top */
.b-t-h-yawhite:hover {border-top: var(--yawhite) 1px solid;transition: .2s;}
.b-t-h-yablack:hover {border-top: var(--yablack) 1px solid;transition: .2s;}
.b-t-h-yalightgray:hover {border-top: var(--yalightgray) 1px solid;transition: .2s;}
.b-t-h-yagray:hover {border-top: var(--yagray) 1px solid;transition: .2s;}
.b-t-h-yadarkgray:hover {border-top: var(--yadarkgray) 1px solid;transition: .2s;}

/* :hover border-right */
.b-r-h-yawhite:hover {border-right: var(--yawhite) 1px solid;transition: .2s;}
.b-r-h-yablack:hover {border-right: var(--yablack) 1px solid;transition: .2s;}
.b-r-h-yalightgray:hover {border-right: var(--yalightgray) 1px solid;transition: .2s;}
.b-r-h-yagray:hover {border-right: var(--yagray) 1px solid;transition: .2s;}
.b-r-h-yadarkgray:hover {border-right: var(--yadarkgray) 1px solid;transition: .2s;}

/* :hover border-bottom */
.b-b-h-yawhite:hover {border-bottom: var(--yawhite) 1px solid;transition: .2s;}
.b-b-h-yablack:hover {border-bottom: var(--yablack) 1px solid;transition: .2s;}
.b-b-h-yalightgray:hover {border-bottom: var(--yalightgray) 1px solid;transition: .2s;}
.b-b-h-yagray:hover {border-bottom: var(--yagray) 1px solid;transition: .2s;}
.b-b-h-yadarkgray:hover {border-bottom: var(--yadarkgray) 1px solid;transition: .2s;}

/* :hover border-left */
.b-l-h-yawhite:hover {border-left: var(--yawhite) 1px solid;transition: .2s;}
.b-l-h-yablack:hover {border-left: var(--yablack) 1px solid;transition: .2s;}
.b-l-h-yalightgray:hover {border-left: var(--yalightgray) 1px solid;transition: .2s;}
.b-l-h-yagray:hover {border-left: var(--yagray) 1px solid;transition: .2s;}
.b-l-h-yadarkgray:hover {border-left: var(--yadarkgray) 1px solid;transition: .2s;}

/* border-radius */
.b-radius-yaradius-8 {border-radius: var(--yaradius-8);transition: .2s;}
.b-radius-yaradius-12 {border-radius: var(--yaradius-12);transition: .2s;}

/* border-radius-circle */
.b-radius-circle {border-radius: 50%;transition: .2s;}

/* border 2px */
.border-2, .border-2:hover {border-width: 2px;}

/* width */
.w-thin {width: var(--yathin);}

/* font-size */
.text-minus {font-size: var(--yatextminus);}
.text-minus-minus {font-size: var(--yatextminusminus);}

/* line-height */
.line-height-1 {line-height: 1;}

/* blur */
.bg-blur {backdrop-filter: blur(1px);}

.cursor-pointer {cursor: pointer;}
.position-lg-absolute {position: absolute;}

.opacity-50 {opacity: .5;}

body {
    font-family: 'PT Sans';
    font-weight: normal;
    font-style: normal;
    color: var(--yablack);
}

h1, .h1 {font-size: 62px;}
h2, .h2 {font-size: 48px;}
h3, .h3 {font-size: 36px;}
h4, .h4 {font-size: 24px;}
a, a:hover, a:visited, a:focus {color: var(--yablack);}

.alert {display: none;}
input.form-control {
    height: 48px;
    font-size: 16px;
}

input.form-control:focus {
    border-color: var(--yablack);
    outline: 0;
    box-shadow: none;
}

.form-check-input {
    border-color: var(--yablack);
}
.form-check-input:checked {
    background-color: var(--yablack);
    border-color: var(--yablack);
}
.form-check-input:focus {
    border-color: var(--yablack);
    outline: 0;
    box-shadow: none;
}
.checkbox, .control-label, .form-control-feedback, .help-block, .radio, label {
    font-size: 12px;
}

.button-small {
    height: 40px;
    font-size: 12px;
}
.button {
    height: 48px;
    font-size: 16px;
}
.button-lg {
    height: 58px;
    font-size: 16px;
}
.button-big {
    height: 60px;
    font-size: 18px;
}



.logo-title {font-size: 18px;}
.logo-text {font-size: 12px;}


.page-banner {
    height: 673px;
    background: url(../images/banner-start.jpg) no-repeat center center;
    background-size: cover;
}
.page-banner-title {font-size: 100px;}
.page-banner-subtitle {font-size: 24px; line-height: 1.1;}
.page-banner-text {font-size: 48px;}
.page-banner-plate {
    font-size: 49.5px;
    background-color: rgba(255,255,255,0.1);
}



.best-offer .best-offer-title {font-size: 36px;}



.model-futures-item{font-size: 18px;}
.model-image {left: -110px;}
.model-colors {
    bottom: 1.5rem;
    left: 0;
}
.model-colors-item {
    width: 32px;
    height: 32px;
    border: 1px solid;
    border-radius: var(--yaradius-8);
}
.model-colors-item.active {
    border: 3px solid #000 !important;
}
.model-colors-nav {
    width: 35px;
    height: 36px;
}
.model-specifications-item-text {font-size: 24px;}
.model-specifications-item-value {font-size: 60px;}
.model-specifications-item-unit {font-size: 48px;}
.model-specifications-sep {width: 1px; height: 100%;}
.model-promo {font-size: 24px;}


.model-keys-item {
    background-size: cover;
    background-repeat: no-repeat;
}
.model-keys-item-lg {height: 100%;}
.model-keys-item-sm {height: 287px;}


.quiz .quiz-card {
    height: 374px;
    top: calc(50% - 187px);
    left: -90px;
}
.quiz-card .button-big {width: 75%;}

#yandex-map {height: 700px;}
.contacts-cards {
    top: 40px;
    right: -90px; 
    z-index: 1;}
.contacts-card-title {font-size: 24px;}
.contacts-card-phone {font-size: 28px;}
.contacts-card-route {font-size: 16px;}
.contacts-card .button-small {width: 50%;}

.cis-card-warranty {font-size: 10px;}
.cis-card-count {
    font-size: 8px;
    padding: 2px 6px;
}
.cis-card-count span {font-size: 12px;}
.cis-card-title {font-size: 18px;}
.cis-card-price {font-size: 10px;}
.cis-card-price span {font-size: 18px;}

.footer .logo-title {font-size: 28px;}
.footer .logo-text {font-size: 14px;}

.remodal-overlay {
    background: rgba(0, 0, 0, .4);

}

.remodal {
    border-radius: 12px;
}

.remodal-close,
.remodal-close:before {
    top: 10px;
    left: unset;
    right: 10px;
}

.cookie {display: none;}

.swiper-nav {
    width: 91px;
    height: 91px;
    top: calc(50% - 45.5px);
    z-index: 1;
}
.swiper-next {right: -91px;}
.swiper-prev {left: -91px;}



/* ADAPTIVE */
@media (max-width: 1399.98px) {
}

@media (max-width: 1365.98px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
    .position-lg-absolute {position: unset;}
}

@media (max-width: 768.98px) {
    h1, .h1 {font-size: 32px;}
    h2, .h2 {font-size: 28px;}
    h3, .h3 {font-size: 24px;}
    h4, .h4 {font-size: 16px;}
    .logo-title {font-size: 10px;}
    .logo-text {font-size: 10px;}
    .page-banner {
        height: 400px;
        background: url(../images/banner-start-m.jpg) no-repeat center center;
        background-size: cover;
    }
    .page-banner-title {font-size: 48px;}
    .page-banner-subtitle {font-size: 20px; line-height: 1.1;}
    .page-banner-text {font-size: 14px;}
    .page-banner-plate {font-size: 24px;}
    .best-offer .best-offer-title {font-size: 26px;}
    .model-image {margin-top: -40px;}
    .model-colors-item {
        width: 20px;
        height: 20px;
        border-radius: var(--yaradius-4);
    }
    .model-colors-item.active {
        border: 2px solid #000 !important;
    }
    .model-colors-nav {
        width: 19.5px;
        height: 20px;
    }
    .model-specifications {
        grid-template-columns: 1fr 0.2fr 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .model-specifications-item-text {font-size: 14px;}
    .model-specifications-item-value {font-size: 30px;}
    .model-specifications-item-unit {font-size: 18px;}
    .model-specifications-sep { height: 90%;}
    .model-promo {font-size: 16px;}
    .model-keys-item {font-size: 12px;}
    .model-keys-item-lg {height: 356px;}
    .model-keys-item-sm {height: 151px;}
    .quiz-card .button-big {width: 100%;}
    .quiz .quiz-card {
        height: auto;
        margin-top: -30px;
    }
    #yandex-map {height: 400px;}
    .contacts-card {font-size: 14px;}
    .contacts-card-title {font-size: 16px;}
    .contacts-card-phone {font-size: 20px;}
    .contacts-card-route {font-size: 14px;}
    .contacts-card .button-small {width: 70%;}
}

@media (max-width: 575.98px) {
}

@media (max-width: 479.98px) {
}

@media (max-width: 407.98px) {
}

@media (max-width: 404.98px) {
}

@media (max-width: 379.98px) {
}

@media (max-width: 339.98px) {
}