:root {
    --yawhite: #fff;
    --yablack: #000;
    --yared: #CC000E;
    --yagrayblack: #222222;
    --yadarkgray: #222222;
    --yagray: #30363A;
    --yagraylight: #CCCCCD;
    --yalightgray: #f5f5f5;
    --yasemigray: #F8F8F8;
    --yablue: #6DBCE7;
    --yamiddlegray: #757575;
    --yadarkblue: #68B1D9;
    --yahavalgreen: #005F7F;
    --yalightgray: #eff0f0;

    --size10: 10px;
    --size12: 12px;
    --size13: 13px;
    --size14: 14px;
    --size15: 15px;
    --size16: 16px;
    --size17: 17px;
    --size18: 18px;
    --size19: 19px;
    --size20: 20px;
    --size21: 21px;
    --size22: 22px;
    --size23: 23px;
    --size24: 24px;
    --size25: 25px;
    --size26: 26px;
    --size27: 27px;
    --size28: 28px;
    --size29: 29px;
    --size30: 30px;
    --size31: 31px;
    --size32: 32px;
    --size36: 36px;
    --size48: 48px;
    --size60: 60px;
}

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

a,
a:visited,
a:focus,
a:active {
    color: var(--yadarkgray);
}

/* color */
.c-yared {
    color: var(--yared) !important;
    transition: .2s;
}

.c-yawhite {
    color: var(--yawhite) !important;
    transition: .2s;
}

.c-yablack {
    color: var(--yablack) !important;
    transition: .2s;
}

.c-yadarkgray {
    color: var(--yadarkgray) !important;
    transition: .2s;
}

.c-yagray {
    color: var(--yagray) !important;
    transition: .2s;
}

.c-yalightgray {
    color: var(--yalightgray) !important;
    transition: .2s;
}

.c-yasemigray {
    color: var(--yasemigray) !important;
    transition: .2s;
}

.c-yablue {
    color: var(--yablue) !important;
    transition: .2s;
}

.c-yadarkblue {
    color: var(--yadarkblue) !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-yadarkgray:hover {
    color: var(--yadarkgray) !important;
    transition: .2s;
}

.c-h-yagray:hover {
    color: var(--yagray) !important;
    transition: .2s;
}

.c-h-yalightgray:hover {
    color: var(--yalightgray) !important;
    transition: .2s;
}

.c-h-yasemigray:hover {
    color: var(--yasemigray) !important;
    transition: .2s;
}

.c-h-yablue:hover {
    color: var(--yablue) !important;
    transition: .2s;
}

.c-h-yadarkblue:hover {
    color: var(--yadarkblue) !important;
    transition: .2s;
}

.c-h-middlegray:hover {
    color: var(--yamiddlegray) !important;
    transition: .2s;
}

/* background-color */
.bg-yared {
    background-color: var(--yared);
    transition: .2s;
}

.bg-yawhite {
    background-color: var(--yawhite);
    transition: .2s;
}

.bg-yablack {
    background-color: var(--yablack);
    transition: .2s;
}

.bg-yadarkgray {
    background-color: var(--yadarkgray);
    transition: .2s;
}

.bg-yagray {
    background-color: var(--yagray);
    transition: .2s;
}

.bg-yalightgray {
    background-color: var(--yalightgray);
    transition: .2s;
}

.bg-yahavalgreen {
    background-color: var(--yahavalgreen);
    transition: .2s;
}

.bg-yagraylight {
    background-color: var(--yagraylight);
    transition: .2s;
}

.bg-yasemigray {
    background-color: var(--yasemigray);
    transition: .2s;
}

.bg-yablue {
    background-color: var(--yablue);
    transition: .2s;
}

.bg-yadarkblue {
    background-color: var(--yadarkblue);
    transition: .2s;
}

.bg-light-gray {
    background-color: var(--yalightgray);
    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-yadarkgray:hover {
    background-color: var(--yadarkgray);
    transition: .2s;
}

.bg-h-yagray:hover {
    background-color: var(--yagray);
    transition: .2s;
}

.bg-h-yalightgray:hover {
    background-color: var(--yalightgray);
    transition: .2s;
}

.bg-h-yagraylight:hover {
    background-color: var(--yagraylight);
    transition: .2s;
}

.bg-h-yasemigray:hover {
    background-color: var(--yasemigray);
    transition: .2s;
}

.bg-h-yablue:hover {
    background-color: var(--yablue);
    transition: .2s;
}

.bg-h-yahavalgreen:hover {
    background-color: var(--yahavalgreen);
    transition: .2s;
}

.bg-h-middlegray:hover {
    background-color: var(--yamiddlegray);
    transition: .2s;
}

.bg-h-yadarkblue:hover {
    background-color: var(--yadarkblue);
    transition: .2s;
}

/* border */
.b-yared {
    border: var(--yared) 1px solid;
    transition: .2s;
}

.b-yawhite {
    border: var(--yawhite) 1px solid;
    transition: .2s;
}

.b-yablack {
    border: var(--yablack) 1px solid;
    transition: .2s;
}

.b-yadarkgray {
    border: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-yagray {
    border: var(--yagray) 1px solid;
    transition: .2s;
}

.b-yalightgray {
    border: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-yagraylight {
    border: var(--yagraylight) 1px solid;
    transition: .2s;
}

.b-yablue {
    border: var(--yablue) 1px solid;
    transition: .2s;
}

.b-yadarkblue {
    border: var(--yadarkblue) 1px solid;
    transition: .2s;
}

.b-yahavalgreen {
    border: var(--yahavalgreen) 1px solid;
    transition: .2s;
}

.b-double {
    border-width: 2px;
}

/* :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-yadarkgray:hover {
    border: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-h-yagray:hover {
    border: var(--yagray) 1px solid;
    transition: .2s;
}

.b-h-yalightgray:hover {
    border: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-h-yagraylight:hover {
    border: var(--yagraylight) 1px solid;
    transition: .2s;
}

.b-h-middlegray:hover {
    border: var(--yamiddlegray) 1px solid;
    transition: .2s;
}

.b-h-yablue:hover {
    border: var(--yablue) 1px solid;
    transition: .2s;
}

.b-h-yadarkblue:hover {
    border: var(--yadarkblue) 1px solid;
    transition: .2s;
}

.b-h-yahavalgreen:hover {
    border: var(--yahavalgreen) 1px solid;
    transition: .2s;
}

.b-h-double {
    border-width: 2px;
}

/* 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-yadarkgray {
    border-top: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-t-yagray {
    border-top: var(--yagray) 1px solid;
    transition: .2s;
}

.b-t-yalightgray {
    border-top: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-t-yablue {
    border-top: var(--yablue) 1px solid;
    transition: .2s;
}

.b-t-yadarkblue {
    border-top: var(--yadarkblue) 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-yadarkgray {
    border-right: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-r-yagray {
    border-right: var(--yagray) 1px solid;
    transition: .2s;
}

.b-r-yalightgray {
    border-right: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-r-yablue {
    border-right: var(--yablue) 1px solid;
    transition: .2s;
}

.b-r-yadarkblue {
    border-right: var(--yadarkblue) 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-yadarkgray {
    border-bottom: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-b-yagray {
    border-bottom: var(--yagray) 1px solid;
    transition: .2s;
}

.b-b-yalightgray {
    border-bottom: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-b-yablue {
    border-bottom: var(--yablue) 1px solid;
    transition: .2s;
}

.b-b-yadarkblue {
    border-bottom: var(--yadarkblue) 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-yadarkgray {
    border-left: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-l-yagray {
    border-left: var(--yagray) 1px solid;
    transition: .2s;
}

.b-l-yalightgray {
    border-left: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-l-yablue {
    border-left: var(--yablue) 1px solid;
    transition: .2s;
}

.b-l-yadarkblue {
    border-left: var(--yadarkblue) 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-yadarkgray:hover {
    border-top: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-t-h-yagray:hover {
    border-top: var(--yagray) 1px solid;
    transition: .2s;
}

.b-t-h-yalightgray:hover {
    border-top: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-t-h-yablue:hover {
    border-top: var(--yablue) 1px solid;
    transition: .2s;
}

.b-t-h-yadarkblue:hover {
    border-top: var(--yadarkblue) 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-yadarkgray:hover {
    border-right: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-r-h-yagray:hover {
    border-right: var(--yagray) 1px solid;
    transition: .2s;
}

.b-r-h-yalightgray:hover {
    border-right: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-r-h-yablue:hover {
    border-right: var(--yablue) 1px solid;
    transition: .2s;
}

.b-r-h-yadarkblue:hover {
    border-right: var(--yadarkblue) 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-yadarkgray:hover {
    border-bottom: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-b-h-yagray:hover {
    border-bottom: var(--yagray) 1px solid;
    transition: .2s;
}

.b-b-h-yalightgray:hover {
    border-bottom: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-b-h-yablue:hover {
    border-bottom: var(--yablue) 1px solid;
    transition: .2s;
}

.b-b-h-yadarkblue:hover {
    border-bottom: var(--yadarkblue) 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-yadarkgray:hover {
    border-left: var(--yadarkgray) 1px solid;
    transition: .2s;
}

.b-l-h-yagray:hover {
    border-left: var(--yagray) 1px solid;
    transition: .2s;
}

.b-l-h-yalightgray:hover {
    border-left: var(--yalightgray) 1px solid;
    transition: .2s;
}

.b-l-h-yablue:hover {
    border-left: var(--yablue) 1px solid;
    transition: .2s;
}

.b-l-h-yadarkblue:hover {
    border-left: var(--yadarkblue) 1px solid;
    transition: .2s;
}


.text-small {
    font-size: .8rem;
}

.s10 {
    font-size: var(--size10);
}

.s12 {
    font-size: var(--size12);
}

.s14 {
    font-size: var(--size14);
}

.s16 {
    font-size: var(--size16);
}

.s18 {
    font-size: var(--size18);
}

.s20 {
    font-size: var(--size20);
}

.s22 {
    font-size: var(--size22);
}

.s24 {
    font-size: var(--size24);
}

.s26 {
    font-size: var(--size26);
}

.s28 {
    font-size: var(--size28);
}

.s36 {
    font-size: var(--size36);
}

.s48 {
    font-size: var(--size48);
}

.s60 {
    font-size: var(--size60);
}


.r9 {
    border-radius: 9px;
}


.banner-arrow {
    bottom: 30px;
    left: calc(50% - 13px);
}

.banner-excerpt {
    font-size: 55px;
    color: #fff;
}

.banner-title {
    font-size: 42px;
}

.banner-text {
    font-size: 36px;
}

.banner-row-top {
    position: absolute;
    top: 0;
}

.banner-row-bottom {
    position: absolute;
    bottom: 0;
}

.banner-subtitle {}


.models-icon-bg {
    width: 36px;
    height: 36px;
}

.model-colors {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: 100%;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.model-colors-line {
    width: 20px;
}

.model-colors-line div {
    width: 1px;
}

.model-colors-item {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: var(--yasemigray) 1px solid;
    cursor: pointer;
}

.c5 .model-colors-line {
    height: 110px;
}

.c5 .model-colors-item.silver {
    background-color: #6D767B;
}

.c5 .model-colors-item.green {
    background-color: #8BAA95;
}

.c5 .model-colors-item.black {
    background-color: #000;
}

.c5 .model-colors-item.dark-blue {
    background-color: #1C2C3B;
}

.c5 .model-colors-item.gray {
    background-color: #404853;
}

.c5 .model-colors-item.vanilla-blue {
    background-color: #929FB5;
}

.c5 .model-colors-item.white {
    background-color: #fff;
}

.s5 .model-colors-line {
    height: 135px;
}

.s5 .model-colors-item.silver {
    background-color: #6D767B;
}

.s5 .model-colors-item.black {
    background-color: #000;
}

.s5 .model-colors-item.blue {
    background-color: #455A85;
}

.s5 .model-colors-item.gray {
    background-color: #404853;
}

.s5 .model-colors-item.white {
    background-color: #fff;
}

.s5 .model-colors-item.red {
    background-color: #D7241F;
}

.model-colors-item .internal {
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
}


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

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

.alert {
    display: none;
}

.form-check-input:checked {
    background-color: var(--yagray);
    border-color: var(--yagray);
}

.form-check-input:focus {
    box-shadow: unset;
}

.form-control:focus {
    border-color: var(--yagray);
    outline: 0;
    box-shadow: unset;
}

.form-button {
    padding: 18px 36px;
}

.map-plate {
    width: 465px;
    top: 100px;
    left: -235px;
}


.att-title {
    font-size: 45px;
}

.att-text {
    font-size: 26px;
}

.step-item {
    min-height: 510px;
}

.cars-cards .row.rounded-pill {
    border-radius: 20px !important;
}

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-nav {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .4);
    top: calc(50% - 17.5px);
    z-index: 10;
}

.swiper-next {
    right: 0;
}

.swiper-prev {
    left: 0;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -30px;
}

.swiper-pagination-bullet {
    width: calc(100% / 6 - 12px);
    height: 3px;
    display: inline-block;
    border-radius: 1.5px;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--yablue);
}






@media (max-width: 1399.98px) {
    .banner-excerpt {
        font-size: 50px;
    }
}

@media (max-width: 1199.98px) {
    .s-xl-18 {
        font-size: var(--size18);
    }

    .banner-excerpt {
        font-size: 44px;
    }

    .banner-title {
        font-size: 36px;
    }

    .banner-text {
        font-size: 26px;
    }

    .att-title {
        font-size: 33px;
    }

    .att-text {
        font-size: 20px;
    }

    .step-item {
        min-height: 461px;
    }
}

@media (max-width: 991.98px) {
    .att-title {
        font-size: 45px;
    }

    .att-text {
        font-size: 25px;
    }

    .s-md-18 {
        font-size: var(--size18);
    }

    .w-md-100 {
        width: 100% !important;
    }

    .banner-row-top {
        position: unset;
    }

    .banner-row-bottom {
        position: unset;
    }

    .step-item {
        min-height: 300px;
    }

    .banner-title {
        font-size: 30px;
    }
}

@media (max-width: 767.98px) {
    .s-xs-14 {
        font-size: var(--size14);
    }

    .s-xs-20 {
        font-size: var(--size20);
    }

    .s-xs-32 {
        font-size: var(--size32);
    }

    .banner-excerpt {
        font-size: 33px;
    }

    .banner-title {
        font-size: 20px;
    }

    .banner-text {
        font-size: 20px;
    }

    .banner-row-bottom {
        position: absolute;
        bottom: 0;
    }

    .att-title {
        font-size: 28px;
    }

    .att-text {
        font-size: 16px;
    }

    .c5 .model-colors-line {
        height: 40px;
    }

    .s5 .model-colors-line {
        height: 50px;
    }

    .banner-subtitle {
        font-weight: 400;
    }

    .main-banner-btn-wrap a {
        width: 100%;
    }

    .banner-subtitle {
        display: inline-block !important;
    }

    .banner-credit {
        /* background-color: rgba(255, 255, 255) !important;
        padding-block: 6px; */
        margin-top: 6px;
        max-width: 458px;
        text-align: left;
    }
}

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


@media (min-width: 768px) {

    .banner-subtitle {
        font-weight: 400;
    }

    .main-banner-btn-wrap a {
        min-width: 300px;
    }

    .banner-subtitle {
        line-height: 1.8;
    }

}

@media (min-width: 1365px) {

    .main-banner-btn-wrap a {
        min-width: 320px;
    }

}







.cookie {
	background-color: rgba(0, 0, 0, .8);
	z-index: 1000;
	display: none;
}
@media (max-width: 991px) {
	.cookie {
		min-height: 200px;
	}
}