@charset "UTF-8";
@keyframes bounce {
    0%,
    35%,
    62% {
        transform: translateY(0);
    }
    48% {
        transform: translateY(3px);
    }
    52% {
        transform: translateY(4px);
    }
}
@font-face {
    font-family: GillSansReg;
    src: url(../fonts/GillSansReg.woff2) format("woff2"), url(../fonts/GillSansReg.woff) format("woff"), url(../fonts/GillSansReg.ttf) format("truetype"), url(../fonts/GillSansReg.eot?#iefix) format("embedded-opentype"),
    url(../fonts/GillSansReg.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: GillSansBold;
    src: url(../fonts/GillSansBold.woff2) format("woff2"), url(../fonts/GillSansBold.woff) format("woff"), url(../fonts/GillSansBold.ttf) format("truetype"), url(../fonts/GillSansBold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/GillSansBold.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
a,
body,
html {
    color: #141414;
}
body,
html {
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 150%;
    min-width: 320px;
}
a {
    text-decoration: none;
    transition: color 0.3s;
}
a:hover {
    color: #e10012;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-family: "Montserrat", sans-serif;
    font-size: 42px;
    line-height: 140%;
    margin-bottom: 12px;
}
.h2,
.h3,
.h4,
.h5,
h2,
h3,
h4,
h5 {
    font-family: GillSansBold;
    line-height: normal;
}
.h3,
.h4,
.h5,
h3,
h4,
h5 {
    font-size: 32px;
    margin-bottom: 11px;
}
.h4,
.h5,
h4,
h5 {
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 10px;
}
.h5,
h5 {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 8px;
}
@media (max-width: 575px) {
    .h1,
    .h2,
    h1,
    h2 {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .h3,
    h3 {
        font-size: 26px;
        margin-bottom: 5px;
    }
    .h4,
    .h5,
    h4,
    h5 {
        font-size: 20px;
        margin-bottom: 3px;
    }
    .h5,
    h5 {
        font-size: 17px;
    }
}
.text-page {
    margin: 190px auto 170px;
    max-width: 1600px;
    font-size: 16px;
}
@media (max-width: 1728px) {
    .text-page {
        margin: 190px 64px 170px;
    }
}
@media (max-width: 1199px) {
    .text-page {
        margin: 180px 30px 160px;
    }
}
@media (max-width: 768px) {
    .text-page {
        margin: 140px 20px 120px;
    }
    .text-page .h2,
    .text-page h2 {
        margin: 0 20px 30px;
    }
}
@media (max-width: 350px) {
    .text-page {
        margin: 140px 0 120px;
    }
}
.text-head .h2,
.text-head h2 {
    text-align: center;
    margin-bottom: 30px;
}
.text-head__desc .desc,
.text-head__desc .name {
    text-align: center;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.text-head__desc .desc {
    color: #50535a;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    max-width: 551px;
    margin: 15px auto 60px;
}
@media (max-width: 768px) {
    .text-head .h2,
    .text-head h2 {
        margin: 0 20px 8px;
    }
}
.parallax {
    height: 618px;
    overflow: hidden;
    margin: 0 auto;
    background-size: auto;
    background-position: center center;
}
.parallax video {
    display: block;
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
}
.svg-icons {
    display: none;
}
#auto-avail {
    position: relative;
    top: -150px;
}
.actions {
    margin: 120px auto;
    max-width: 1600px;
}
.actions .h2,
.actions h2 {
    text-align: center;
    margin-bottom: 0;
}
.actions__item {
    margin-top: 60px;
    border-top: 1px solid #d3d3d3;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.actions__item:first-child {
    margin-top: 0;
    border: 0;
}
.actions__name {
    color: #e10012;
    font-size: 32px;
    margin-bottom: 20px;
}
.actions__name,
.actions__subitem-wrapper {
    text-align: center;
}
.actions__subitem {
    font-size: 16px;
    margin-top: 20px;
}
.actions__subitem-name {
    border-bottom: 1px dashed #959595;
    transition: border-color 0.3s, color 0.3s;
    font-size: 22px;
}
.actions__subitem-text {
    opacity: 0;
    height: 0;
    position: relative;
    z-index: -1;
    transition: opacity 0.3s, height 0.3s;
    margin-top: 0;
}
.actions__subitem-text ul {
    padding: 0 0 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.actions__subitem-text ul li,
.auto-docs__download a svg {
    display: block;
}
.actions__subitem.active .actions__subitem-text {
    z-index: 1;
    opacity: 1;
    height: auto;
    margin-top: 20px;
}
.actions__desc {
    font-size: 16px;
    color: #959595;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
@media (max-width: 1728px) {
    .actions {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .actions {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .actions {
        margin: 140px 20px;
    }
    .actions .promo__link {
        width: 100%;
    }
    .actions .h2,
    .actions h2 {
        margin: 0 20px 30px;
    }
}
@media (max-width: 350px) {
    .actions {
        margin: 140px 0;
    }
}
.auto-docs {
    max-width: 1065px;
    margin: 190px auto;
}
.auto-docs .h2,
.auto-docs h2 {
    text-align: center;
}
.auto-docs__select {
    max-width: 460px;
    margin: 30px auto 90px;
}
.auto-docs__item {
    height: 220px;
    display: flex;
    background: #f3f3f3;
    border-radius: 40px;
    overflow: hidden;
    margin-top: 30px;
}
.auto-docs__img {
    width: 280px;
}
.auto-docs__img img,
.auto-instock__image img {
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.auto-docs__right {
    width: calc(100% - 540px);
    padding: 60px 0 0 70px;
}
.auto-docs__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.auto-docs__item-desc {
    color: #50535a;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    margin-top: 10px;
}
.auto-docs__download {
    display: flex;
    align-items: center;
    width: 260px;
}
.auto-docs__download a,
.auto-filter__mobile a {
    display: flex;
    gap: 15px;
    align-items: center;
}
.auto-docs__download a svg circle,
.docs__download a svg circle {
    fill: #fff;
    transition: all 0.3s;
}
.auto-docs__download a svg path,
.docs__download a svg path {
    stroke: #e10012;
    transition: all 0.3s;
}
.auto-docs__download a span {
    display: block;
    color: #959595;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}
.auto-docs__download a:hover svg circle,
.docs__download a:hover svg circle {
    fill: #e10012;
}
.auto-docs__download a:hover svg path,
.docs__download a:hover svg path,
.exterior__tooltips-button a svg path,
.exterior__tooltips-item.active .exterior__tooltips-button a svg path {
    stroke: #fff;
}
@media (max-width: 1365px) {
    .auto-docs {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .auto-docs {
        margin: 180px 30px;
    }
}
@media (max-width: 991px) {
    .auto-docs__list {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }
    .auto-docs__item {
        width: calc(33.33333% - 20px);
        height: auto;
        display: flex;
        flex-direction: column;
        border-radius: 40px;
        margin-top: 0;
    }
    .auto-docs__img {
        width: auto;
    }
    .auto-docs__right {
        width: auto;
        padding: 20px 30px 23px;
    }
    .auto-docs__name {
        font-size: 20px;
    }
    .auto-docs__item-desc {
        font-size: 16px;
    }
    .auto-docs__download {
        padding: 0 30px 27px;
    }
}
@media (max-width: 768px) {
    .auto-docs {
        margin: 140px 20px;
    }
    .auto-docs__item {
        width: calc(50% - 15px);
    }
}
@media (max-width: 575px) {
    .auto-docs__item {
        width: 100%;
    }
}
.auto-filter {
    position: relative;
}
.auto-filter__mobile {
    display: none;
    position: relative;
    z-index: 20;
}
.auto-filter__mobile a {
    justify-content: space-between;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(80, 83, 90, 0.15);
    height: 80px;
    padding: 0 27px 0 20px;
}
.auto-filter__mobile a svg {
    display: block;
    width: 24px;
}
.auto-filter__mobile a span.name {
    display: block;
    flex-grow: 1;
    color: #202020;
    font-family: GillSansBold;
    font-size: 18px;
    line-height: normal;
    width: calc(100% - 113px);
}
.auto-filter__mobile a span.close {
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
}
.auto-filter__mobile a span.close span {
    display: block;
    height: 1px;
    background: #d3d3d3;
    position: absolute;
    top: 12px;
    width: 20px;
    transition: all 0.3s;
}
.auto-filter__mobile a span.close span:first-child {
    transform: rotate(45deg);
    left: -4px;
}
.auto-filter__mobile a span.close span:last-child {
    transform: rotate(-45deg);
    right: -4px;
}
.auto-filter__fields {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
}
.auto-filter__field {
    position: relative;
}
.auto-filter__field-name {
    display: flex;
    height: 50px;
    padding: 19px 20px;
    align-items: center;
    gap: 14px;
    border-radius: 20px;
    background: #f3f3f3;
}
.auto-filter__field-name span {
    color: #959595;
    font-size: 16px;
    line-height: 150%;
}
.auto-filter__field-name svg {
    display: block;
    fill: #959595;
}
.auto-filter__field-items {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    top: calc(100% + 6px);
    gap: 19px;
    flex-direction: column;
    padding: 25px 30px;
    border-radius: 20px;
    box-shadow: 0 2px 16px 0 rgba(80, 83, 90, 0.15);
    background: #fff;
}
.auto-filter__field-label,
.auto-filter__links {
    display: flex;
    gap: 14px;
    align-items: center;
}
.auto-filter__field-label span,
.auto-filter__field-name span,
.nav__item ul li a {
    display: block;
    white-space: nowrap;
}

.nav__item ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px black dashed;
}

.nav__item .coolCarDetailContainer ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px black dashed;
    padding: 10px 20px 25px 20px;
    flex-wrap: wrap;
    font-size: 18px;
}

.nav__item ul li a span {
    display: block;
    width: 100%;
    font-size: 13px;
    margin-top: -25px;
}

.nav__item ul li:last-of-type a {
    border-bottom: unset;
}

.coolCarDetailContainer ul li:last-of-type a {
    padding-bottom: 32px;
}

.auto-filter__field-label:hover {
    cursor: pointer;
}
.auto-filter__field.opened .auto-filter__field-name svg {
    fill: #50535a;
    transform: scale(1, -1);
}
.auto-filter__cancel a:hover span,
.auto-filter__field.opened .auto-filter__field-name span,
.banner.no-image .banner__back a:hover span {
    color: #50535a;
}
.auto-filter__field.opened .auto-filter__field-items {
    display: flex;
}
.auto-filter__links {
    gap: 30px;
    justify-content: center;
    margin-top: 28px;
}
.auto-filter__links-wrapper {
    display: flex;
    gap: 5px 30px;
    align-items: center;
    flex-wrap: wrap;
}
.auto-filter__link {
    display: flex;
    align-items: center;
    gap: 5px;
}
.auto-filter__cancel a span,
.auto-filter__link span {
    display: block;
    color: #50535a;
    font-size: 16px;
    line-height: 150%;
}
.auto-filter__link a {
    display: block;
}
.auto-filter__link a svg {
    display: block;
    stroke: #d3d3d3;
    transition: stroke 0.3s;
}
.auto-filter__link a:hover svg {
    stroke: #959595;
}
.auto-filter__done,
.auto-instock__props li {
    align-items: center;
    color: #50535a;
    line-height: normal;
}
.auto-filter__done {
    display: none;
    width: 100%;
    height: 60px;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #e10012;
    background-color: #e10012;
    font-size: 16px;
    gap: 10px;
}
.auto-filter__done span {
    color: #fff;
    font-size: 16px;
}
.auto-filter__cancel a {
    display: flex;
    align-items: center;
    gap: 9px;
}
.auto-filter__cancel a svg {
    display: block;
    fill: #959595;
    transition: fill 0.3s;
}
.auto-filter__cancel a:hover svg {
    fill: #50535a;
}
.auto-filter__cancel a span {
    color: #959595;
    transition: color 0.3s;
    line-height: 16px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .auto-filter.active .auto-filter__mobile,
    .auto-filter__mobile {
        display: block;
    }
    .auto-filter.active .auto-filter__mobile a {
        box-shadow: none;
    }
    .auto-filter.active .auto-filter__mobile a span.close span {
        top: 10px;
        width: 30px;
    }
    .auto-filter.active .auto-filter__mobile a span.close span:first-child {
        left: -2px;
    }
    .auto-filter.active .auto-filter__mobile a span.close span:last-child {
        right: -2px;
    }
    .auto-filter__wrapper {
        display: none;
    }
    .auto-filter.active .auto-filter__wrapper {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 10;
        padding: 100px 20px 20px;
        box-shadow: 0 2px 16px 0 rgba(80, 83, 90, 0.15);
        border-radius: 20px;
    }
    .auto-filter.active .auto-filter__fields,
    .auto-filter__field {
        width: 100%;
    }
    .auto-filter__field-name {
        justify-content: space-between;
    }
    .auto-filter__field-items {
        position: static;
        box-shadow: none;
    }
    .auto-filter__links-wrapper {
        display: none;
    }
    .auto-filter__links {
        flex-wrap: wrap;
    }
    .auto-filter__done {
        display: flex;
    }
}
.auto-instock {
    max-width: 1600px;
    margin: 190px auto;
}
.auto-instock .h2,
.auto-instock h2 {
    text-align: center;
}
.auto-instock__select {
    max-width: 460px;
    margin: 30px auto 38px;
}
.auto-instock__list {
    height: 100%;
    max-width: 1600px;
    margin: auto;
    position: relative;
    padding-bottom: 95px;
    overflow: hidden;
}
.auto-instock__list-wrapper {
    display: flex;
}
.auto-instock__item {
    flex-shrink: 0;
    width: 480px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}
.auto-instock__list-scrollbar,
.auto-instock__list-scrollbar-drag {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d3d3d3;
    border-radius: 5px;
}
.auto-instock__list-scrollbar-drag {
    bottom: -12px;
    width: 0;
    height: 25px;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-radius: 0;
}
.auto-instock__list-scrollbar-drag:hover {
    cursor: pointer;
}
.auto-instock__image {
    display: block;
    aspect-ratio: 2/1;
    margin-bottom: 39px;
}
.auto-instock__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 8px;
}
.auto-instock__desc {
    color: #50535a;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 7px;
}
.auto-instock__props {
    display: flex;
    gap: 15px;
}
.auto-instock__props li {
    display: flex;
    font-size: 18px;
    height: 21px;
    border-left: 1px solid #d3d3d3;
    padding-left: 15px;
}
.auto-instock__props li:first-child {
    border: 0;
    padding: 0;
}
.auto-instock__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}
.auto-instock__button a {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 15px;
    padding: 0 50px;
    height: 60px;
    border: 1px solid #959595;
    color: #959595;
    font-size: 16px;
    line-height: normal;
    transition: all 0.3s;
}
.auto-instock__button a:hover {
    color: #fff;
    background: #50535a;
}
@media (max-width: 1728px) {
    .auto-instock {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .auto-instock {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .auto-instock {
        margin: 140px 20px;
    }
    .auto-instock__image {
        margin-bottom: 37px;
    }
    .auto-instock__name {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .auto-instock__desc {
        margin-bottom: 0;
    }
}
@media (max-width: 575px) {
    .auto-instock__button a {
        width: 100%;
    }
}
@media (max-width: 350px) {
    .auto-instock {
        margin: 140px 0;
    }
}
.auto-list {
    max-width: 1328px;
    margin: 190px auto;
}
.auto-list .h2,
.auto-list h2 {
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 1728px) {
    .auto-list {
        max-width: 1238px;
        margin: 190px auto;
    }
}
@media (max-width: 1365px) {
    .auto-list {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .auto-list {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .auto-list {
        margin: 140px 20px;
    }
    .auto-list .h2,
    .auto-list h2 {
        margin: 0 20px 30px;
    }
}
.auto-table {
    display: table;
    width: 100%;
    margin-top: 80px;
    overflow-x: scroll;
}
.auto-table__row {
    display: table-row;
}
.auto-table__cell {
    display: table-cell;
    text-align: left;
    font-size: 16px;
    color: #50535a;
    padding: 30px 10px;
    border-bottom: 1px solid #d3d3d3;
    vertical-align: middle;
}
.auto-table__cell:first-child {
    font-family: GillSansBold;
}
.auto-table__cell.props .name {
    display: none;
}
.auto-table__cell.props .value,
.banner__name span {
    white-space: nowrap;
}
.auto-table__cell.center {
    text-align: center;
}
.auto-table__cell a {
    color: #959595;
    transition: all 0.3s;
    border-bottom: 1px dashed #d3d3d3;
}
.auto-table__cell a:hover {
    color: #50535a;
    border-color: #50535a;
}
.auto-table__row.head .auto-table__cell {
    font-size: 16px;
    color: #959595;
    padding: 0 10px 14px;
    font-family: "Montserrat", sans-serif;
}
.auto-table__order,
.auto-table__ordered {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.auto-table__order a,
.auto-table__ordered a {
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    color: #50535a;
    font-size: 16px;
    line-height: normal;
}
.auto-table__ordered a {
    width: 86px;
    border: 1px solid #e10012;
    background-color: #e10012;
    gap: 10px;
}
.auto-table__ordered a svg,
.banner__scroll svg {
    display: block;
}
.auto-table__order.yes a span,
.auto-table__ordered a span {
    color: #fff;
    font-size: 16px;
}
.auto-table__order {
    position: relative;
}
.auto-table__order a {
    width: 180px;
    border: 1px solid #50535a;
}
.auto-table__order a:hover {
    background: #50535a;
    color: #fff;
}
.auto-table__order span.auto-table__available {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    color: #959595;
    font-size: 14px;
    line-height: 150%;
    white-space: nowrap;
}
.auto-table__order.yes a {
    background-color: #e10012;
    border-color: #e10012;
    gap: 10px;
}
@media (max-width: 767px) {
    .auto-table,
    .auto-table__row {
        display: flex;
        flex-direction: column;
    }
    .auto-table {
        gap: 30px;
    }
    .auto-table__row {
        position: relative;
        border-radius: 40px;
        background: #f3f3f3;
        border: 0;
        padding: 30px 30px 35px;
    }
    .auto-table__row.head {
        display: none;
    }
    .auto-table__cell {
        border: 0;
        padding: 0;
    }
    .auto-table__cell:first-child {
        font-size: 25px;
        color: #141414;
        margin-bottom: 3px;
    }
    .auto-table__cell.props {
        display: flex;
        gap: 17px;
        text-align: left;
    }
    .auto-table__cell.props span.name {
        display: block;
        width: 100px;
        color: #959595;
        font-size: 17px;
    }
    .auto-table__cell.props span.value {
        display: block;
        font-size: 17px;
    }
    .auto-table__cell.props.center span.value {
        font-family: GillSansBold;
    }
    .auto-table__cell:nth-child(2) {
        margin-bottom: 20px;
    }
    .auto-table__cell:nth-last-child(3) {
        margin-bottom: 52px;
    }
    .auto-table__ordered a {
        width: 100%;
        margin-bottom: 10px;
    }
    .auto-table__order a {
        background: #fff;
        border: 0;
        color: #141414;
        width: 100%;
    }
}
.banner {
    max-width: 1600px;
    margin: auto;
    position: relative;
}
.banner__img {
    border-radius: 100px;
    height: 100%;
    overflow: hidden;
}
.banner__img img,
.banner__img video,
.brand__img img {
    display: block;
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.banner__back,
.banner__name {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, 0);
}
.banner__back a {
    display: flex;
    align-items: center;
    gap: 15px;
}
.banner__back a span {
    color: #d3d3d3;
    font-size: 17px;
    transition: color 0.3s;
}
.banner__back a:hover span {
    color: #fff;
}
.banner__name {
    top: 25%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 42px;
    line-height: normal;
    text-align: center;
    width: 850px;
}
.banner__name p {
    margin: 10px 0;
}
.banner__head,
.contacts__item.phone .contacts__text a {
    font-family: GillSansBold;
}
.banner__desc {
    font-size: 16px;
}
.banner__desc.big-desc {
    font-size: 42px;
}
.banner__button a,
.banner__scroll {
    position: absolute;
    display: flex;
    align-items: center;
}
.banner__scroll {
    left: 50%;
    bottom: 50px;
    transform: translate(-50%, 0);
    flex-direction: column;
    gap: 13px;
}
.banner__scroll-arrow {
    animation: bounce 2.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s infinite;
}
.banner__button a {
    right: 100px;
    bottom: 60px;
    padding: 0 50px;
    gap: 10px;
    justify-content: center;
    border-radius: 15px;
    height: 60px;
    line-height: 20px;
    background: #e10012;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.banner__button a span,
.banner__button a svg,
.contacts__marker svg {
    display: block;
}
.banner__button a:hover {
    background: #af000e;
}
.banner-cut {
    height: 366px;
}
.banner-cut .banner__img {
    border-radius: 0 0 100px 100px;
    height: 100%;
    overflow: hidden;
}
.banner-cut .banner__name {
    top: auto;
    bottom: 60px;
}
.banner-cut.banner-dealer .banner__name {
    bottom: 0;
}
.banner-dealer .banner__desc {
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
}
.banner.no-image {
    height: auto !important;
    margin-top: 50px;
}
.banner.no-image .banner__back a span {
    color: #959595;
}
@media (max-width: 1728px) {
    .banner {
        margin: 0 64px;
    }
}
@media (max-width: 1199px) {
    .banner {
        margin: 0 30px;
    }
    .banner__name {
        position: absolute;
        top: 15%;
        left: 150px;
        right: 150px;
        transform: none;
        width: auto;
    }
    .banner__button a {
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 60px;
    }
    .banner-dealer .banner__name {
        top: 15%;
        bottom: auto;
    }
}
@media (max-width: 991px) {
    .banner__name {
        left: 50px;
        right: 50px;
    }
}
@media (max-width: 768px) {
    .banner {
        margin: 0 20px;
    }
    .banner__img {
        border-radius: 40px;
    }
    .banner__name {
        font-size: 26px;
        line-height: normal;
        left: 20px;
        right: 20px;
    }
    .banner__head {
        font-size: 32px;
    }
    .banner__scroll-mouse {
        display: none;
    }
    .banner__button a {
        left: 50px;
        right: 50px;
        transform: none;
    }
    .banner-cut {
        height: 480px;
    }
    .banner-cut .banner__img {
        border-radius: 60px;
    }
}
@media (max-width: 350px) {
    .banner {
        margin: 0;
    }
}
.brand {
    max-width: 1600px;
    margin: 190px auto;
}
.brand__items,
.mg5#history .mg5__item {
    border-radius: 100px;
    overflow: hidden;
}
.brand__item {
    position: relative;
}
.brand__item.right .brand__info {
    left: auto;
    right: 230px;
}
.brand__item.bottom .brand__info {
    top: auto;
    bottom: 115px;
}
@media (max-width: 1600px) {
    .brand__item.right .brand__info {
        left: auto;
        right: 120px;
    }
    .brand__item.bottom .brand__info {
        top: auto;
        bottom: 100px;
    }
}
.brand__img {
    aspect-ratio: 1600/840;
}
.brand__info {
    color: #fff;
    position: absolute;
    left: 230px;
    top: 110px;
    width: 410px;
}
@media (max-width: 1600px) {
    .brand__info {
        left: 120px;
        top: 100px;
    }
}
.brand__name {
    font-family: GillSansBold;
    font-size: 42px;
    line-height: normal;
}
.brand__desc {
    font-size: 16px;
    line-height: 22px;
}
.brand__desc p {
    margin: 0 0 10px;
}
.brand__desc a,
.comments__tab-links a {
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #f3f3f3;
    font-size: 16px;
    line-height: 150%;
    transition: all 0.3s;
}
.brand__desc a {
    margin-top: 30px;
    color: #f3f3f3;
}
.brand__desc a:hover {
    color: #141414;
    background: #fff;
}
.brand.on-media .brand__name {
    font-size: 32px;
    background: rgba(0, 0, 0, 0.3);
    padding: 0 5px;
}
@media (max-width: 1728px) {
    .brand {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .brand {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .brand {
        margin: 140px 20px;
    }
    .brand__items {
        border-radius: 40px;
    }
    .brand__img {
        aspect-ratio: auto;
        height: 480px;
    }
    .brand__info {
        color: #fff;
        position: absolute;
        left: 22px !important;
        right: 22px !important;
        top: 110px !important;
        bottom: auto !important;
        width: auto;
    }
}
@media (max-width: 350px) {
    .brand {
        margin: 140px 0;
    }
}
.comments {
    max-width: 1056px;
    margin: 190px auto;
}
.comments__tab-links {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 80px;
}
.comments__tab-links a {
    width: 194px;
    background: #f3f3f3;
    color: #50535a;
}
.comments__tab-links a:hover {
    color: #f3f3f3;
    background: #50535a;
    border: 1px solid #50535a;
}
.comments__tab-links a.active {
    background: #fff;
    color: #e10012;
    border: 1px solid #e10012;
}
.comments__tab-item {
    display: none;
}
.comments__slider-item {
    display: flex;
    align-items: flex-start;
    gap: 66px;
}
.comments__image {
    width: calc(50% - 33px);
    aspect-ratio: 1/1;
}
.comments__image img {
    border-radius: 60px;
}
.comments__text {
    width: calc(50% - 33px);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="130" height="100" viewBox="0 0 130 100" fill="none"><path d="M60.0019 73.8753C60.1538 77.4242 59.5217 80.9629 58.1505 84.2396C56.7793 87.5164 54.7027 90.4507 52.0686 92.8337L52.0477 92.8503C46.5938 97.6862 39.4909 100.243 32.2061 99.992H32.2519C27.8487 100.23 23.447 99.4956 19.3596 97.8408C15.2722 96.186 11.5993 93.6513 8.60192 90.417L8.58525 90.4003C2.57605 83.2695 -0.488976 74.1161 0.0144189 64.8045L0.0102522 64.892C-0.269009 55.2219 1.52833 45.6044 5.28109 36.6878L5.11442 37.1337C8.11073 30.1427 12.268 23.7089 17.4103 18.1045L17.3644 18.1545C21.6127 13.5458 26.5353 9.60794 31.9644 6.47533L32.2644 6.31699C36.3706 3.94817 40.6559 1.90443 45.0811 0.204492L45.7311 -0.0163411L58.7894 22.0253C53.3631 24.2147 48.6 27.7788 44.9686 32.367L44.9144 32.4378C41.2986 36.7449 39.0307 42.0212 38.3936 47.6087L38.3811 47.742C41.2226 47.8132 44.017 48.4839 46.5811 49.7104C49.1453 50.9368 51.4214 52.6912 53.2602 54.8587L53.2852 54.8878C57.9607 60.0937 60.3793 66.942 60.0103 73.9295L60.0144 73.867L60.0019 73.8753ZM130.619 73.8753C130.769 77.425 130.136 80.9641 128.764 84.2414C127.392 87.5187 125.315 90.4537 122.681 92.8378L122.66 92.8545C117.207 97.6922 110.104 100.249 102.819 99.9962H102.864C98.461 100.235 94.059 99.5015 89.9714 97.8466C85.8838 96.1917 82.2111 93.6564 79.2144 90.4212L79.1978 90.4003C73.186 83.2692 70.1208 74.1136 70.6269 64.8003L70.6227 64.8878C70.3435 55.2178 72.1408 45.6002 75.8936 36.6837L75.7269 37.1295C78.7218 30.1397 82.8761 23.7061 88.0144 18.1003L87.9686 18.1503C92.2183 13.5415 97.1424 9.60369 102.573 6.47116L102.873 6.31283C106.978 3.94234 111.263 1.89853 115.689 0.200326L116.339 -0.0205078L129.394 22.0212C123.966 24.2132 119.203 27.7801 115.573 32.3712L115.519 32.442C111.903 36.7491 109.635 42.0254 108.998 47.6128L108.985 47.7462C111.826 47.8169 114.619 48.4876 117.182 49.7141C119.745 50.9406 122.019 52.6952 123.856 54.8628L123.881 54.892C128.562 60.0939 130.985 66.9415 130.619 73.9295L130.623 73.867L130.619 73.8753Z" fill="%23F3F3F3"/></svg>');
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 59px 0 0 70px;
}
.comments__comment {
    color: #50535a;
    font-size: 16px;
    line-height: 150%;
}
.comments__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 18px;
    line-height: normal;
    margin-top: 45px;
}
.comments__desc {
    margin-top: 5px;
    color: #141414;
    font-size: 16px;
    line-height: 150%;
}
.comments .owl-dots {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 60px;
}
.comments .owl-dots .owl-dot {
    padding: 20px 0 !important;
}
.comments .owl-dots .owl-dot span {
    display: block;
    width: 70px;
    height: 5px;
    background: #d3d3d3;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.comments .owl-dots .owl-dot.active span {
    background: #959595;
}
@media (max-width: 1199px) {
    .comments {
        margin: 180px 30px;
    }
    .comments__image {
        width: calc(40% - 33px);
    }
    .comments__text {
        width: calc(60% - 33px);
    }
}
@media (max-width: 768px) {
    .comments {
        margin: 140px 20px;
    }
    .comments__tab-links {
        gap: 10px;
        flex-wrap: wrap;
    }
    .comments__tab-links a {
        width: 100%;
        height: 45px;
        border-radius: 20px;
    }
    .comments__slider-item {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .comments__image {
        width: 100%;
        max-width: 500px;
    }
    .comments__text {
        width: 100%;
        background-size: 65px 50px;
        padding: 34px 0 0;
    }
    .comments__name {
        margin-top: 30px;
    }
    .comments .owl-dots {
        gap: 20px;
        margin-top: 40px;
    }
    .comments .owl-dots .owl-dot {
        padding: 20px 0 !important;
    }
    .comments .owl-dots .owl-dot span {
        width: 60px;
        height: 5px;
        border-radius: 5px;
    }
    .comments .owl-dots .owl-dot.active span {
        background: #959595;
    }
}
@media (max-width: 413px) {
    .comments .owl-dots {
        gap: 20px;
    }
    .comments .owl-dots .owl-dot span {
        width: 40px;
        height: 5px;
        border-radius: 5px;
    }
}
@media (max-width: 350px) {
    .comments {
        margin: 140px 0;
    }
}
.contacts {
    max-width: 1600px;
    margin: 190px auto 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contacts .h2,
.contacts h2 {
    text-align: center;
    margin-bottom: 30px;
}
.contacts__desc .desc {
    color: #50535a;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    max-width: 551px;
    margin: 15px auto 60px;
}
.contacts__wrapper {
    position: relative;
    border-radius: 80px;
    overflow: hidden;
    width: 100%;
}
.contacts__map {
    height: 664px;
    z-index: 1;
}
.comments__image img,
.contacts__map img,
.docs__img img {
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contacts__map .prog_yandex_map {
    width: 100%;
    height: 100%;
}
.contacts__marker {
    display: block;
    transform: translate(-50%, -100%);
}
.contacts__info {
    position: absolute;
    left: 60px;
    top: -20px;
    z-index: 1000;
    width: 350px;
    background: #fff;
    border-radius: 40px;
    padding: 25px;
    box-shadow: 0 2px 16px 0 rgba(80, 83, 90, 0.15);
}
/*@media (max-width: 1199px) {*/
/*    .contacts__info {*/
/*        right: 30px;*/
/*        top: 50px;*/
/*    }*/
/*}*/
.contacts__item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 15px 0;
}
.contacts__img,
.docs__button-next svg,
.docs__button-prev svg,
.docs__download a svg {
    display: block;
}
.contacts__text {
    font-size: 16px;
    line-height: 24px;
    color: #141414;
}
.contacts__item.mail .contacts__text a {
    text-decoration: underline;
}
.contacts__item.download .contacts__text a {
    border-bottom: 1px dashed #959595;
    transition: border-color 0.3s, color 0.3s;
}
.contacts__item.download .contacts__text a:hover {
    border-color: #e10012;
}
.contacts__link {
    margin-top: 30px;
}
.contacts__link a,
.contacts__lk a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    height: 60px;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.contacts__link a {
    width: 100%;
    background: #e10012;
    color: #fff;
}
.contacts__link a:hover {
    background: #af000e;
}
.contacts__lk {
    margin-top: 50px;
}
.contacts__lk a {
    border: 1px solid #959595;
    color: #959595;
    padding: 0 50px;
}
.contacts__lk a:hover {
    color: #fff;
    background: #50535a;
}
@media (max-width: 1728px) {
    .contacts {
        margin: 190px 64px 90px;
    }
}
@media (max-width: 1199px) {
    .contacts {
        margin: 180px 30px 80px;
    }
}
@media (max-width: 768px) {
    .contacts {
        margin: 140px 20px 40px;
    }
    .contacts .h2,
    .contacts h2 {
        margin: 0 20px 30px;
    }
    .contacts__wrapper {
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }
    .contacts__map {
        height: 480px;
        border-radius: 40px;
        overflow: hidden;
    }
    /*.contacts__info {*/
    /*    position: static;*/
    /*    width: 100%;*/
    /*    border-radius: 0;*/
    /*    padding: 0;*/
    /*    box-shadow: none;*/
    /*    margin-top: 30px;*/
    /*}*/
    .contacts__lk,
    .contacts__lk a {
        width: 100%;
    }
}
@media (max-width: 350px) {
    .contacts {
        margin: 140px 0 40px;
    }
}
.dealers-map {
    max-width: 1600px;
    margin: 190px auto;
}
.dealers-map .h2,
.dealers-map h2 {
    text-align: center;
    margin-bottom: 50px;
}
.dealers-map__outer {
    position: relative;
}
.dealers-map__wrapper {
    margin-left: 272px;
    aspect-ratio: 3/1.75;
    overflow: hidden;
    border-radius: 100px;
}
.dealers-map__list-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
    border-radius: 40px;
    background: #f3f3f3;
    padding: 30px;
    width: 450px;
    height: 70%;
}
.dealers-map__search {
    position: relative;
    margin-bottom: 35px;
}
.dealers-map__search input[type="text"] {
    border-radius: 20px;
    background: #fff;
}
.dealers-map__search span {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0833 17.4167C14.1334 17.4167 17.4167 14.1334 17.4167 10.0833C17.4167 6.03325 14.1334 2.75 10.0833 2.75C6.03325 2.75 2.75 6.03325 2.75 10.0833C2.75 14.1334 6.03325 17.4167 10.0833 17.4167Z' stroke='%2350535A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2492 19.2502L15.2617 15.2627' stroke='%2350535A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 22px;
    height: 22px;
    display: block;
}
.dealers-map__search span.yes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    cursor: pointer;
}
.dealers-map__list {
    height: calc(100% - 95px);
    overflow-y: auto;
}
.dealers-map__item {
    margin-bottom: 20px;
    margin-right: 15px;
    padding: 5px;
    border-radius: 10px;
    transition: all 0.3s;
    border: 1px solid transparent;
}
.dealers-map__item:hover {
    background: #fff;
    cursor: pointer;
}
.dealers-map__item:last-child {
    margin-bottom: 0;
}
.dealers-map__item.selected {
    background: #fff;
    border: 1px solid #d3d3d3;
    position: relative;
}
.dealers-map__item.selected:after {
    content: "X";
    position: absolute;
    right: 10px;
    top: 4px;
    color: #d3d3d3;
}
.dealers-map__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 16px;
    line-height: 150%;
}
.dealers-map__desc span,
.dealers-map__name span {
    color: #1278f0;
    background: #dcebfd;
    border-radius: 4px;
    padding: 2px 0;
}
.dealers-map__desc {
    color: #50535a;
    font-size: 16px;
    line-height: 150%;
    margin-top: 5px;
}
.dealers-map__bottom {
    display: flex;
    gap: 20px;
}
.dealers-map__mail a,
.dealers-map__phone a {
    display: block;
    color: #50535a;
    font-size: 16px;
    line-height: 150%;
}
.dealers-map__mail a {
    text-decoration: underline;
}
.dealers-map .ymaps-2-1-79-copyrights-pane {
    inset: auto 100px 0 !important;
}
.simplebar-track.simplebar-vertical {
    top: 0;
    bottom: 0;
    width: 7px;
    right: 0;
}
.simplebar-scrollbar:before {
    background: #d3d3d3;
    border-radius: 4px;
    left: 0;
    right: 0;
    width: 7px;
    opacity: 1 !important;
    transition: none;
}
.simplebar-track.simplebar-vertical:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    width: 1px;
    background: #d3d3d3;
}
@media (max-width: 1728px) {
    .dealers-map {
        margin: 190px 64px;
    }
}
@media (max-width: 1365px) {
    .dealers-map__wrapper {
        margin-left: 150px;
        border-radius: 80px;
    }
    .dealers-map__list-wrapper {
        width: 350px;
    }
    .dealers-map__bottom {
        flex-direction: column;
        gap: 0;
        margin-top: 10px;
    }
}
@media (max-width: 1199px) {
    .dealers-map {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .dealers-map {
        margin: 140px 20px;
    }
    .dealers-map__outer {
        margin-top: 520px;
    }
    .dealers-map__wrapper {
        border-radius: 40px;
        margin-left: 0;
        aspect-ratio: 1/1;
    }
    .dealers-map__list-wrapper {
        transform: none;
        width: 100%;
        height: 540px;
        top: -470px;
    }
    .dealers-map .ymaps-2-1-79-copyrights-pane {
        inset: auto 20px 0 !important;
    }
}
@media (max-width: 575px) {
    .dealers-map .h2,
    .dealers-map h2 {
        font-size: 32px;
    }
    .dealers-map__wrapper {
        aspect-ratio: 1/1.5;
    }
}
@media (max-width: 350px) {
    .dealers-map {
        margin: 140px 0;
    }
}
.docs .h2,
.docs h2 {
    text-align: left;
    max-width: 1600px;
    margin: 0 auto 30px;
}
.docs__desc {
    max-width: 1600px;
    margin: auto;
}
.docs__desc .desc,
.docs__desc .name {
    text-align: left;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.docs__desc .desc {
    color: #50535a;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    max-width: 551px;
    margin: 15px 0 60px;
}
.docs__outer {
    overflow: hidden;
}
.docs__slider {
    height: 100%;
    max-width: 1600px;
    margin: auto;
    position: relative;
    padding-bottom: 95px;
}
.docs__item,
.docs__wrapper {
    display: flex;
}
.docs__item {
    flex-shrink: 0;
    width: 900px;
    height: 300px;
    background: #f3f3f3;
    border-radius: 40px;
    overflow: hidden;
}
.docs__img {
    width: 240px;
}
.docs__right {
    width: calc(100% - 240px);
    padding: 60px 0 0 70px;
}
.docs__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.docs__download a span,
.docs__item-desc {
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}
.docs__item-desc {
    color: #50535a;
    margin-top: 10px;
}
.docs__download {
    margin-top: 16px;
}
.docs__download a {
    display: flex;
    gap: 15px;
    align-items: center;
}
.docs__download a span {
    display: block;
    color: #959595;
}
.docs__scrollbar,
.docs__scrollbar-drag {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d3d3d3;
    border-radius: 5px;
}
.docs__scrollbar-drag {
    bottom: -12px;
    width: 0;
    height: 25px;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-radius: 0;
}
.docs__scrollbar-drag:hover {
    cursor: pointer;
}
.docs__nav {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}
.docs__pagination {
    display: flex;
    gap: 20px;
    width: auto !important;
}
.docs__bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d3d3d3;
}
.docs__bullet:only-child {
    display: none;
}
.docs__bullet.active {
    background: #50535a;
}
@media (max-width: 1728px) {
    .docs .h2,
    .docs h2,
    .docs__desc,
    .docs__slider {
        margin: 0 64px;
    }
}
@media (max-width: 1199px) {
    .docs .h2,
    .docs h2,
    .docs__desc,
    .docs__slider {
        margin: 0 30px;
    }
}
@media (max-width: 991px) {
    .docs__slider {
        padding: 0;
    }
    .docs__scrollbar {
        display: none;
    }
    .docs__nav {
        display: flex;
    }
    .docs__item {
        width: 900px;
        height: auto;
        display: block;
        border-radius: 40px;
    }
    .docs__img {
        width: auto;
        aspect-ratio: 330/270;
    }
    .docs__img img {
        display: block;
        max-width: none;
        max-height: none;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .docs__right {
        width: auto;
        padding: 20px 30px 27px;
    }
    .docs__name {
        font-size: 20px;
    }
    .docs__item-desc {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .docs .h2,
    .docs h2,
    .docs__desc,
    .docs__slider {
        margin: 0 20px;
    }
}
.detail {
    max-width: 1056px;
    margin: 190px auto;
    font-size: 16px;
}
.detail .h2,
.detail h2,
.detail__desc {
    text-align: center;
}
.detail .h3,
.detail h3 {
    margin-top: 120px;
    margin-bottom: 15px;
}
.detail__desc {
    max-width: 900px;
    margin: 45px auto auto;
}
.detail__desc ul {
    list-style-position: inside;
}
.detail__desc ul li {
    margin: 0 !important;
}
.detail__img {
    margin-top: 60px;
    margin-bottom: 60px;
}
.detail__img img {
    border-radius: 100px;
    display: block;
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.detail p,
.detail ul li,
.interior__item-desc p {
    margin: 10px 0;
}
.detail ul {
    padding: 0 0 0 30px;
}
.detail blockquote {
    border-left: 4px solid #e10012;
    padding: 5px 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    font-style: italic;
}
.detail a {
    text-decoration: underline;
}
.detail .news__origin {
    margin-top: 30px;
    width: 240px;
    position: static;
    border: 1px solid #141414;
    color: #141414;
    text-decoration: none;
}
.detail .news__origin:before {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2220%22%20viewBox%3D%220%200%2029%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.2238%2012.3197C13.5681%2012.3338%2012.3709%2012.1782%2010.0455%2012.6309C6.77057%2013.2815%204.11487%2015.6436%202.57374%2018.6988C2.00958%2019.8162%201.55549%2020.1415%200.839969%2019.9293C0.207004%2019.7454-0.0131575%2019.2787%200.000602587%2018.0623C0.055643%2012.9986%203.68831%207.77937%208.40803%205.95476C10.128%205.28998%2011.8893%204.97881%2013.7057%204.96466C14.779%204.96466%2015.0542%204.96466%2016.21%204.96466C16.21%203.83312%2016.2238%202.74401%2016.21%201.66905C16.1962%201.03256%2016.2375%200.424352%2016.898%200.113178C17.531-0.183852%2018.0263%200.113178%2018.5217%200.495073C21.5352%202.82888%2024.5624%205.16268%2027.5896%207.49649C28.6629%208.31686%2028.6491%209.13722%2027.5621%209.98588C24.5349%2012.3197%2021.5214%2014.6535%2018.4942%2016.9873C17.9988%2017.3692%2017.4897%2017.6662%2016.8567%2017.3409C16.2513%2017.0156%2016.1962%2016.4498%2016.21%2015.8275C16.2375%2014.7384%2016.2238%2013.6634%2016.2238%2012.3197Z%22%20fill%3D%22%23141414%22%2F%3E%3C%2Fsvg%3E);
}
.detail .news__origin:hover {
    color: #e10012;
    border-color: #e10012;
}
.detail .news__origin:hover:before,
.news__origin:hover:before {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2220%22%20viewBox%3D%220%200%2029%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.2238%2012.3197C13.5681%2012.3338%2012.3709%2012.1782%2010.0455%2012.6309C6.77057%2013.2815%204.11487%2015.6436%202.57374%2018.6988C2.00958%2019.8162%201.55549%2020.1415%200.839969%2019.9293C0.207004%2019.7454-0.0131575%2019.2787%200.000602587%2018.0623C0.055643%2012.9986%203.68831%207.77937%208.40803%205.95476C10.128%205.28998%2011.8893%204.97881%2013.7057%204.96466C14.779%204.96466%2015.0542%204.96466%2016.21%204.96466C16.21%203.83312%2016.2238%202.74401%2016.21%201.66905C16.1962%201.03256%2016.2375%200.424352%2016.898%200.113178C17.531-0.183852%2018.0263%200.113178%2018.5217%200.495073C21.5352%202.82888%2024.5624%205.16268%2027.5896%207.49649C28.6629%208.31686%2028.6491%209.13722%2027.5621%209.98588C24.5349%2012.3197%2021.5214%2014.6535%2018.4942%2016.9873C17.9988%2017.3692%2017.4897%2017.6662%2016.8567%2017.3409C16.2513%2017.0156%2016.1962%2016.4498%2016.21%2015.8275C16.2375%2014.7384%2016.2238%2013.6634%2016.2238%2012.3197Z%22%20fill%3D%22%23e10012%22%2F%3E%3C%2Fsvg%3E);
}
@media (max-width: 1199px) {
    .detail {
        margin: 180px 30px;
        max-width: none;
    }
}
@media (max-width: 768px) {
    .detail {
        margin: 140px 20px;
    }
    .detail .h2,
    .detail h2 {
        margin: 0 20px 8px;
    }
    .detail__img img {
        border-radius: 40px;
    }
}
@media (max-width: 350px) {
    .detail {
        margin: 140px 0;
    }
}
.exterior {
    max-width: 1328px;
    margin: 190px auto;
}
.exterior .h2,
.exterior h2 {
    text-align: center;
    margin-bottom: 30px;
}
.exterior__desc .desc,
.exterior__desc .name {
    text-align: center;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.exterior__desc .desc {
    color: #50535a;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    max-width: 551px;
    margin: 15px auto 60px;
}
.exterior__slider .owl-stage-outer {
    overflow: hidden;
    aspect-ratio: 1328/779;
    border-radius: 80px;
}
.exterior__slider .owl-stage-outer .owl-stage,
.exterior__slider .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
}
.exterior__slider .owl-dots {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
}
.exterior__slider .owl-dots .owl-dot {
    padding: 20px 0 !important;
}
.exterior__slider .owl-dots .owl-dot span {
    display: block;
    width: 70px;
    height: 5px;
    background: #d3d3d3;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.exterior__slider .owl-dots .owl-dot.active span {
    background: #959595;
}
.exterior__item {
    position: relative;
    height: 100%;
}
.exterior__img img {
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.exterior__tooltips {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.exterior__tooltips-button {
    position: absolute;
    z-index: 3;
    transform: translate(-50%, -50%);
}
.exterior__tooltips-button a svg,
.exterior__tooltips-item.active .exterior__tooltips-button a svg {
    fill: #e10012;
}
.exterior__tooltips-text {
    position: absolute;
    left: 70px;
    bottom: 90px;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    background: rgba(0, 0, 0, 0.41);
    padding: 0 5px;
}
.exterior__tooltips-item.active .exterior__tooltips-text {
    display: inline;
}
@media (max-width: 1728px) {
    .exterior {
        max-width: 1238px;
        margin: 190px auto;
    }
}
@media (max-width: 1365px) {
    .exterior {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .exterior {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .exterior {
        margin: 140px 20px;
    }
    .exterior .h2,
    .exterior h2 {
        margin: 0 20px 8px;
    }
    .exterior__slider .owl-stage-outer {
        border-radius: 40px;
    }
    .exterior__slider .owl-dots {
        gap: 20px;
    }
    .exterior__slider .owl-dots .owl-dot {
        padding: 20px 0 !important;
    }
    .exterior__slider .owl-dots .owl-dot span {
        width: 60px;
        height: 5px;
        border-radius: 5px;
    }
    .exterior__slider .owl-dots .owl-dot.active span {
        background: #959595;
    }
    .exterior__tooltips-button a svg {
        width: 36px;
        height: 36px;
    }
    .exterior__tooltips-text {
        left: 20px;
        bottom: 20px;
        font-size: 16px;
        padding: 0 5px;
    }
}
@media (max-width: 413px) {
    .exterior__slider .owl-dots {
        gap: 20px;
    }
    .exterior__slider .owl-dots .owl-dot span {
        width: 40px;
        height: 5px;
        border-radius: 5px;
    }
    .exterior__tooltips-button a svg {
        width: 30px;
        height: 30px;
    }
    .exterior__tooltips-text {
        left: 20px;
        right: 20px;
        bottom: 20px;
        font-size: 14px;
        padding: 0 5px;
        text-align: center;
    }
}
@media (max-width: 350px) {
    .exterior {
        margin: 140px 0;
    }
    .exterior__desc {
        margin: 0 10px;
    }
}
.footer {
    background: #141414;
}
.footer,
.footer a {
    color: #d3d3d3;
}
.footer__overlay {
    height: 100px;
    border-radius: 0 0 100px 100px;
    background: #fff;
    overflow: hidden;
}
.footer__wrapper {
    max-width: 1600px;
    margin: 126px auto 57px;
    display: flex;
    justify-content: space-between;
}
.footer__logo {
    margin: 0 160px 0 0;
    text-align: center;
}
.footer__logo a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer__logo a svg {
    display: block;
}
.footer-menu__list li a,
.footer__logo a span {
    display: block;
    color: #e10012;
    font-size: 16px;
}
.footer__menu {
    display: flex;
    width: calc(70% - 398px);
    justify-content: space-between;
}
.footer__contacts {
    width: 30%;
    margin-left: 160px;
}
.footer__bottom {
    max-width: 1600px;
    margin: auto;
    padding: 22px 0 28px;
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #353535;
}
.footer__copyright {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer__copyright-item,
.footer__copyright-item a {
    font-size: 17px;
    color: #959595;
}
.footer-contacts__phone a:hover,
.footer-menu__list li a:hover,
.footer__copyright-item a:hover {
    color: #e10012;
}
.footer__social {
    display: flex;
    gap: 30px;
    align-items: center;
}
.footer__social-item a svg {
    display: block;
    fill: #959595;
    transition: fill 0.3s;
}
.footer__social-item a:hover svg,
.social__item a:hover svg {
    fill: #af000e;
}
@media (max-width: 1728px) {
    .footer__wrapper {
        margin: 126px 64px 57px;
    }
    .footer__bottom {
        margin: 0 64px;
    }
}
@media (max-width: 1600px) {
    .footer__logo {
        margin: 0 45px 0 0;
    }
    .footer__menu {
        width: calc(75% - 233px);
    }
    .footer__contacts {
        width: 25%;
        margin-left: 110px;
    }
}
@media (max-width: 1199px) {
    .footer__wrapper {
        margin: 126px 30px 57px;
    }
    .footer__bottom {
        margin: 0 30px;
    }
}
@media (max-width: 991px) {
    .footer__logo {
        margin: 0 45px 0 0;
    }
    .footer__menu {
        width: calc(75% - 168px);
    }
    .footer__contacts {
        width: 25%;
        margin-left: 45px;
    }
}
@media (max-width: 768px) {
    .footer__overlay {
        height: 60px;
        border-radius: 0 0 60px 60px;
    }
    .footer__wrapper {
        margin: 28px 20px 0;
        flex-direction: column;
    }
    .footer__logo {
        margin: 0;
    }
    .footer__logo a span {
        font-size: 12px;
    }
    .footer__logo-img {
        width: 59px;
        height: 59px;
    }
    .footer__menu {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .footer__contacts {
        width: 100%;
        margin: 0;
    }
    .footer__bottom {
        margin: 20px 20px 0;
        border: 0;
        padding: 0 0 20px;
        position: relative;
    }
    .footer__social {
        position: absolute;
        left: 0;
        right: 0;
        top: -125px;
        justify-content: center;
    }
    .footer__copyright {
        width: 100%;
        flex-direction: column;
        gap: 5px;
    }
}
.cookie {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    gap: 10px;
    z-index: 100;
    border-radius: 10px;
}
.cookie__text {
    font-size: 16px;
    color: #fff;
}
.cookie__button a {
    display: block;
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
    background: rgba(255, 255, 255, 0.5);
}
.footer-contacts__name {
    font-size: 16px;
    font-family: GillSansBold;
    color: #959595;
    margin-bottom: 15px;
}
.footer-contacts__phone {
    margin-bottom: 8px;
}
.footer-contacts__phone a {
    font-size: 18px;
    font-family: GillSansBold;
    color: #f3f3f3;
}
.footer-contacts__callback {
    margin-bottom: 34px;
}
.footer-contacts__callback a {
    font-size: 17px;
    color: #e10012;
}
.footer-contacts__callback a:hover {
    color: #f3f3f3;
}
.footer-contacts__link {
    display: block;
}
.footer-contacts__link a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    width: 310px;
    height: 60px;
    /*background: 0 0;*/
    /*color: #fff;*/
    border: none
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;

    background: #e10012;
    color: #fff;
}
.footer-contacts__link a:hover {
    /*color: #141414;*/
    /*background: #fff;*/

    background: #af000e;
}
@media (max-width: 1600px) {
    .footer-contacts__link a {
        width: 100%;
        padding: 0 50px;
        text-align: center;
    }
}
@media (max-width: 991px) {
    .footer-contacts__link a {
        padding: 0 30px;
    }
}
@media (max-width: 768px) {
    .footer-contacts__name {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .footer-contacts__callback,
    .footer-contacts__phone {
        display: flex;
        justify-content: center;
    }
    .footer-contacts__link {
        margin-top: 60px;
    }
    .footer-contacts__link a {
        width: 100%;
    }
}
.footer-menu__name {
    font-size: 16px;
    font-family: GillSansBold;
    color: #959595;
    margin-bottom: 15px;
}
.footer-menu__list {
    padding: 0;
}
.footer-menu__list li {
    display: block;
    margin-bottom: 10px;
}
.footer-menu__list li a {
    color: #d3d3d3;
}
@media (max-width: 768px) {
    .footer-menu {
        margin-top: 20px;
    }
    .footer-menu__name {
        text-align: center;
        margin-bottom: 10px;
    }
    .footer-menu__list li {
        margin-bottom: 5px;
    }
    .footer-menu__list li a {
        text-align: center;
    }
}
body.no-scroll {
    overflow: hidden !important;
}
.form,
.form__bg {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.form {
    position: fixed;
    overflow: auto;
    z-index: 200;
}
.form__bg {
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.form__wrapper {
    width: 1140px;
    position: relative;
    z-index: 2;
    background: #fff;
    top: 100px;
    margin: auto;
    border-radius: 80px;
    padding: 66px 100px 80px;
}
.form__closer {
    position: absolute;
    top: 66px;
    right: 65px;
    z-index: 10;
}
.form__img,
.form__logo {
    position: absolute;
    z-index: 0;
}
.form__logo {
    top: 0;
    right: 171px;
    width: 96px;
    height: 209px;
    background: #e10012;
    display: flex;
    justify-content: center;
}
.form__logo svg {
    margin-top: 37px;
}
.form__img {
    right: 56px;
    top: 100px;
    width: 560px;
    height: auto;
}
.form__items {
    margin: 50px 0 0;
    position: relative;
    z-index: 10;
}
.form__line {
    display: flex;
    margin: 30px 0;
    gap: 0 28px;
    flex-wrap: wrap;
}
.form__line-name {
    width: 100%;
    font-size: 16px;
}
.form__item {
    width: calc(50% - 14px);
}
.form__item.two {
    width: 100%;
}
.form__agr,
.form__link a {
    display: flex;
    align-items: center;
}
.form__link a {
    justify-content: center;
    border-radius: 15px;
    width: 310px;
    height: 60px;
    background: #e10012;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.form__link a:hover {
    background: #af000e;
}
.form__agr.form__req,
.form__item.form__req {
    position: relative;
}
.form__agr {
    margin: 30px 0;
    gap: 10px;
}
.form__agr span {
    display: block;
    font-size: 16px;
    line-height: normal;
}
.form__agr.form__req.error:after,
.form__item.form__req.error:after {
    content: "Пожалуйста, заполните это поле";
    position: absolute;
    color: #e10012;
    font-size: 14px;
    left: 30px;
    top: calc(100% - 5px);
}
.select2-container--default .select2-selection--single,
textarea {
    background: #f3f3f3;
    border-radius: 20px;
    border: 1px solid #f3f3f3;
    height: 60px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    padding: 0 42px 0 30px;
    font-size: 16px;
    color: #50535a;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px;
}
.select {
    max-width: 100%;
    overflow: hidden;
}
textarea {
    display: block;
    width: 100%;
    height: 146px;
    padding: 21px 30px;
    resize: vertical;
}
input[type="text"]::placeholder,
textarea::placeholder {
    font-size: 16px;
    color: #50535a;
}
input[type="text"] {
    display: block;
    width: 100%;
    background: #f3f3f3;
    border-radius: 20px;
    border: 1px solid #f3f3f3;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    font-size: 16px;
    color: #50535a;
    font-family: "Montserrat", sans-serif;
}
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 28px;
    height: 28px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    transition: background-color 0.3s;
}
input[type="checkbox"]:hover {
    background-color: #f3f3f3;
}
input[type="checkbox"]:checked {
    background-color: #50535a;
    border-color: #50535a;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" viewBox="0 0 20 15" fill="none"><path d="M2 8.72222L6.86957 13L18 2" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
}
.header__line li.mob,
.interior__img .owl-nav button span,
input[type="radio"] {
    display: none;
}
label.radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
label.radio::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
}
input[type="radio"]:checked + label.radio::before {
    background-color: #87ceeb;
    border-color: #87ceeb;
}
@media (max-width: 1199px) {
    .form__wrapper {
        width: auto;
        top: 100px;
        margin: 0 20px;
        border-radius: 30px;
        padding: 25px 20px;
    }
    .form__wrapper .h3,
    .form__wrapper h3 {
        padding-right: 100px;
    }
    .form__closer {
        top: 43px;
        right: 30px;
        width: 25px;
        height: 25px;
    }
    .form__closer a,
    .form__closer a svg {
        display: block;
        width: 25px;
        height: 25px;
    }
    .form__img,
    .form__logo {
        display: none;
    }
    .form__items {
        margin: 0;
        position: relative;
        z-index: 10;
    }
    .form__line {
        display: flex;
        margin: 0;
        gap: 0 28px;
        flex-wrap: wrap;
    }
    .form__line-name {
        width: 100%;
        font-size: 16px;
    }
    .form__item {
        width: 100%;
        margin: 15px 0;
    }
    .form__link a {
        width: 100%;
    }
    .form__link a:hover {
        background: #af000e;
    }
    .form__agr {
        margin: 0 0 30px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .form__agr span {
        display: block;
        font-size: 16px;
        line-height: normal;
    }
    .form__agr.form__req.error:after,
    .form__item.form__req.error:after {
        content: "Пожалуйста, заполните это поле";
        position: absolute;
        color: #e10012;
        font-size: 14px;
        left: 30px;
        top: calc(100% - 5px);
    }
}
.header {
    width: 100%;
    height: 80px;
    position: sticky;
    top: 0;
    z-index: 21;
    background: #fff;
}
.header__shadow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 3;
    display: none;
    box-shadow: 0 2px 16px 0 rgba(80, 83, 90, 0.15);
}
.header__line ul,
.header__wrapper {
    max-width: 1520px;
    margin: auto;
    display: flex;
    align-items: center;
}
.header__wrapper {
    height: 80px;
    position: relative;
}
.header__line {
    background: #f3f3f3;
}
.header__line ul {
    justify-content: flex-end;
    gap: 20px;
    height: 26px;
}
.header__line li {
    display: block;
}
.header__line a {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #959595;
}
.header__line a:hover {
    color: #e10012;
}
.header__nav-opener {
    display: none;
    position: relative;
    z-index: 20;
}
.header__nav-opener-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 34px;
    height: 34px;
    padding: 8px 0;
}
.header__nav-opener-link span {
    height: 2px;
    background: #50535a;
    transition: transform 0.3s;
    transform: none;
}
.header__logo {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    z-index: 10;
    /*transform: translate(-50%, -50%);*/
    margin-right: 20px;
}
.header__logo-img,
.media__item span {
    display: block;
}
.header__nav-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 1648px) {
    .header__line ul,
    .header__wrapper {
        margin: 0 64px;
    }
}
@media (max-width: 1199px) {
    .header {
        height: 80px;
    }
    .header__wrapper {
        margin: 0 30px;
        height: 80px;
    }
    .header__line ul {
        margin: 0 30px;
    }
    .header__line ul li.mob {
        display: block;
    }
}
@media (max-width: 991px) {
    .header__logo-img {
        width: 51px;
        height: 51px;
    }
}
@media (max-width: 768px) {
    .header {
        height: 80px;
        top: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .header__wrapper {
        margin: 0;
        height: 80px;
        order: 1;
    }
    .header__line {
        display: none;
        order: 2;
        position: absolute;
        top: 100px;
        width: 100%;
        max-width: 300px;
        z-index: 10;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .header__line ul {
        flex-direction: column;
        height: auto;
        margin: 0;
    }
    .header__line ul li {
        width: 100%;
    }
    .header__line ul a {
        font-size: 16px;
        color: #141414;
    }
    .header__nav-opener {
        display: block;
        margin-left: 20px;
    }
    .header__logo-img {
        width: 51px;
        height: 51px;
        margin: 0 auto;
    }

    .header__logo {
        position: absolute;
        left: 0;
        right: 0;
    }

    .header__nav-wrapper {
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        background: #f3f3f3;
        flex-direction: column;
        justify-content: flex-start;
        gap: 20px;
        padding: 19px 20px 60px;
        z-index: 1;
        border-radius: 0 0 40px 40px;
    }
    .header.active .header__shadow {
        display: block;
    }
    .header.active .header__nav-opener span {
        display: none;
    }
    .header.active .header__nav-opener span:first-child {
        display: block;
        transform: rotate(45deg) translate(5.5px, 5.5px);
    }
    .header.active .header__nav-opener span:last-child {
        display: block;
        transform: rotate(-45deg) translate(5.5px, -5.5px);
    }
    .header.active .header__nav-wrapper {
        display: flex;
    }
    .header.active .header__line {
        display: block;
    }
}
.timeline {
    position: relative;
    margin: 190px auto;
    border-radius: 100px;
    max-width: 1600px;
}
.timeline__bg {
    transition: all 0.3s;
    border-radius: 100px;
    background: #f5f5f5;
    margin: auto;
}
.timeline__outer {
    position: relative;
    max-width: 1328px;
    margin: auto;
}
.timeline__wrapper {
    margin: 0 272px;
    position: relative;
    padding: 150px 0;
}
.timeline__line {
    position: absolute;
    top: 150px;
    left: -166px;
    bottom: 150px;
    width: 1px;
    background-color: #d3d3d3;
}
.timeline__line-inner {
    background-color: #e10012;
    width: 5px;
    position: relative;
    left: -2px;
    transition: all 0.1s;
    border-radius: 3px;
}
.timeline__info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.timeline__block {
    position: relative;
    padding: 70px 0 0;
    margin-bottom: 140px;
}
.timeline__block:last-child {
    margin-bottom: 0;
}
.timeline__year {
    position: absolute;
    top: 20px;
    left: -140px;
    color: #d3d3d3;
    font-size: 20px;
    line-height: 140%;
    transition: all 0.3s;
    display: flex;
    gap: 50px;
}
.timeline__year .year {
    width: 90px;
}
.timeline__year:before {
    content: "";
    position: absolute;
    left: -34px;
    top: 5px;
    width: 17px;
    height: 17px;
    border-radius: 9px;
    background: #141414;
    transition: all 0.3s;
    border: 3px solid #f5f5f5;
}
.timeline__block.visible .timeline__year {
    top: -10px;
    font-size: 42px;
    color: #141414;
}
.timeline__block.visible .timeline__year:before {
    top: 11px;
    left: -43px;
    width: 35px;
    height: 35px;
    border-radius: 18px;
    background: #e10012;
}
.timeline__image img {
    display: block;
    border-radius: 80px;
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(0.75);
    transform-origin: center left;
    transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.timeline__block.visible .timeline__image {
    width: 100%;
}
.timeline__block.visible .timeline__image img {
    transform: scale(1);
}
.timeline__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 24px;
    line-height: 140%;
    margin-top: 50px;
}
.timeline__desc {
    color: #50535a;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}
@media (max-width: 1728px) {
    .timeline {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .timeline {
        margin: 180px 30px;
    }
    .timeline,
    .timeline__bg,
    .timeline__image img {
        border-radius: 40px;
    }
    .timeline__wrapper {
        margin: 0 50px 0 100px;
        padding: 60px 0;
    }
    .timeline__line {
        top: 60px;
        left: -51px;
        bottom: 60px;
    }
    .timeline__block {
        padding: 0;
    }
    .timeline__year {
        position: relative;
        left: 0;
        display: block;
        margin-bottom: 16px;
    }
    .timeline__year .year {
        width: auto;
        display: inline-block;
    }
    .timeline__year .name {
        display: inline-block;
    }
    .timeline__year:before {
        left: -59px;
        top: 13px;
    }
    .timeline__block.visible .timeline__year,
    .timeline__year {
        top: 0;
        font-size: 32px;
    }
    .timeline__block.visible .timeline__year:before {
        top: 5px;
        left: -68px;
    }
}
@media (max-width: 768px) {
    .timeline {
        margin: 140px 20px;
    }
    .timeline__wrapper {
        margin: 0 50px;
        padding: 50px 0;
    }
    .timeline__line {
        top: 50px;
        left: -26px;
        bottom: 50px;
    }
    .timeline__block {
        position: relative;
        padding: 0;
        margin-bottom: 140px;
    }
    .timeline__block:last-child {
        margin-bottom: 0;
    }
    .timeline__block.visible .timeline__year,
    .timeline__year {
        top: -10px;
    }
    .timeline__year:before {
        left: -34px;
        width: 17px;
        height: 17px;
        border-radius: 9px;
        border: 3px solid #f5f5f5;
    }
    .timeline__block.visible .timeline__year:before {
        left: -35px;
        top: 13px;
        width: 19px;
        height: 19px;
        border-radius: 10px;
    }
}
@media (max-width: 575px) {
    .timeline__wrapper {
        margin: 0 20px 0 50px;
    }
}
@media (max-width: 350px) {
    .timeline {
        margin: 140px 0;
    }
}
.innovation-desc {
    margin: 200px auto;
}
.innovation-desc__name {
    color: #141414;
    text-align: center;
    font-family: GillSansBold;
    font-size: 42px;
    line-height: normal;
    margin-bottom: 12px;
}
.innovation-desc__desc {
    color: #50535a;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    max-width: 551px;
    margin: 0 auto;
}
.innovation-desc__desc-img {
    display: flex;
    align-items: center;
    gap: 85px;
    max-width: 1034px;
    margin: 60px auto 0;
}
@media (max-width: 1728px) {
    .innovation-desc {
        max-width: 1238px;
        margin: 130px auto;
    }
}
@media (max-width: 1365px) {
    .innovation-desc {
        margin: 130px 64px;
    }
}
@media (max-width: 1199px) {
    .innovation-desc {
        margin: 130px 30px;
    }
}
@media (max-width: 768px) {
    .innovation-desc {
        margin: 140px 20px;
    }
    .innovation-desc__name {
        font-size: 26px;
    }
    .innovation-desc__desc-img {
        flex-direction: column;
        gap: 30px;
    }
    .innovation-desc__desc-img img {
        display: block;
        max-width: 100%;
        height: auto;
    }
}
@media (max-width: 350px) {
    .innovation-desc {
        margin: 130px 10px;
    }
}
.interior {
    max-width: 1328px;
    margin: 190px auto;
}
.interior .h2,
.interior h2 {
    text-align: center;
    margin-bottom: 30px;
}
.interior__desc .desc,
.interior__desc .name {
    text-align: center;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.interior__desc .desc {
    color: #50535a;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    max-width: 551px;
    margin: 15px auto 60px;
}
.interior__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*gap: 11.5%;*/
}
.interior__item{
    width: 19%;
}
/*.interior__item:nth-of-type(4n + 1) {*/
/*    width: 50%;*/
/*    margin-top: 46px;*/
/*}*/
/*.interior__item:nth-of-type(4n + 2),*/
/*.interior__item:nth-of-type(4n + 3) {*/
/*    width: 38.5%;*/
/*    margin-top: 201px;*/
/*}*/
/*.interior__item:nth-of-type(4n) {*/
/*    width: 50%;*/
/*    margin-top: 46px;*/
/*}*/

.interior__img img {
    border-radius: 28px;
    display: block;
    width: 100%;
    height: auto;
}

.interior__img .owl-stage-outer {
    overflow: hidden;
}
.interior__img .owl-nav button,
.values-slider .owl-nav button {
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2219%22%20height%3D%2234%22%20viewBox%3D%220%200%2019%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17%202L2%2017L17%2032%22%20stroke%3D%22%23D3D3D3%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E) !important;
    display: block;
    width: 15px;
    height: 30px;
    border: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
.interior__img .owl-nav button.owl-next,
.values-slider .owl-nav button.owl-next {
    transform: rotateY(180deg) translate(0, -50%);
    left: auto;
    right: 10px;
}
/*.interior__img img {*/
/*    border-radius: 80px;*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/
.interior__item-desc {
    color: #50535a;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
    margin-top: 20px;
}
@media (max-width: 1728px) {
    .interior {
        max-width: 1238px;
        margin: 190px auto;
    }
}
@media (max-width: 1365px) {
    .interior {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .interior {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .interior {
        margin: 140px 20px;
    }
    .interior .h2,
    .interior h2 {
        margin: 0 20px 8px;
    }
    .interior__img img {
        border-radius: 40px;
    }
    .interior__item-desc {
        margin-top: 30px;
    }
    .interior__item-desc p {
        margin: 10px 0;
    }
}
@media (max-width: 575px) {
    .interior__desc .desc {
        margin: 3px auto 0;
    }
    /*.interior__list {*/
    /*    flex-direction: column;*/
    /*    gap: 5%;*/
    /*}*/
    .interior__img img {
        border-radius: 40px;
    }
}
@media (max-width: 350px) {
    .interior {
        margin: 140px 0;
    }
    .interior__desc,
    .interior__item-desc {
        margin: 30px 10px 0;
    }
}
.media {
    max-width: 1328px;
    margin: 190px auto;
}
.media .h2,
.media h2 {
    text-align: center;
}
.media__list {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    margin-top: 50px;
}
.media__item {
    width: calc(33.33333333% - 32px);
    position: relative;
}
.media__item .news__origin {
    height: 40px;
    padding: 0 20px;
    left: 30px;
}
.media__link,
.model-desc__props li span {
    display: block;
}
.media__img {
    aspect-ratio: 407/287;
    margin-bottom: 30px;
}
.media__img img {
    border-radius: 40px;
    display: block;
}
.media__date {
    position: absolute;
    left: 30px;
    top: 25px;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    height: 24px;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.3);
    display: flex !important;
    align-items: center;
}
.media__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 15px;
}
.media__desc,
.media__more a {
    color: #959595;
    font-size: 16px;
    line-height: 150%;
}
.media__desc ul {
    padding: 0 0 0 20px;
}
.media__more {
    margin-top: 50px;
}
.media__more a {
    display: flex;
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #50535a;
    color: #50535a;
    transition: all 0.3s;
}
.media__more a:hover {
    background-color: #50535a;
    color: #fff;
}
@media (max-width: 1728px) {
    .media {
        max-width: 1238px;
        margin: 190px auto;
    }
}
@media (max-width: 1365px) {
    .media {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .media {
        margin: 180px 30px;
    }
}
@media (max-width: 991px) {
    .media__item {
        width: calc(50% - 24px);
    }
}
@media (max-width: 768px) {
    .media {
        margin: 140px 20px;
    }
    .media__item {
        width: 100%;
    }
}
.mg5 {
    margin: 190px auto 170px;
    max-width: 1600px;
}
.mg5 .h2,
.mg5 h2 {
    text-align: center;
    margin-bottom: 50px;
}
.mg5__list .owl-stage-outer {
    border-radius: 100px;
}
.mg5__item,
.mg5__list .owl-stage-outer .owl-stage {
    display: flex;
}
.mg5__list .owl-stage-outer .owl-stage:after {
    display: none;
}
.mg5__list .owl-stage-outer .owl-stage .owl-item {
    float: none;
}
.mg5__item {
    position: relative;
    background: #f3f3f3;
}
.mg5__img {
    width: 50%;
}
.media__img img,
.mg5__img img {
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.mg5__right {
    width: 50%;
    display: flex;
    align-items: center;
}
.mg5__right p {
    width: 100%;
    padding: 0 40px 60px;
    font-size: 22px;
    line-height: 46px;
}
.mg5__bottom {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.mg5 .owl-dots,
.mg5__link a {
    display: flex;
    justify-content: center;
}
.mg5__link a {
    align-items: center;
    border-radius: 15px;
    width: 310px;
    height: 60px;
    background: #e10012;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.mg5__link a:hover {
    background: #af000e;
}
.mg5 .owl-dots {
    gap: 20px;
    margin-top: 10px;
}
.mg5 .owl-dots .owl-dot {
    padding: 20px 0 !important;
}
.mg5 .owl-dots .owl-dot span {
    display: block;
    width: 70px;
    height: 5px;
    background: #d3d3d3;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.mg5 .owl-dots .owl-dot.active span {
    background: #959595;
}
@media (max-width: 1728px) {
    .mg5 {
        margin: 190px 64px 170px;
    }
}
@media (max-width: 1199px) {
    .mg5 {
        margin: 180px 30px 160px;
    }
    .mg5__right p {
        padding: 0 20px 40px;
        font-size: 16px;
        line-height: 30px;
    }
    .mg5__bottom {
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .mg5 {
        margin: 140px 20px 120px;
    }
    .mg5 .h2,
    .mg5 h2 {
        margin: 0 20px 30px;
    }
    .mg5__list .owl-stage-outer {
        border-radius: 40px;
    }
    .mg5__item {
        flex-direction: column;
        height: 100%;
    }
    .mg5__img {
        width: 100%;
    }
    .mg5__right {
        width: 100%;
        padding: 40px 0 0;
    }
    .mg5__right p {
        padding: 0 40px 40px;
    }
    .mg5 .owl-dots {
        gap: 20px;
    }
    .mg5 .owl-dots .owl-dot {
        padding: 20px 0 !important;
    }
    .mg5 .owl-dots .owl-dot span {
        width: 60px;
        height: 5px;
        border-radius: 5px;
    }
    .mg5 .owl-dots .owl-dot.active span {
        background: #959595;
    }
}
@media (max-width: 413px) {
    .mg5 .owl-dots {
        gap: 20px;
    }
    .mg5 .owl-dots .owl-dot span {
        width: 40px;
        height: 5px;
        border-radius: 5px;
    }
}
@media (max-width: 350px) {
    .mg5 {
        margin: 140px 0 120px;
    }
}
.model-desc,
.model-desc__props li {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.model-desc {
    max-width: 1600px;
    margin: 190px auto;
}
.model-desc__name {
    color: #141414;
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-family: GillSansBold;
    line-height: normal;
}
.model-desc__desc {
    color: #50535a;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
    margin: 44px auto 120px;
    max-width: 550px;
}
.model-desc__props {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 785px;
}
.model-desc__props li {
    font-family: GillSansBold;
    font-size: 18px;
    gap: 15px;
}
.model-desc__props li span:first-child {
    font-family: GillSansBold;
    font-size: 42px;
    line-height: normal;
    color: #141414;
}
.model-desc__props li span:last-child {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: normal;
    color: #50535a;
}
@media (max-width: 1728px) {
    .model-desc {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .model-desc {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .model-desc {
        margin: 140px 20px;
    }
    .model-desc__name {
        font-size: 32px;
    }
    .model-desc__desc {
        font-size: 16px;
        margin: 8px auto 50px;
    }
    .model-desc__props {
        flex-direction: column;
        gap: 50px;
    }
    .model-desc__props li {
        gap: 8px;
    }
}
@media (max-width: 350px) {
    .model-desc {
        margin: 140px 10px;
    }
}
.model-parallax {
    max-width: 1600px;
    margin: 0 auto 190px;
}
.model-parallax .parallax {
    border-radius: 80px;
}
@media (max-width: 1728px) {
    .model-parallax {
        margin: 0 64px 190px;
    }
}
@media (max-width: 1199px) {
    .model-parallax {
        margin: 0 30px 180px;
    }
}
@media (max-width: 768px) {
    .model-parallax {
        margin: 0 20px 140px;
    }
    .model-parallax .parallax {
        border-radius: 40px;
        height: 570px;
    }
}
@media (max-width: 350px) {
    .model-parallax {
        margin: 0 0 140px;
    }
}
.models {
    margin: 190px 0;
}
.models .h2,
.models h2 {
    text-align: center;
    margin-bottom: 50px;
}
.models .owl-stage {
    display: flex;
}
.models .owl-item {
    float: none;
    display: flex;
    align-items: center;
}
.models .owl-item,
.models .owl-item.active,
/*.models .owl-item.center {*/
.models .owl-item {
    justify-content: center;
}
.models .owl-dots {
    max-width: 1600px;
    margin: 65px auto 0;
    display: flex;
}
.models .owl-dots .owl-dot {
    flex: 1;
    height: 7px;
    display: flex;
    align-items: center;
}
.models .owl-dots .owl-dot span {
    display: block;
    height: 1px;
    width: 100%;
    background: #d3d3d3;
}
.models .owl-dots .owl-dot.active span {
    height: 7px;
    border-radius: 3px;
}
.models__item {
    opacity: 0.5;
    transition: opacity;
    width: 50%;
    height: 50%;
}
.models__img img {
    display: block;
    max-width: 100%;
    height: auto;
}
.models__name {
    color: #e10012;
    font-family: GillSansBold;
    font-size: 32px;
    margin-top: 32px;
}
.models__bottom {
    display: flex;
    gap: 80px;
    margin-top: 5px;
    justify-content: space-between;
}
.models__desc {
    font-size: 18px;
    color: #50535a;
}
.models__props {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}
.models__props li {
    display: flex;
    align-items: center;
    font-family: GillSansBold;
    font-size: 18px;
    height: 21px;
    border-left: 1px solid #d3d3d3;
    padding-left: 15px;
}
.models__props li:first-child {
    border: 0;
    padding: 0;
}
.models__link {
    display: none;
}
.models__link a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    width: 240px;
    height: 60px;
    background: #fff;
    color: #50535a;
    border: 1px solid #50535a;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}
.models__link a:hover {
    color: #fff;
    background: #50535a;
}
/*.models .owl-item.center .models__item {*/
.models .owl-item .models__item {
    opacity: 1;
    width: 90%;
    height: auto;
    max-width: 1500px;
}
/*.models .owl-item.center .models__bottom,*/
/*.models .owl-item.center .models__name {*/
.models .owl-item .models__bottom,
.models .owl-item .models__name {
    margin-left: 75px;
    margin-right: 75px;
}
/*.models .owl-item.center .models__link,*/
.models .owl-item .models__link,
.nav__item.opened ul,
.nav__item.phone .nav__item-link,
.news__item span {
    display: block;
}
@media (max-width: 1728px) {
    .models .owl-dots {
        margin: 65px 64px;
    }
    /*.models .owl-item.center .models__bottom,*/
    /*.models .owl-item.center .models__name {*/
    /*    margin-left: 0;*/
    /*    margin-right: 0;*/
    /*}*/
}
@media (max-width: 1199px) {
    .models {
        margin: 0 30px;
    }
    .models .owl-dots {
        margin: 65px 0;
    }
    .models__item {
        opacity: 1;
        width: auto;
        height: auto;
    }
    .models__bottom,
    .models__name {
        margin-left: 75px;
        margin-right: 75px;
    }
    .models__bottom {
        justify-content: space-between;
    }
    .models__link {
        display: block;
    }
}
@media (max-width: 991px) {
    .models__bottom,
    .models__name {
        margin-left: 5px;
        margin-right: 5px;
    }
    .models__link {
        display: block;
    }
}
@media (max-width: 768px) {
    .models__bottom {
        gap: 20px;
        flex-direction: column;
    }
    .models__link {
        width: 100%;
    }
}
@media (max-width: 350px) {
    .models {
        margin: 0;
    }
}
.nav {
    display: flex;
    justify-content: space-between;
    /*gap: 60px;*/
    row-gap: 15px;
    padding: 0;
    align-items: center;
}
.nav__item {
    display: block;
    font-size: 16px;
    color: #959595;
    position: relative;
}
.nav__item ul {
    display: none;
    left: 0;
    border-radius: 0 0 40px 40px;
    padding-top: 0;
    min-width: 220px;
    overflow: hidden;
    position: absolute;
    top: 52px;
}
.nav__item .coolCarDetailContainer ul {
    left: 0;
    border-radius: 0 0 42px 42px;
    padding-top: 0;
    min-width: 420px;
    position: initial;
}
.nav__item ul li {
    background: #f3f3f3;
}
.nav__item ul li:last-child {
    /*padding-bottom: 30px;*/
}

.nav__item ul li.nav__item img {
    width: 140px;
    margin-bottom: -15px;
    margin-top: 5px;
    border-radius: 12px;
}

.nav__item-link {
    font-size: 16px;
    color: #141414;
    text-decoration: none;
    transition: color 0.3s;
}
.nav__item-link:hover {
    color: #e10012;
}
@media (max-width: 1365px) {
    /*.nav {*/
    /*    gap: 30px;*/
    /*}*/
}
@media (max-width: 1199px) {
    .nav__item.mob {
        display: none;
    }
}
@media (max-width: 991px) {
    /*.nav {*/
    /*    gap: 15px;*/
    /*}*/
    .nav__item,
    .nav__item-link {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .nav {
        flex-direction: column;
        /*gap: 20px;*/
        width: 100%;
        max-width: 340px;
    }
    .nav__item {
        font-size: 16px;
        color: #959595;
        text-align: left;
        width: 100%;
    }
    .nav__item ul {
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0 0 0 20px;
    }
    .nav__item ul li {
        padding: 0 !important;
        margin: 15px 0;
    }
    .nav__item ul li a,
    .nav__item-link {
        display: flex;
        justify-content: space-between;
    }
    .nav__item.parent > .nav__item-link:after {
        content: "";
        display: block;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2212%22%20viewBox%3D%220%200%2030%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.001%2011L29.001%206L24.001%201%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1%206L29%206%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E);
        width: 30px;
        height: 12px;
    }
    .nav__item.parent.opened > .nav__item-link:after {
        transform: rotate(90deg);
        width: 17px;
        background-position: 100%0;
    }
    .nav__item-link {
        font-size: 16px;
        color: #141414;
        text-decoration: none;
        transition: color 0.3s;
        line-height: 1;
    }
    .nav__item-link:hover {
        color: #141414;
    }
}
.new-dealer {
    max-width: 1056px;
    margin: 190px auto;
}
.new-dealer .h2,
.new-dealer h2 {
    text-align: center;
    margin-bottom: 30px;
}
.new-dealer__desc .desc {
    color: #50535a;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    max-width: 551px;
    margin: 15px auto 60px;
}
.new-dealer .form__agr {
    justify-content: center;
}
.new-dealer .form__link a {
    margin: auto;
}
@media (max-width: 1199px) {
    .new-dealer {
        margin: 180px 30px;
        max-width: none;
    }
}
@media (max-width: 768px) {
    .new-dealer {
        margin: 140px 20px;
    }
    .new-dealer .h2,
    .new-dealer h2 {
        margin: 0 20px 8px;
    }
}
@media (max-width: 350px) {
    .new-dealer {
        margin: 140px 0;
    }
}
.news {
    max-width: 1600px;
    margin: 190px auto;
}
.news .h2,
.news h2 {
    text-align: center;
}
.news__list {
    display: flex;
    flex-wrap: wrap;
    gap: 82px;
    margin-top: 50px;
}
.news__item {
    width: calc(50% - 41px);
    position: relative;
}
.news__origin {
    position: absolute;
    top: 20%;
    left: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    height: 66px;
    font-size: 16px;
    padding: 0 30px;
    transition: all 0.3s;
}
.news__origin:before {
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2220%22%20viewBox%3D%220%200%2029%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.2238%2012.3197C13.5681%2012.3338%2012.3709%2012.1782%2010.0455%2012.6309C6.77057%2013.2815%204.11487%2015.6436%202.57374%2018.6988C2.00958%2019.8162%201.55549%2020.1415%200.839969%2019.9293C0.207004%2019.7454-0.0131575%2019.2787%200.000602587%2018.0623C0.055643%2012.9986%203.68831%207.77937%208.40803%205.95476C10.128%205.28998%2011.8893%204.97881%2013.7057%204.96466C14.779%204.96466%2015.0542%204.96466%2016.21%204.96466C16.21%203.83312%2016.2238%202.74401%2016.21%201.66905C16.1962%201.03256%2016.2375%200.424352%2016.898%200.113178C17.531-0.183852%2018.0263%200.113178%2018.5217%200.495073C21.5352%202.82888%2024.5624%205.16268%2027.5896%207.49649C28.6629%208.31686%2028.6491%209.13722%2027.5621%209.98588C24.5349%2012.3197%2021.5214%2014.6535%2018.4942%2016.9873C17.9988%2017.3692%2017.4897%2017.6662%2016.8567%2017.3409C16.2513%2017.0156%2016.1962%2016.4498%2016.21%2015.8275C16.2375%2014.7384%2016.2238%2013.6634%2016.2238%2012.3197Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
    width: 29px;
    height: 20px;
    transition: all 0.3s;
}
.news__origin:hover {
    color: #e10012;
    border-color: #e10012;
}
.news__link,
.technologies__props li span {
    display: block;
}
.news__img {
    aspect-ratio: 760/480;
    margin-bottom: 30px;
}
.news__img img {
    border-radius: 40px;
    display: block;
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.news__date,
.news__more a {
    align-items: center;
    font-size: 16px;
}
.news__date {
    position: absolute;
    left: 40px;
    top: 35px;
    z-index: 2;
    color: #fff;
    line-height: 1;
    height: 24px;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.3);
    display: flex !important;
}
.news__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 18px;
    line-height: normal;
    margin: 0 30px 10px;
}
.news__desc {
    color: #959595;
    font-size: 17px;
    line-height: 150%;
    margin: 0 30px;
}
.news__more {
    margin-top: 50px;
}
.news__more a {
    display: flex;
    width: 100%;
    height: 60px;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #50535a;
    color: #50535a;
    line-height: 150%;
    transition: all 0.3s;
}
.news__more a:hover {
    background-color: #50535a;
    color: #fff;
}
@media (max-width: 1728px) {
    .news {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .news {
        margin: 180px 30px;
    }
    .news__list {
        gap: 50px;
    }
    .news__item {
        width: calc(50% - 25px);
    }
    .news__name {
        margin: 0 0 10px;
    }
    .news__desc {
        margin: 0;
    }
    .news .news__origin {
        height: 40px;
        padding: 0 20px;
        left: 30px;
        transform: translate(0, 40px);
    }
}
@media (max-width: 768px) {
    .news {
        margin: 140px 20px;
    }
    .news__item {
        width: 100%;
    }
}
@media (max-width: 350px) {
    .news__img img {
        border-radius: 30px;
    }
    .news__date {
        left: 20px;
        top: 20px;
    }
}
.promo {
    max-width: 1920px;
    margin: 16px auto 32px;
    border-radius: 32px;
    overflow: hidden;
    padding: 0 25px;
}
.promo.promo-for-media {
    max-width: 1600px;
    margin: 190px auto;
}
.promo.promo-for-media .owl-stage-outer {
    border-radius: 100px;
}
.promo__item {
    position: relative;
    overflow: hidden;
}
/*.promo__img {*/
/*    height: 700px;*/
/*}*/
.promo__img img {
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.promo__img img.haveMobile {

}

.promo__img img.mobile {
    display: none;
}

@media screen and (max-width: 640px)  {
    .promo__img img.haveMobile {
        display: none;
    }

    .promo__img img.mobile {
        display: block;
    }
}

.promo__subname {
    color: #fff;
    font-family: GillSansBold;
    font-size: 32px;
    line-height: normal;
}
.promo__subname.transparent {
    opacity: 0.5;
}
.promo__subname a {
    color: #fff;
}
.promo__name {
    color: #fff;
    margin-top: 20px;
}
.promo__name span:first-child {
    display: block;
    font-family: GillSansBold;
    font-size: 67px;
    line-height: normal;
}
.promo__name span:last-child {
    display: block;
    margin-top: -14px;
    font-family: GillSansBold;
    font-size: 96px;
    line-height: normal;
}

.promo .owl-dots,
.promo__link a {
    display: flex;
    justify-content: center;
}
.promo__link a {
    align-items: center;
    border-radius: 15px;
    width: 310px;
    height: 60px;
    background: #e10012;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.promo__link a:hover,
.request__link a:hover {
    background: #af000e;
}
.promo__desc {
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
}
.promo__logo {
    position: absolute;
}

.promo__taxi {
    width: 100px;
    margin-top: 10px;
}
.promo .owl-dots {
    gap: 20px;
    margin-top: 10px;
}
.promo .owl-dots .owl-dot {
    padding: 20px 0 !important;
}
.promo .owl-dots .owl-dot span {
    display: block;
    width: 70px;
    height: 5px;
    background: #d3d3d3;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.promo .owl-dots .owl-dot.active span {
    background: #959595;
}
@media (max-width: 1728px) {
    .promo.promo-for-media {
        margin: 190px 64px;
    }
}
@media (max-width: 1460px) {
    .promo {
        margin: 0 0 70px;
    }
    /*.promo__img {*/
    /*    height: 640px;*/
    /*}*/
}
@media (max-width: 1199px) {
    .promo {
        margin: 0 0 60px;
    }
    .promo.promo-for-media {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .promo {
        margin: 0 0 40px;
    }
    .promo.promo-for-media {
        margin: 140px 20px;
    }
    .promo.promo-for-media .owl-stage-outer {
        border-radius: 40px;
    }
    /*.promo__img {*/
    /*    height: 400px;*/
    /*}*/
    .promo__top {

    }
    .promo__subname {
        font-size: 20px;
        line-height: 28px;
    }
    .promo__name {
        margin-top: 11px;
    }
    .promo__name span:first-child {
        font-size: 41px;
        line-height: normal;
    }
    .promo__name span:last-child {
        margin-top: -10px;
        font-size: 62px;
        line-height: normal;
    }
    .promo__link a {
        width: 100%;
    }
    .promo__desc {
        margin-top: 10px;
    }
    .promo .owl-dots {
        gap: 20px;
    }
    .promo .owl-dots .owl-dot {
        padding: 20px 0 !important;
    }
    .promo .owl-dots .owl-dot span {
        width: 60px;
        height: 5px;
        border-radius: 5px;
    }
    .promo .owl-dots .owl-dot.active span {
        background: #959595;
    }
}
@media (max-width: 413px) {
    .promo .owl-dots {
        gap: 20px;
    }
    .promo .owl-dots .owl-dot span {
        width: 40px;
        height: 5px;
        border-radius: 5px;
    }
}
@media (max-width: 350px) {
    .promo {
        margin: 0 0 50px;
    }
    .promo.promo-for-media {
        margin: 140px 0;
    }
}
.request,
.request__link a {
    display: flex;
    align-items: center;
}
.request {
    max-width: 1600px;
    margin: 190px auto;
    flex-direction: column;
}
.request .h2,
.request h2 {
    text-align: center;
    margin-bottom: 30px;
}
.request p {
    font-size: 16px;
    text-align: center;
}
.request__link {
    margin-top: 50px;
}
.request__link a {
    justify-content: center;
    border-radius: 15px;
    width: 310px;
    height: 60px;
    background: #e10012;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
}
@media (max-width: 1728px) {
    .request {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .request {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .request {
        margin: 140px 20px;
    }
    .request .h2,
    .request h2 {
        margin: 0 20px 8px;
    }
    .request p {
        margin: 0 20px;
    }
    .request__link {
        margin-top: 30px;
        width: 100%;
    }
    .request__link a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        width: 100%;
        height: 60px;
        background: #e10012;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        transition: background-color 0.3s;
    }
    .request__link a:hover {
        background: #af000e;
    }
}
.social {
    max-width: 1328px;
    margin: 190px auto;
}
.social .h2,
.social h2,
.tabs-slider .h2,
.tabs-slider h2 {
    text-align: center;
}
.social__list {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
}
.social__item a svg {
    transition: fill 0.3s;
}
@media (max-width: 1728px) {
    .social {
        max-width: 1238px;
        margin: 190px auto;
    }
}
@media (max-width: 1365px) {
    .social {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .social {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .social {
        margin: 140px 20px;
    }
    .social__list {
        justify-content: space-around;
        gap: 0;
    }
}
@media (max-width: 350px) {
    .social {
        margin: 140px 0;
    }
}
.tabs-slider {
    max-width: 1328px;
    margin: 130px auto;
    padding: 0 0 130px;
    border-bottom: 1px solid #d3d3d3;
}
.tabs-slider__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 90px;
}
.tabs-slider.right .tabs-slider__name {
    margin-bottom: 50px;
}
.tabs-slider__wrapper {
    display: flex;
    gap: 8%;
}
.tabs-slider__image {
    width: 49%;
    overflow: hidden;
    height: 100%;
}
.tabs-slider__image .owl-stage {
    display: flex;
    align-items: flex-start;
}
.tabs-slider__image .owl-item {
    float: none;
    border-radius: 80px;
    overflow: hidden;
}
.tabs-slider__image-item img {
    width: 100%;
    height: auto;
}
.tabs-slider__text {
    width: 43%;
    color: #50535a;
    font-size: 16px;
    line-height: 140%;
}
.tabs-slider__text p,
.values-list__desc p {
    margin: 10px 0;
}
.tabs-slider__text ul {
    margin: 10px 0 10px 28px;
}
.tabs-slider__text li {
    margin: 8px 0;
    line-height: 140%;
}
.tabs-slider.right .tabs-slider__text {
    order: -1;
}
.tabs-slider__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
    margin-bottom: 30px;
}
.tabs-slider__tab {
    display: block;
    color: #d3d3d3;
    font-family: GillSansBold;
    font-size: 22px;
    line-height: 1;
    padding: 0 15px 0 0;
    border-right: 1px solid #d3d3d3;
    white-space: nowrap;
}
.tabs-slider__tab:last-child {
    padding: 0;
    border: 0;
}
.tabs-slider__tab:hover {
    cursor: pointer;
}
.tabs-slider__tab.active {
    color: #141414;
}
.tabs-slider__tabs.disabled {
    display: none;
}
.tabs-slider__desc .owl-dots {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 100px;
}
.tabs-slider__desc .owl-dots .owl-dot {
    padding: 20px 0 !important;
}
.tabs-slider__desc .owl-dots .owl-dot span {
    display: block;
    width: 70px;
    height: 5px;
    background: #d3d3d3;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.tabs-slider__desc .owl-dots .owl-dot.active span {
    background: #959595;
}
@media (max-width: 1728px) {
    .tabs-slider {
        max-width: 1238px;
        margin: 130px auto;
    }
}
@media (max-width: 1365px) {
    .tabs-slider {
        margin: 130px 64px;
    }
}
@media (max-width: 1199px) {
    .tabs-slider {
        margin: 130px 30px;
    }
}
@media (max-width: 768px) {
    .tabs-slider {
        margin: 140px 20px;
        border: 0;
        padding: 0;
    }
    .tabs-slider.right .tabs-slider__name,
    .tabs-slider__name {
        text-align: center;
        margin-bottom: 30px;
    }
    .tabs-slider__wrapper {
        flex-direction: column;
        align-items: center;
    }
    .tabs-slider__image {
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }
    .tabs-slider__image .owl-item {
        border-radius: 40px;
    }
    .tabs-slider__image-item,
    .tabs-slider__text {
        width: 100%;
    }
    .tabs-slider.right .tabs-slider__text {
        order: 1;
    }
    .tabs-slider__tabs {
        justify-content: center;
        gap: 5px 10%;
        margin-bottom: 30px;
    }
    .tabs-slider__tab {
        padding: 0;
        border-right: none;
    }
    .tabs-slider__desc .owl-dots {
        gap: 20px;
        margin-top: 0;
        justify-content: center;
    }
    .tabs-slider__desc .owl-dots .owl-dot {
        padding: 20px 0 !important;
    }
    .tabs-slider__desc .owl-dots .owl-dot span {
        width: 60px;
        height: 5px;
        border-radius: 5px;
    }
    .tabs-slider__desc .owl-dots .owl-dot.active span {
        background: #959595;
    }
}
@media (max-width: 413px) {
    .tabs-slider__desc .owl-dots {
        gap: 20px;
    }
    .tabs-slider__desc .owl-dots .owl-dot span {
        width: 40px;
        height: 5px;
        border-radius: 5px;
    }
}
@media (max-width: 350px) {
    .tabs-slider {
        margin: 130px 10px;
    }
}
.technologies {
    max-width: 1328px;
    margin: 190px auto 100px;
}
.technologies .h2,
.technologies h2 {
    text-align: center;
    margin-bottom: 30px;
}
.technologies__desc .desc,
.technologies__desc .name {
    text-align: center;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.technologies__desc .desc {
    color: #50535a;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    max-width: 551px;
    margin: 15px auto 60px;
}
.technologies__slider .owl-dots {
    position: absolute;
    top: 779px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
}
.technologies__slider .owl-dots .owl-dot {
    padding: 20px 0 !important;
}
.technologies__slider .owl-dots .owl-dot span {
    display: block;
    width: 70px;
    height: 5px;
    background: #d3d3d3;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.technologies__slider .owl-dots .owl-dot.active span {
    background: #959595;
}
.technologies__img {
    aspect-ratio: 1328/779;
    border-radius: 80px;
    overflow: hidden;
}
.technologies__img img {
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.technologies__name {
    margin: 105px auto 0;
    color: #141414;
    text-align: center;
    font-family: GillSansBold;
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
}
.technologies__props {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 785px;
    margin: 40px auto 0;
}
.technologies__props li {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: GillSansBold;
    font-size: 18px;
    gap: 15px;
}
.technologies__props li span:first-child {
    font-family: GillSansBold;
    font-size: 42px;
    line-height: normal;
    color: #141414;
    text-align: center;
}
.technologies__props li span:last-child {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: normal;
    color: #50535a;
    text-align: center;
}
@media (max-width: 1728px) {
    .technologies {
        max-width: 1238px;
        margin: 190px auto;
    }
    .technologies__slider .owl-dots {
        top: 726px;
    }
}
@media (max-width: 1365px) {
    .technologies {
        margin: 190px 64px;
    }
    .technologies__slider .owl-dots {
        top: calc((100vw - 128px) * 779 / 1328);
    }
}
@media (max-width: 1199px) {
    .technologies {
        margin: 180px 30px;
    }
    .technologies__slider .owl-dots {
        top: calc((100vw - 60px) * 779 / 1328);
    }
}
@media (max-width: 768px) {
    .technologies {
        margin: 140px 20px;
    }
    .technologies .h2,
    .technologies h2 {
        margin: 0 20px 8px;
    }
    .technologies__slider .owl-dots {
        top: calc((100vw - 40px) * 779 / 1328);
        gap: 20px;
    }
    .technologies__slider .owl-dots .owl-dot {
        padding: 20px 0 !important;
    }
    .technologies__slider .owl-dots .owl-dot span {
        width: 60px;
        height: 5px;
        border-radius: 5px;
    }
    .technologies__slider .owl-dots .owl-dot.active span {
        background: #959595;
    }
    .technologies__img {
        aspect-ratio: 1328/779;
        border-radius: 40px;
    }
    .technologies__name {
        margin: 65px auto 0;
        color: #141414;
        text-align: center;
        font-family: GillSansBold;
        font-size: 24px;
        font-style: normal;
        line-height: 140%;
    }
    .technologies__props {
        flex-direction: column;
        gap: 30px;
        margin: 18px auto 0;
    }
    .technologies__props li {
        gap: 5px;
    }
    .technologies__props li span:first-child {
        font-size: 32px;
    }
    .technologies__props li span:last-child {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .technologies__slider .owl-dots {
        top: calc((100vw - 40px) * 1 / 1);
    }
    .technologies__img {
        aspect-ratio: 1/1;
    }
}
@media (max-width: 413px) {
    .technologies__slider .owl-dots {
        gap: 20px;
    }
    .technologies__slider .owl-dots .owl-dot span {
        width: 40px;
        height: 5px;
        border-radius: 5px;
    }
}
@media (max-width: 350px) {
    .technologies {
        margin: 140px 0;
    }
    .technologies__slider .owl-dots {
        top: 100vw;
    }
}
@media (max-width: 320px) {
    .technologies {
        margin: 140px 0;
    }
    .technologies__slider .owl-dots {
        top: 320px;
    }
    .technologies__name {
        margin: 65px 10px 0;
    }
    .technologies__desc {
        margin: 0 10px;
    }
}
.values-desc {
    margin: 200px auto;
}
.values-desc__name {
    color: #141414;
    text-align: center;
    font-family: GillSansBold;
    font-size: 42px;
    line-height: normal;
    margin-bottom: 12px;
}
.values-desc__desc {
    color: #50535a;
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    max-width: 551px;
    margin: 0 auto;
}
@media (max-width: 1728px) {
    .values-desc {
        max-width: 1238px;
        margin: 130px auto;
    }
}
@media (max-width: 1365px) {
    .values-desc {
        margin: 130px 64px;
    }
}
@media (max-width: 1199px) {
    .values-desc {
        margin: 130px 30px;
    }
}
@media (max-width: 768px) {
    .values-desc {
        margin: 140px 20px;
    }
}
@media (max-width: 350px) {
    .values-desc {
        margin: 130px 0;
    }
}
.values-list {
    max-width: 1600px;
    margin: 180px auto;
}
.values-list__item {
    display: flex;
    align-items: center;
    margin: 180px 0;
    gap: 6%;
}
.values-list__img {
    width: 60%;
}
.values-list__img img {
    border-radius: 80px;
    display: block;
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.values-list__text {
    width: 34%;
}
.values-list__item.right .values-list__text {
    order: -1;
}
.values-list__name {
    color: #141414;
    font-family: GillSansBold;
    font-size: 42px;
    line-height: normal;
    margin-bottom: 12px;
}
.values-list__desc,
.values-list__link a span {
    color: #50535a;
    font-size: 16px;
    line-height: 140%;
}
.values-list__link {
    margin-top: 50px;
}
.values-list__link a {
    display: flex;
    align-items: center;
    gap: 15px;
}
.values-list__link a span {
    display: block;
    line-height: 150%;
    transition: all 0.3s;
}
.values-list__link a svg,
.video video {
    display: block;
}
.values-list__link a:hover span {
    color: #141414;
}
@media (max-width: 1728px) {
    .values-list {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .values-list {
        margin: 180px 30px;
    }
    .values-list__item {
        align-items: flex-start;
    }
    .values-list__img {
        width: 44%;
    }
    .values-list__text {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .values-list {
        margin: 140px 20px;
    }
    .values-list__item {
        flex-direction: column;
        margin: 140px 0;
    }
    .values-list__img,
    .values-list__text {
        width: 100%;
    }
    .values-list__img img {
        border-radius: 40px;
    }
    .values-list__item.right .values-list__text {
        order: 1;
    }
    .values-list__name {
        margin-top: 30px;
        font-size: 32px;
    }
    .values-list__link {
        margin-top: 30px;
    }
}
@media (max-width: 350px) {
    .values-list {
        margin: 140px 0;
    }
}
.values-slider {
    max-width: 1328px;
    margin: 190px auto 240px;
}
.values-slider__item {
    position: relative;
}
.values-slider__img {
    border-radius: 80px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1329/760;
}
.values-slider__img img {
    max-width: none;
    max-height: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.values-slider .owl-nav button span {
    display: none;
}
.values-slider .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
    gap: 20px;
}
.values-slider .owl-dots .owl-dot {
    padding: 0 !important;
}
.values-slider .owl-dots .owl-dot span {
    display: block;
    width: 20px;
    height: 20px;
    background: #d3d3d3;
    border-radius: 50%;
    transition: background-color 0.3s;
}
.values-slider .owl-dots .owl-dot.active span {
    background: #50535a;
}
@media (max-width: 1365px) {
    .values-slider {
        margin: 130px 64px 180px;
    }
}
@media (max-width: 1199px) {
    .values-slider {
        margin: 130px 30px 180px;
    }
}
@media (max-width: 768px) {
    .values-slider {
        margin: 130px 20px 170px;
    }
    .values-slider__img {
        border-radius: 40px;
    }
    .values-slider .owl-dots {
        gap: 10px;
        bottom: -40px;
    }
    .values-slider .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
    }
}
@media (max-width: 413px) {
    .values-slider {
        margin: 130px 20px 165px;
    }
    .values-slider .owl-dots {
        gap: 5px;
        bottom: -35px;
    }
    .values-slider .owl-dots .owl-dot span {
        width: 5px;
        height: 5px;
    }
}
@media (max-width: 350px) {
    .values-slider {
        margin: 130px 0 165px;
    }
}
.video {
    max-width: 1328px;
    margin: 0 auto 190px;
    border-radius: 100px;
    overflow: hidden;
}
.video .h2,
.video h2 {
    text-align: center;
}
.video video {
    width: 100%;
    aspect-ratio: 1280/720;
}
@media (max-width: 1728px) {
    .video {
        max-width: 1238px;
        margin: 190px auto;
    }
}
@media (max-width: 1365px) {
    .video {
        margin: 190px 64px;
    }
}
@media (max-width: 1199px) {
    .video {
        margin: 180px 30px;
    }
}
@media (max-width: 768px) {
    .video {
        margin: 140px 20px;
    }
}
@media (max-width: 350px) {
    .video {
        margin: 140px 0;
    }
}


nav.header__nav-wrapper{
    width: 100%;
}

nav.header__nav-wrapper > ul.nav{
    width: 100%;
}

nav.header__nav-wrapper > ul.nav .nav__item.phone{
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: center;
}

.nav__item {
    white-space: nowrap;
}

@media (max-width: 380px) {
    .nav__item ul {
         padding: 0;
    }

    .nav__item ul li a {
        padding: 10px 20px 10px 0;
        margin-right: 30px;
    }
}

.nav__item.parent.opened .coolCarDetailContainer{
    display: flex;
}

.coolCarDetailContainer {
    display: none;
    position: absolute;
    left: -90px;
    padding-top: 27px;
}

.coolCarDetail {
    width: 700px;
    background: #f3f3f3;
    display: flex;
    border-radius: 0 0 40px 0;
    background-position: right bottom;
    background-size: cover;
    flex-direction: column;
    padding: 20px;
    justify-content: space-between;
}

.coolCarDetail .modelName,
.coolCarDetail .modelStartPrice,
.coolCarDetail .modelSubDesc,
.coolCarDetail .modelSpecs,
.coolCarDetail .btnDetail{
    color: #fff;
    text-shadow: 1px 1px 18px #00000075;
    line-height: 1.15;
}

.coolCarDetail .modelName{
    font-size: 38px;
}

.coolCarDetail .modelStartPrice{
    font-size: 28px;
}

.coolCarDetail .btnDetail {
    align-items: center;
    border-radius: 15px;
    width: 140px;
    height: 45px;
    background: #e10012;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
    display: flex;
    justify-content: center;
}

.coolCarDetail .btnDetail:hover{
    background: #af000e;
}

.header__nav-wrapper .nav .coolCarDetailContainer .coolCarDetail{
    display: none;
}

.header__nav-wrapper .nav .coolCarDetailContainer .coolCarDetail:nth-of-type(1){
    display: flex;
}


@media (max-width: 1030px) {
    .header__nav-wrapper .nav .coolCarDetailContainer .coolCarDetail {
        display: none !important;
    }

    .nav__item ul li.nav__item img {
        width: 100px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .nav__item ul li a {
        padding: 10px 20px;
        font-size: 16px;
        width: 100%;
    }

    .nav__item ul {
        border-radius: 0 0 40px 40px;
    }

    .coolCarDetailContainer {
        position: relative;
        left: -10px;
        padding-top: 0;
    }
}

.decor_triangle {
    position: absolute;
    width: auto;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.models__item .promo__link a{
    border: none;
    width: 240px;
    height: 60px;
    margin-top: 16px;
}

.models__item .models__img img{
    max-width: 700px;
    margin: 0 auto;
    border-radius: 32px;
}

@media (max-width: 1200px) {
    .interior__item {
        width: 32%;
    }
}

@media (max-width: 768px) {
    .decor_triangle {
        height: 50%;
    }

    .interior__item{
        width: 49%;
    }

    .nav__item .coolCarDetailContainer ul li a {
        padding: 10px 10px 25px 10px;
    }
}

.contacts_pointList {
    position: absolute;
    z-index: 100;
    right: 0;
    width: 400px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
    padding: 25px 0 25px 20px;
    box-shadow: 1px 1px 20px 0px #00000026;
}

.contacts_pointList .search_point{

}

.contacts_pointList .search_point input {
    background: white;
    width: 90%;
    height: 50px;
    border: 1px solid #e3e3e3;
    border-radius: 11px;
    line-height: 45px;
}

.contacts_pointList .points{
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    scrollbar-color: lightgrey transparent;
    scrollbar-width: thin;
    padding: 0 7px 0 0;
}

.contacts_pointList .points .point{
    line-height: 1.1;
    padding: 16px 0;
    padding: 16px 0;
    border-bottom: 1px solid #00000026;
}

.contacts_pointList .points .point .pointName {
    font-size: 22px;
    margin: 0 0 2px 0;
}

.contacts_pointList .points .point p {
    margin: 12px 0;
}

.contacts_pointList .points .point .pointAddress{
    font-size: 14px;
}

.contacts_pointList .points .point .pointPhone{
    font-size: 14px;
}

.contacts_pointList .points .point .pointEmail{
    font-size: 14px;
}

.contacts_pointList .points .point .pointViewOnMap {
    text-decoration: underline;
    margin: 12px 0 5px 0;
    padding-left: 22px;
    position: relative;
    cursor: pointer;
}

.contacts_pointList .points .point .pointViewOnMap::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/bitrix/templates/gm/images/map_point.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}



.test_drive .form__item {
    width: 100%;
}

.test_drive form {
    display: flex;
    justify-content: space-between;
}

.test_drive .form__wrapper {
    padding: 0;
    overflow: hidden;
}

.test_drive .form__wrapper .form_content {
    padding: 66px 100px 80px 0;
    width: 45%;
}

.test_drive .form__wrapper .form_custom_img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 52%;
    max-height: 720px;
}

.test_drive .form__wrapper .form_custom_img img {
    width: 100%;
}

.test_drive:not(.form_via_page) .form__wrapper .form_custom_img img {
    width: auto;
    height: 100%;
}

@media (max-width: 992px) {
    .contacts__map {
        min-height: 664px;
        height: 100%;
    }

    .contacts__map .prog_yandex_map{
        height: 664px;
    }

    .contacts__wrapper {
        border-radius: 20px;
    }

    .contacts_pointList {
        position: relative;
        width: 100%;
        height: 620px;
        padding: 25px 30px;
    }

    .contacts_pointList .search_point input {
        width: 100%;
        margin-bottom: 20px;
    }

    .test_drive .form__wrapper .form_custom_img {
        display: none;
    }

    .test_drive .form__wrapper .form_content {
        padding: 66px 100px 80px 100px;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .test_drive .form__wrapper .form_content {
        padding: 40px 20px;
    }

    .test_drive .form__wrapper  .h3, .test_drive .form__wrapper  h3 {
        padding-right: 40px;
    }
}

.nav__item.opened ul {
    padding-top: 32px;
    margin-top: -32px;
}

.interior__img {
    height: 132px;
    overflow: hidden;
    border-radius: 28px;
    display: flex;
    align-items: center;
}

@media (max-width: 1200px) {
    .interior__img {
        height: 160px;
        overflow: hidden;
        border-radius: 28px;
        display: flex;
        align-items: center;
    }

    .interior__item:nth-of-type(4),
    .interior__item:nth-of-type(5){
        width: 49%;
    }
}

@media (max-width: 768px) {
    .interior__img {
        height: 110px;
        overflow: hidden;
        border-radius: 28px;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .interior__img img {
        border-radius: 0;
    }

    .interior__item {
        width: 47%;
    }
}

@media (max-width: 420px) {
    .interior__item {
        width: 90%;
        margin: 4px auto;
    }

    .interior__item:nth-of-type(4),
    .interior__item:nth-of-type(5){
        width: 90%;
        margin: 4px auto;

    }
}

.auto-instock.catalog_page{
    padding: 0 25px;
}

.auto-instock .filters{
    display: flex;
    flex-direction: column;
    margin-bottom: 42px;
}

.auto-instock .filters > p{
    font-size: 18px;
}

.auto-instock .filter_list{
    display: flex;
}

.auto-instock .filter_list > p{
    margin-right: 12px;
    padding: 3px 26px;
    border: 1.4px solid black;
    border-radius: 32px;
    cursor: pointer;
}

.auto-instock .filter_list > p.active{
    color: #d2141a;
    border-color: #d2141a;
}

.auto-instock__list.catalog {
    height: auto;
    max-width: initial;
    margin: auto;
    position: relative;
    padding-bottom: 95px;
    overflow: initial;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.auto-instock__list.catalog .auto-instock__list-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}



.auto-instock__list.catalog .auto-instock__list-wrapper .auto-instock__item {
    width: 30%;
    margin: 20px 3% 20px 0;
}



@media (max-width: 1200px) {
    .auto-instock__list.catalog .auto-instock__list-wrapper .auto-instock__item {
        width: 47%;
    }
}

@media (max-width: 768px) {
    .auto-instock__list.catalog .auto-instock__list-wrapper .auto-instock__item {
        width: 100%;
    }

    .auto-instock__list.catalog .auto-instock__list-wrapper .auto-instock__item .model-desc__props {
        flex-direction: row;
        gap: initial;
    }
}

@media (max-width: 560px) {
    .auto-instock .filter_list {
        flex-wrap: wrap;
    }

    .auto-instock .filter_list > p {
        margin-bottom: 12px;
    }
}

.cam360{
    width: 80% !important;
    height: auto !important;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 0.75;
    border-radius: 72px;
}

.form_via_page {
    position: relative;
    margin: 75px 0 200px;
    z-index: 1;
}

.form_via_page .form__wrapper {
    z-index: 1;
    top: 0;
}


.form_via_page form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form_via_page .form__wrapper .form_custom_img {
    width: 100%;
    max-height: 620px;
    border-radius: 82px;
}

.form_via_page .form__wrapper .form_content {
    padding: 50px 0 80px 0;
    width: 80%;
    margin: 0 auto;
}

.open_price_in_model{
    margin-top: 90px;
    padding: 25px 56px;
    font-size: 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #e10012;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.open_price_in_model:hover {
    background: #af000e;
    color: #fff;
}

.color_list{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.rounded_color{
    width: 32px;
    height: 32px;
    border-radius: 500px;
    display: block;
    margin: 5px 10px;
    cursor: pointer;
    border: .5px solid #000000b5;
}

.rounded_color.red{
 background: #d2141a;
}

.rounded_color.black{
    background: #141414;
}

.rounded_color.gray{
    background: #718096;
}

.rounded_color.darkgray{
    background: #50535a;
}

.rounded_color.blue{
    background: #0000FF;
}

.rounded_color.white{
    background: #FFF;
}

.rounded_color.goluboi{
    background: #1392f5;
}

.rounded_color.orange{
    background: #ff9122;
}


.auto-instock__list.catalog .docs{
    display: flex;
    flex-direction: column;
}

.auto-instock__list.catalog .docs .doc{
    width: 100%;
    padding: 20px 15px;
    font-size: 17px;
    background: #d2141a;
    color:#fff;
    margin-bottom: 15px;
    text-align: center;
    transition: .2s ease-in-out;
}

.auto-instock__list.catalog .docs .doc:hover{
    background: #b01217;
}

.anotherServiceLinks{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 140px;
}

.anotherServiceLinks .specialLink{
    display: flex;
    flex-direction: column;
    padding: 22px;
    position: relative;
    overflow: hidden;
    margin: 20px 2% 20px 0;
    width: 23%;
    aspect-ratio: 0.75;
    min-height: 320px;
}

.anotherServiceLinks .specialLink:hover img{
    filter: brightness(1);
    transform: scale(1.1);
}

.anotherServiceLinks .specialLink p{
    font-size: 28px;
    color: #fff;
}

.anotherServiceLinks .specialLink img{
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    z-index: -1;
    filter: brightness(0.9);
    transform: scale(1);
    transition: .3s ease-in-out;
    left: -40%;
}

@media screen and (max-width: 992px) {
    .anotherServiceLinks .specialLink{
        padding: 22 15px;
        margin: 20px 1% 20px 0;
        width: 48%;
        aspect-ratio: 0.75;
        min-height: 200px;
    }

    .anotherServiceLinks .specialLink p{
        font-size: 20px;
        color: #fff;
    }
}

@media screen and (max-width: 520px) {
    .anotherServiceLinks .specialLink{
        padding: 22 15px;
        margin: 20px 0 20px 0;
        width: 100%;
        aspect-ratio: 0.75;
        min-height: 200px;
    }

    .anotherServiceLinks .specialLink p{
        font-size: 20px;
        color: #fff;
    }
}

.complect_chooser {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.complect_chooser .complect_chooser_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    width: 310px;
    height: 60px;
    background: #e10012;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.3s;
    cursor: pointer;
    margin: -140px 0 0 0;
}

.complect_chooser .complect_chooser_btn:hover {
    background: #af000e;
}

.table_complection{

}

.table_complection table{
    width: 97%;
}

.table_complection tr {
    border: 1px solid black;
}

.table_complection th {
    border: 1px solid #c8c8c8;
    text-align: center;
}

.table_complection td {
    border: 1px solid #c8c8c8;
    text-align: center;
}


@media screen and (max-width: 480px) {

    .promo__img img {
        filter: brightness(0.8);
    }

    .model-parallax .parallax {
        border-radius: 40px;
        height: 250px;
        padding: 0 5px;
    }

    section.models .owl-item .models__bottom, .models .owl-item .models__name {
        margin-left: 0;
        margin-right: 0;
    }

    section.models .models__link a {
        width: 100%;
        height: 55px;
    }


    section.models .models__item .promo__link a {
        border: none;
        width: 100%;
        height: 55px;
        margin-top: 12px;
    }

    .action__img {
        height: 200px;
    }

    .actions__item {
        margin-top: 40px;
        border-top: 1px solid #d3d3d3;
        padding-top: 30px;
    }

    .promo {
        margin: 0 0 20px;
        padding: 0 15px;
    }
}

.nav__item.phone .svg_icon{
    width: 16px;
    height: 16px;
    margin-right: 12px;
}

.nav__item.phone .flex{
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1100px) {
    .nav__item.phone .svg_icon{
        display: none;
    }

    nav.header__nav-wrapper > ul.nav .nav__item.phone{
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .nav__item-link {
        font-size: 14px;
    }

    .nav__item.phone .nav__item-link.prog_callback{
        font-size: 14px;
    }
}

@media screen and (max-width: 420px) {
    .nav__item .coolCarDetailContainer ul li a {
        padding: 10px 0px 25px 0px;
    }
}

.auto-instock__item .auto-instock__button a {
    width: 100%;
}

.auto-instock__item .auto-instock__button:nth-of-type(even) a {
    color: #e10012;
    border-color: #e10012;
}

.auto-instock__item .auto-instock__button:nth-of-type(even) a:hover {
    color: #fff !important;
    background: #d30011;
}

.auto-instock__desc {
    min-height: 130px;
}

.mobile_header_call {
    display: none;
    width: 32px;
    position: absolute;
    right: 24px;
    margin-top: 8px;
    z-index: 100;
}

.mobile_header_call svg{
    width: 100%;
    fill: #d2141a;
}

@media screen and (max-width: 767px) {
    .mobile_header_call{
        display: block;
    }
}

.grecaptcha-badge {
    display: none !important;
}

.promo .owl-item{
    border-radius: 32px;
    overflow: hidden;
}
.promo_content {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 32px;
    bottom: 0;
    margin: auto;
    height: fit-content;
    display: flex;
    flex-direction: column;
}
.promo__top {
    margin-bottom: 12px;
    max-width: 50%;

}
.promo__bottom {

}

.promo__logo_left_top{
    left: 60px;
    top: 48px;
}

.promo__logo_right_top {
    right: 60px;
    top: 48px;
}

.promo__logo_left_bottom{
    left: 60px;
    bottom: 48px;
}

.promo__logo_right_bottom{
    right: 60px;
    bottom: 48px;
}


.promo_content.left{
    align-items: flex-start;
    text-align: left;
}

.promo_content.center{
    align-items: center;
    text-align: center;
}

.promo_content.right{
    align-items: flex-end;
    text-align: right;
}

@media (max-width: 1199px) {
    .promo__top {
        max-width: 100%;
    }

    .promo__logo_left_top{
        left: 24px;
        top: 24px;
    }
    .promo__logo_left_top img{
        width: 61px;
        height: 61px;
    }

    .promo__logo_right_top {
        right: 24px;
        top: 24px;
    }
    .promo__logo_right_top img{
        width: 61px;
        height: 61px;
    }

    .promo__logo_left_bottom{
        left: 24px;
        bottom: 24px;
    }
    .promo__logo_left_bottom img{
        width: 61px;
        height: 61px;
    }

    .promo__logo_right_bottom{
        right: 24px;
        bottom: 24px;
    }
    .promo__logo_right_bottom img{
        width: 61px;
        height: 61px;
    }
}

@media (max-width: 992px) {
    .promo__subname {
        font-size: 24px !important;
    }

    .promo__bottom .promo__link a{
        width: initial;
        height: initial;
        padding: 12px 32px;
    }

    .promo_content {
        padding: 12px;
    }
}

@media (max-width: 640px) {
    .promo__subname {
        font-size: 16px !important;
        max-height: 120px;
        overflow: hidden;
        line-height: 1.1;
    }

    .promo__bottom .promo__link a {
        padding: 8px 12px;
    }

    .promo__logo_left_top img{
        width: 32px;
        height: 32px;
    }
    .promo__logo_right_top img{
        width: 32px;
        height: 32px;
    }
    .promo__logo_left_bottom img{
        width: 32px;
        height: 32px;
    }
    .promo__logo_right_bottom img{
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 379px) {
    .promo__subname {
        font-size: 12px !important;
        max-height: 120px;
        overflow: hidden;
        line-height: 1.1;
        font-weight: 100;
    }

    .promo__bottom .promo__link a {
        padding: 1px 12px;
        font-size: 12px;
    }

    .promo__logo_left_top{
        left: 12px;
        top: 12px;
    }
    .promo__logo_right_top {
        right: 12px;
        top: 12px;
    }
    .promo__logo_left_bottom{
        left: 12px;
        bottom: 12px;
    }
    .promo__logo_right_bottom{
        right: 12px;
        bottom: 12px;
    }


    .promo__logo_left_top img{
        width: 24px;
        height: 24px;
    }
    .promo__logo_right_top img{
        width: 24px;
        height: 24px;
    }
    .promo__logo_left_bottom img{
        width: 24px;
        height: 24px;
    }
    .promo__logo_right_bottom img{
        width: 24px;
        height: 24px;
    }
}