.offer {
    padding: 20px 0;
}

.offer .container {
    position: relative;
    min-height: 335px;
    display: flex;
    justify-content: end;
}

.offer__img {
    position: absolute;
    top: 0;
    z-index: 0;
    object-fit: cover;
    object-position: center;
}

.offer__content {
    max-width: 60%;
    z-index: 1;
    position: relative;
    padding: 30px 90px 30px 0;
    display: flex;
    flex-direction: column;
}

.offer__title {
    font-weight: 400;
    font-size: 52px;
    color: #fff;
}

.offer__subtitle {
    margin-top: 10px;
    font-weight: 400;
    font-size: 28px;
    color: #fff;
}

.offer__form {
    margin-top: auto;
}

.offer__form-item input {
    margin-top: auto;
    width: 100%;
}

.offer__form-btn {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-color: #fff;
}

.offer__form-btn span {
    color: #000;
}

.offer__img-m {
    display: none;
}

@media (max-width: 1900px) {
    .offer__title {
        font-size: 45px;
    }

    .offer__subtitle {
        font-size: 23px;
    }
}

@media (max-width: 1760px) {
    .offer .container {
        min-height: 270px;
    }

    .offer__title {
        font-size: 40px;
    }

    .offer__subtitle {
        font-size: 24px;
    }

    .offer__content {
        padding: 30px 50px 20px 0;
    }

    .offer__form-btn {
        margin-top: 20px;
    }
}

@media (max-width: 1500px) {
    .offer .container {
        min-height: 250px;
    }

    .offer__title {
        font-size: 31px;
    }

    .offer__subtitle {
        font-size: 22px;
    }

    .offer__content {
        padding: 20px 45px 20px;
    }
}

@media (max-width: 1400px) {
    .offer .container {
        min-height: 250px;
    }

    .offer__content {
        padding: 20px 30px 20px 0;
    }

    .offer__title {
        font-size: 32px;
    }

    .offer__subtitle {
        font-size: 22px;
    }
}

@media (max-width: 1300px) {
    .offer__title {
        font-size: 32px;
    }

    .offer__subtitle {
        font-size: 23px;
    }
}

@media (max-width: 760px) {
    .offer .container {
        justify-content: center;
    }   

    .offer__content {
        max-width: 100%;
        width: 100%;
        padding: 20px;
    }

    .offer__form-btn {
        padding: 10px 20px;
    }

    .offer__form-btn span {
        font-size: 1.6rem;
    }

    .offer__title {
        font-size: 47px;
    }

    .offer__subtitle {
        font-size: 30px;
    }

    .offer__img-m {
        display: block;
        position: absolute;
        top: 0;
        object-fit: cover;
    }

    .offer__img {
        display: none;
    }
}

@media (max-width: 450px) {
    .offer .container {
        padding: 0;
    }

    .offer__content {
        display: flex;
        flex-direction: column;
        min-height: 375px;
    }

    .offer__title {
        font-size: 28px;
    }

    .offer__subtitle {
        font-size: 18px;
    }

    .offer__form {
        margin-top: auto;
    }

    .offer__form-btn {
        margin-top: 8px;
    }
}

.hero {
    height: 70rem
}

@media (min-width:768px) and (max-width:991px) {
    .hero {
        height: calc(100vh - 9.6rem)
    }
}

@media (max-width:767px) {
    .hero {
        height: auto
    }
}

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

.hero__wrapper .swiper-slide-2 button{
    margin-top: 45%;
}
.hero__wrapper .swiper-slide-3 button{
     margin-top: 45%;
    margin-left: 15%;
}


@media (max-width:767px){
    .hero__wrapper .swiper-slide-2 .hero__content-inner{
justify-content: end;    
}

.hero__wrapper .swiper-slide-3 img{
    object-fit: contain;
}

.hero__wrapper .swiper-slide-3 button{
     margin: auto auto 0 ;

}


}

.hero__item {
    width: 100%;
    height: 100%;
    position: relative
}

@media (max-width:767px) {
    .hero__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero__wrapper {
    width: 100%;
    height: calc(100vw * 1200/658)
}
}

.hero__image {
    width: 100%;
    height: 100%;
    position: relative
}

.hero__image img,
.hero__image picture img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 75% 50%;
     width: 100%;
    height: 100%;
}

.hero__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto
}

@media (min-width:768px) and (max-width:991px) {
    .hero__content {
        padding: 6rem 0
    }
}

@media (max-width:767px) {
    .hero__content {
        padding: 1.5rem 0
    }
}

.hero__content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: relative
}

.hero__content-inner {
    /* max-width: 73.7rem */
    margin-bottom: auto;
    margin-top: 2rem;
}

@media (max-width:991px) {
    .hero__content-inner {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .hero__content-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

.hero__title {
    margin-bottom: 2rem;
    font-weight: 700;
    line-height: 110%;
    color: #fff
}

.hero__title.big {
    font-size: 6rem;
}

@media (max-width:991px) {
    .hero__title {
        text-align: center
    }
}

@media (max-width:767px) {
    .hero__title {
        margin-bottom: 1.6rem
    }

    .hero__title.big {
        font-size: 3rem;
    }
}

@media (max-width:991px) {
    .hero__title br {
        display: none
    }
}

.hero__subtitle {
    font-size: 3.2rem;
    margin-bottom: 4rem;
    font-weight: 700;
    line-height: 110%;
    color: #fff
}

@media (max-width:991px) {
    .hero__subtitle {
        text-align: center
    }
}

@media (max-width:767px) {
    .hero__subtitle {
        font-size: 2rem;
        margin-bottom: unset
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hero__subtitle br {
        display: none
    }
}

@media (max-width:991px) {
    .hero__btn {
        width: 100%;
        margin-top: auto
    }
}

.hero-slider {
    overflow: hidden;
    position: relative
}

.hero-slider__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 2rem !important;
    z-index: 101
}

@media (max-width:991px) {
    .hero-slider__pagination {
        bottom: unset !important;
        top: 30rem
    }
}

.hero-slider__pagination .swiper-pagination-bullet {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3019607843)
}

.hero-slider__pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

.timer {
    width: 100%;
    height: 24.1rem;
    background-color: #00657b;
    padding: 4rem 0
}

@media (max-width:1280px) {
    .timer {
        height: auto
    }
}

.timer .container {
    height: 100%
}

.timer__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.timer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (max-width:1280px) {
    .timer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.4rem;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }
}

.timer__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem
}

@media (max-width:1280px) {
    .timer__right {
        width: 100%
    }
}

.timer__right .timer__btn {
    width: 100%
}

.timer__title {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 110%;
    color: #fff
}

@media (max-width:1280px) {
    .timer__title {
        width: 100%;
        font-size: 2.8rem
    }
}

@media (max-width:1280px) {
    .timer__title {
        text-align: center
    }
}

@media (max-width:1280px) {
    .timer__title br {
        display: none
    }
}

.timer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3.8rem;
    padding: 0;
    margin: 0
}

@media (max-width:1280px) {
    .timer__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .timer__content {
        gap: 2rem;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }
}

.timer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .2rem
}

@media (max-width:1280px) {
    .timer__item {
        gap: 0
    }
}

.timer__item-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.timer__name {
    font-size: 4.8rem;
    line-height: 120%;
    color: #fff;
    margin: 0
}

@media (max-width:767px) {
    .timer__name {
        font-size: 3rem
    }
}

.timer__dots {
    font-size: 4.8rem;
    color: #fff
}

@media (max-width:767px) {
    .timer__dots {
        font-size: 3rem
    }
}

.timer-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 60.2rem
}

@media (max-width:1280px) {
    .timer-form {
        width: 100%
    }
}

.timer-form__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem
}

@media (max-width:767px) {
    .timer-form__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:767px) {
    .timer-form__item {
        width: 100%
    }
}

.timer-form__item button,
.timer-form__item input {
    width: 100%
}

.timer-form__item:nth-child(1),
.timer-form__item:nth-child(2) {
    width: 100%;
}

@media (max-width:767px) {

    .timer-form__item:nth-child(1),
    .timer-form__item:nth-child(2) {
        width: 100%
    }
}

.timer-form__item:last-child {
    width: 100%
}

.timer-form__agreement {
    font-size: 1.4rem;
    color: #fff;
    line-height: 120%;
    margin-top: 1.2rem
}

@media (max-width:1280px) {
    .timer-form__agreement {
        text-align: center
    }
}

.timer-form__agreement a {
    font-size: 1.4rem;
    color: #fff;
    line-height: 120%;
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.timer-form__agreement a:hover {
    text-decoration: none
}

.timer__item span {
    font-size: 2.4rem;
    line-height: 110%;
    color: #fff
}

@media (max-width:1280px) {
    .timer__item span {
        font-size: 1.6rem
    }
}


.complectations {
    padding: 9.6rem 0
}

@media (min-width:768px) and (max-width:1280px) {
    .complectations {
        padding: 6rem 0
    }
}

@media (max-width:767px) {
    .complectations {
        padding: 4rem 0
    }
}

.complectations-models {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto auto;
    border-bottom: 8px solid #cdd3d9
}

@media (max-width:1280px) {
    .complectations-models {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
}

@media (max-width:767px) {
    .complectations-models {
        border-bottom: 4px solid #cdd3d9
    }
}

.complectations-model {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 3rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 110%;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:767px) {
    .complectations-model {
        font-size: 1.4rem;
        padding: 1rem;
        white-space: nowrap
    }
}

.complectations-model.active {
    position: relative
}

.complectations-model.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    right: 0;
    width: 100%;
    background: #00657b;
    height: 8px;
    z-index: 1
}

@media (max-width:767px) {
    .complectations-model.active:after {
        bottom: -4px;
        height: 4px
    }
}

.complectations-model:not(.active):hover {
    color: #00657b
}

.complectations-model__content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    position: relative
}

@media (max-width:1280px) {
    .complectations-model__content {
        gap: 1.5rem
    }
}

.complectations-model__content.active {
    opacity: 1;
    max-height: 10000px;
    overflow: unset
}

.complectations-model__content div[data-complectation] {
    opacity: 0;
    max-height: 0;
    overflow: hidden
}

.complectations-model__content div[data-complectation].active {
    opacity: 1;
    max-height: 10000px;
    overflow: unset
}

.complectations-model__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    margin-top: 4rem
}

@media (max-width:767px) {
    .complectations-model__list {
        margin-top: 2.4rem
    }
}

.complectations-model__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f7f7;
    padding: 3.2rem;
    gap: 3.2rem
}

@media (max-width:1280px) {
    .complectations-model__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .complectations-model__item {
        gap: 2.4rem;
        padding: 2.4rem
    }
}

@media (max-width:767px) {
    .complectations-model__item {
        gap: 1.6rem;
        padding: 2.4rem
    }
}

.complectations-model__item.is-hidden {
    display: none
}

.complectations-model__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.6rem
}

@media (max-width:1280px) {
    .complectations-model__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        width: 100%
    }
}

.complectations-model__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:1280px) {
    .complectations-model__right {
        width: 100%
    }
}

.complectations-model-slider {
    width: 39.1rem;
    height: 23.1rem;
    overflow: hidden
}

@media (min-width:768px) and (max-width:1280px) {
    .complectations-model-slider {
        width: 100%;
        height: auto;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .complectations-model-slider {
        width: 100%;
        height: 18.4rem
    }
}

.complectations-model-slider__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media (max-width:1280px) {
    .complectations-model-slider__inner {
        width: 100%
    }
}

.complectations-model-slider__image img,
.complectations-model-slider__image picture img {
    -o-object-fit: contain;
    object-fit: contain
}

.complectations-model-slider__bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .8rem;
    z-index: 1
}

.complectations-model-slider__bullet {
    width: 1.6rem;
    height: 1.6rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .15);
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media (min-width:768px) and (max-width:1280px) {
    .complectations-model-slider__bullet {
        width: 3.2rem;
        height: 3.2rem
    }
}

@media (max-width:767px) {
    .complectations-model-slider__bullet {
        width: 2.4rem;
        height: 2.4rem
    }
}

.complectations-model-slider__bullet.active {
    -webkit-transform: scale(1.33);
    transform: scale(1.33);
    position: relative
}

@media (min-width:1281px) {
    .complectations-model-slider__bullet.active {
        margin: 0 .4rem
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .complectations-model-slider__bullet.active {
        margin: 0 .8rem
    }
}

@media (max-width:767px) {
    .complectations-model-slider__bullet.active {
        margin: 0 .4rem
    }
}

.complectations-model__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.complectations-model__title {
    font-size: 4rem;
    line-height: 110%;
    margin-bottom: .6rem
}

@media (max-width:1280px) {
    .complectations-model__title {
        font-size: 2.4rem
    }
}

.complectations-model__subtitle {
    font-size: 1.8rem;
    line-height: 120%
}

@media (max-width:1280px) {
    .complectations-model__subtitle {
        font-size: 1.6rem
    }
}

.complectations-model__btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem
}

@media (max-width:767px) {
    .complectations-model__btns {
        grid-template-columns: repeat(1, 1fr)
    }
}

.complectations-model__btn {
    width: 100%
}

.complectations-model__advantages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    padding-top: 2rem;
    border-top: 1px solid #cdd3d9;
    margin-top: 1.6rem
}

@media (max-width:767px) {
    .complectations-model__advantages {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.6rem
    }
}

.complectations-model__advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem
}

.complectations-model__advantage svg {
    width: 2.4rem;
    height: 2.4rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.complectations-model__advantage b {
    font-size: 1.8rem;
    line-height: 120%
}

.complectations-model__advantage span {
    display: block;
    width: 100%;
    font-size: 1.8rem;
    line-height: 120%
}

@media (min-width:1281px) {
    .complectations-model__advantage span {
        white-space: nowrap
    }
}

@media (max-width:767px) {
    .complectations-model__advantage span br {
        display: none
    }
}

.complectations__more {
    margin-top: 4rem;
    width: 100%
}

.complectations-filter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
    margin-top: 4rem
}

@media (max-width:767px) {
    .complectations-filter {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 2.4rem
    }
}

.trade-in {
    position: relative
}

.trade-in__image {
    width: 100%;
    height: 66.8rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) and (max-width:1280px) {
    .trade-in__image {
        height: 100vh
    }
}

@media (max-width:767px) {
    .trade-in__image {
        height: auto
    }
}

.trade-in__image img,
.trade-in__image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1280px) {

    .trade-in__image img,
    .trade-in__image picture img {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.trade-in__wrapper {
    position: relative
}

.trade-in__content {
    position: absolute;
    z-index: 1;
    top: 9.6rem;
    background-color: #f6f7f7;
    left: calc((100vw - 126rem)/ 2);
    bottom: 9.6rem;
    padding: 3.2rem;
    width: 62rem
}

@media (max-width:1280px) {
    .trade-in__content {
        width: auto;
        bottom: unset
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .trade-in__content {
        top: 6rem;
        left: 2rem;
        right: 2rem
    }
}

@media (max-width:767px) {
    .trade-in__content {
        top: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        padding: 1.6rem
    }
}

.trade-in__title {
    font-size: 4.8rem;
    line-height: 110%;
    font-weight: 700;
    margin-bottom: 1.6rem
}

@media (max-width:767px) {
    .trade-in__title {
        font-size: 3.2rem
    }
}

.trade-in__text {
    font-size: 1.8rem;
    line-height: 120%;
    margin-bottom: 1.2rem
}

@media (max-width:767px) {
    .trade-in__text {
        font-size: 1.6rem
    }
}

.trade-in__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%
}

.trade-in__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%
}

.trade-in__form-item {
    width: 100%
}

.trade-in__form-item input {
    width: 100%
}

.trade-in__form-btn {
    width: 100%
}

.trade-in__agreement {
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .trade-in__agreement {
        font-size: 1.2rem
    }
}

.trade-in__agreement a {
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .trade-in__agreement a {
        font-size: 1.2rem
    }
}

.trade-in__agreement a:hover {
    color: #cf4125
}

.credit {
    position: relative
}

.credit__image {
    width: 100%;
    height: 74rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) and (max-width:1280px) {
    .credit__image {
        height: 100vh
    }
}

@media (max-width:767px) {
    .credit__image {
        height: auto
    }
}

.credit__image img,
.credit__image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1280px) {

    .credit__image img,
    .credit__image picture img {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.credit__wrapper {
    position: relative
}

.credit__content {
    position: absolute;
    z-index: 1;
    top: 6.6rem;
    background-color: #f6f7f7;
    right: calc((100vw - 126rem)/ 2);
    bottom: 9.6rem;
    padding: 3.2rem;
    width: 62rem
}

@media (max-width:1280px) {
    .credit__content {
        width: auto;
        bottom: unset
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .credit__content {
        top: 6rem;
        left: 2rem;
        right: 2rem
    }
}

@media (max-width:767px) {
    .credit__content {
        top: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        padding: 1.6rem
    }
}

.credit__title {
    font-size: 4.8rem;
    line-height: 110%;
    font-weight: 700;
    margin-bottom: 1.6rem
}

@media (max-width:767px) {
    .credit__title {
        font-size: 3.2rem
    }
}

.credit__text {
    font-size: 1.8rem;
    line-height: 120%;
    margin-bottom: 1.2rem
}

@media (max-width:767px) {
    .credit__text {
        font-size: 1.6rem
    }
}

.credit__advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 3rem
}

@media (max-width:767px) {
    .credit__advantages {
        margin-bottom: 1.6rem
    }
}

.credit__advantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1.2rem
}

@media (max-width:767px) {
    .credit__advantage {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.credit__advantage svg {
    width: 2.4rem;
    height: 2.4rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.credit__advantage span {
    font-size: 1.8rem;
    line-height: 120%
}

@media (max-width:767px) {
    .credit__advantage span {
        font-size: 1.6rem;
        max-width: 80%
    }
}

.credit__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%
}

.credit__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%
}

.credit__form-item {
    width: 100%
}

.credit__form-item input {
    width: 100%
}

.credit__form-btn {
    width: 100%
}

.credit__agreement {
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .credit__agreement {
        font-size: 1.2rem
    }
}

.credit__agreement a {
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .credit__agreement a {
        font-size: 1.2rem
    }
}

.credit__agreement a:hover {
    color: #cf4125
}

.testdrive {
    position: relative
}

.testdrive__image {
    width: 100%;
    height: 61.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) and (max-width:1280px) {
    .testdrive__image {
        height: 100vh
    }
}

@media (max-width:767px) {
    .testdrive__image {
        height: auto
    }
}

.testdrive__image img,
.testdrive__image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1280px) {

    .testdrive__image img,
    .testdrive__image picture img {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.testdrive__wrapper {
    position: relative
}

.testdrive__content {
    position: absolute;
    z-index: 1;
    top: 9.6rem;
    background-color: #f6f7f7;
    right: calc((100vw - 126rem)/ 2);
    bottom: 9.6rem;
    padding: 3.2rem;
    width: 62rem
}

@media (max-width:1280px) {
    .testdrive__content {
        width: auto;
        bottom: unset
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .testdrive__content {
        top: 6rem;
        left: 2rem;
        right: 2rem
    }
}

@media (max-width:767px) {
    .testdrive__content {
        top: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        padding: 1.6rem
    }
}

.testdrive__title {
    font-size: 4.8rem;
    line-height: 110%;
    font-weight: 700;
    margin-bottom: 1.6rem
}

@media (max-width:767px) {
    .testdrive__title {
        font-size: 3.2rem
    }
}

.testdrive__text {
    font-size: 1.8rem;
    line-height: 120%;
    margin-bottom: 1.2rem
}

@media (max-width:767px) {
    .testdrive__text {
        font-size: 1.6rem
    }
}

.testdrive__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%
}

.testdrive__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%
}

.testdrive__form-item {
    width: 100%
}

.testdrive__form-item input {
    width: 100%
}

.testdrive__form-btn {
    width: 100%
}

.testdrive__agreement {
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .testdrive__agreement {
        font-size: 1.2rem
    }
}

.testdrive__agreement a {
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .testdrive__agreement a {
        font-size: 1.2rem
    }
}

.testdrive__agreement a:hover {
    color: #cf4125
}

.taxi {
    position: relative
}

.taxi__image {
    width: 100%;
    height: 61.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) and (max-width:1280px) {
    .taxi__image {
        height: 100vh
    }
}

@media (max-width:767px) {
    .taxi__image {
        height: auto
    }
}

.taxi__image img,
.taxi__image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1280px) {

    .taxi__image img,
    .taxi__image picture img {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.taxi__wrapper {
    position: relative
}

.taxi__content {
    position: absolute;
    z-index: 1;
    top: 9.6rem;
    background-color: #f6f7f7;
    left: calc((100vw - 126rem)/ 2);
    bottom: 9.6rem;
    padding: 3.2rem;
    width: 55rem
}

@media (max-width:1280px) {
    .taxi__content {
        width: auto;
        bottom: unset
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .taxi__content {
        top: 6rem;
        left: 2rem;
        right: 2rem
    }
}

@media (max-width:767px) {
    .taxi__content {
        top: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        padding: 1.6rem
    }
}

.taxi__title {
    font-size: 2.6rem;
    line-height: 110%;
    font-weight: 700;
    margin-bottom: 1.6rem
}

@media (max-width:767px) {
    .taxi__title {
        font-size: 2rem
    }
}

.taxi__text {
    font-size: 1.6rem;
    line-height: 120%;
    margin-bottom: 1.2rem
}

@media (max-width:767px) {
    .taxi__text {
        font-size: 1.4rem
    }
}

.taxi__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%
}

.taxi__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%
}

.taxi__form-item {
    width: 100%
}

.taxi__form-item input {
    width: 100%
}

.taxi__form-btn {
    width: 100%
}

.taxi__agreement {
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .taxi__agreement {
        font-size: 1.2rem
    }
}

.taxi__agreement a {
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .taxi__agreement a {
        font-size: 1.2rem
    }
}

.taxi__agreement a:hover {
    color: #cf4125
}

.leasing {
    position: relative
}

.leasing__image {
    width: 100%;
    height: 61.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) and (max-width:1280px) {
    .leasing__image {
        height: 100vh
    }
}

@media (max-width:767px) {
    .leasing__image {
        height: auto
    }
}

.leasing__image img,
.leasing__image picture img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1280px) {

    .leasing__image img,
    .leasing__image picture img {
        -o-object-position: bottom;
        object-position: bottom
    }
}

.leasing__wrapper {
    position: relative
}

.leasing__content {
    position: absolute;
    z-index: 1;
    top: 9.6rem;
    background-color: #f6f7f7;
    right: calc((100vw - 126rem)/ 2);
    bottom: 9.6rem;
    padding: 3.2rem;
    width: 62rem
}

@media (max-width:1280px) {
    .leasing__content {
        width: auto;
        bottom: unset
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .leasing__content {
        top: 6rem;
        left: 2rem;
        right: 2rem
    }
}

@media (max-width:767px) {
    .leasing__content {
        top: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
        padding: 1.6rem
    }
}

.leasing__title {
    font-size: 2.6rem;
    line-height: 110%;
    font-weight: 700;
    margin-bottom: 1.6rem
}

@media (max-width:767px) {
    .leasing__title {
        font-size: 2rem
    }
}

.leasing__text {
    font-size: 1.6rem;
    line-height: 120%;
    margin-bottom: 1.2rem
}

@media (max-width:767px) {
    .leasing__text {
        font-size: 1.4rem
    }
}

.leasing__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.2rem;
    width: 100%
}

.leasing__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%
}

.leasing__form-item {
    width: 100%
}

.leasing__form-item input {
    width: 100%
}

.leasing__form-btn {
    width: 100%
}

.leasing__agreement {
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .leasing__agreement {
        font-size: 1.2rem
    }
}

.leasing__agreement a {
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1.4rem;
    line-height: 120%
}

@media (max-width:767px) {
    .leasing__agreement a {
        font-size: 1.2rem
    }
}

.leasing__agreement a:hover {
    color: #cf4125
}

.map__inner {
    position: relative
}

.map-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f6f7f7;
    position: absolute;
    z-index: 1;
    top: 9.6rem;
    left: calc((100vw - 126rem)/ 2);
    bottom: 9.6rem;
    padding: 3.2rem;
    width: 51.3rem
}

@media (max-width:1280px) {
    .map-content {
        position: relative;
        width: 100%;
        top: unset;
        left: unset;
        bottom: unset
    }
}

.map-content__logo {
    /*width: 31.92rem;*/
    height: 1.5rem;
    display:flex;
    align-items: center;
    gap: 0;
    justify-content: start;
}

.map-content__logo svg {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.map-content__logo-first{
    height:3rem;
    width: auto;
}

.map-content__logo-line{
    margin:  0 10px;
    height: 90%;
    width: 1px;
    background: #000000;
}


.map-content__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 3.2rem 0 2.4rem;
    gap: 2.4rem
}

.map-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2.4rem;
    gap: .8rem;
    border-bottom: 1px solid #cdd3d9
}

.map-content__item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.map-content__dealer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4rem
}

.map-content__dealer svg {
    width: 2rem;
    height: 2rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.map-content__dealer span {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 120%
}

.map-content__address {
    font-size: 1.8rem;
    line-height: 120%
}

.map-content__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4rem
}

.map-content__phone svg {
    width: 2rem;
    height: 2rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.map-content__phone a {
    font-size: 1.8rem;
    line-height: 120%
}

.map-content__shedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4rem
}

.map-content__shedule svg {
    width: 2rem;
    height: 2rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.map-content__shedule span {
    font-size: 1.8rem;
    line-height: 120%
}

.map-content__time {
    font-size: 1.8rem;
    line-height: 120%
}

.map-content__btn {
    width: 100%
}

#map {
    height: 70.2rem
}

@media (min-width:768px) and (max-width:1280px) {
    #map {
        height: 60rem
    }
}

@media (max-width:767px) {
    #map {
        height: 33rem
    }
}