/*
* import included styles
*/
@import "inc/fonts.css";
@import "inc/variables.css";
@import "inc/defaults.css";
/*
* main styles
*/
#modals,
.mobile-header,
.mobile-menu {
display: none;
}
.--text-clamp {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
-webkit-line-clamp: 1;
}
.desktop-header__inner {
background: #fbfcff;
border-radius: 0 0 6px 6px;
border-bottom: 2px solid #ff4b5f;
padding: 15px 30px;
position: relative;
z-index: 16;
}
.desktop-header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 95px;
padding-bottom: 15px;
border-bottom: 1px solid #ccd4e0;
margin-bottom: 10px;
}
a,
img {
display: block;
}
.desktop-header__info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.desktop-header__logo-img {
width: 100%;
max-width: 172px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.dh-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
max-width: 265px;
}
.dh-info:before {
content: "";
width: 15px;
height: 15px;
}
.dh-info.dh-info__geo:before {
background: url('data:image/svg+xml,') center no-repeat;
}
.dh-info.dh-info__adress:before {
background: url('data:image/svg+xml,') center no-repeat;
}
.dh-info.dh-info__worktime:before {
background: url('data:image/svg+xml,') center no-repeat;
}
.dh-info.dh-info__phone:before {
background: url('data:image/svg+xml,') center no-repeat;
}
.dh-info__content {
font-size: 12px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dh-info__title {
font-size: 12px;
font-weight: 600;
color: #0f3a8c;
}
.dh-info__text {
}
.dh-info__text-link {
text-decoration: none;
}
.dh-info__link.js-modals {
color: inherit;
}
.desktop-header__callback {
width: 35px;
height: 35px;
border: none;
border-radius: 5px;
cursor: pointer;
background: url('data:image/svg+xml,') #ff4b5f center no-repeat;
}
.desktop-header__callback:hover {
background: url('data:image/svg+xml,') #fa3b50 center no-repeat;
}
.desktop-header__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.desktop-header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 40px;
}
.desktop-header__nav-item {
background: none;
border: none;
color: inherit;
text-decoration: none;
font-size: 14px;
cursor: pointer;
}
.desktop-header__nav-item:hover {
color: #ff4b5f;
}
.desktop-header__nav-item_catalog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
.desktop-header__nav-item_catalog:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 14px;
height: 7px;
}
.desktop-header__catalog {
background: #ccd4e0;
border-radius: 6px;
padding: 30px;
position: absolute;
left: 0;
right: 0;
z-index: 10;
margin: -6px 10px 0;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transform: translate(0, -100px);
-ms-transform: translate(0, -100px);
transform: translate(0, -100px);
opacity: 0;
pointer-events: none;
}
.desktop-header__catalog-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(11, 1fr);
grid-gap: 20px;
}
.mark-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #f5f6fa;
border-radius: 15px;
gap: 5px;
padding: 10px 0;
text-decoration: none;
font-size: 12px;
color: inherit;
position: relative;
min-height: ;
}
.mark-btn span {
position: absolute;
top: 4px;
right: 5px;
z-index: 1;
font-size: 10px;
font-weight: 600;
}
.mark-btn:hover {
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
color: #ff4b5f;
}
.desktop-header__catalog.js-gl-toggle-target-active {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
pointer-events: auto;
}
.desktop-header__nav-item_catalog.js-gl-toggle-button-active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.desktop-header__favourites {
font-size: 14px;
text-decoration: none;
color: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
.desktop-header__favourites:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 14px;
height: 13px;
}
.desktop-header__favourites:hover {
color: #ff4b5f;
}
.desktop-header__favourites.desktop-header__favourites_active:after {
background: url('data:image/svg+xml,') center no-repeat;
}
.section {
margin: 40px 0;
}
.hero {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.44fr 30px 1fr;
grid-template-columns: 0.44fr 1fr;
grid-gap: 30px;
}
.hero > * {
min-width: 0;
}
.hero__marks {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
.hero__marks > * {
min-width: 0;
}
.hero__col {
display: -ms-grid;
display: grid;
grid-gap: 20px;
}
.hero__col > * {
min-width: 0;
}
.hero-carousel {
width: 100%;
height: 339px;
border-radius: 20px;
}
.hero-carousel__slide {
background-position: center;
background-size: cover;
}
.hero-carousel__nav {
position: absolute;
top: 0;
right: 25px;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero-carousel__prev,
.hero-carousel__next {
position: relative;
margin: 0;
left: unset;
right: unset;
top: unset;
bottom: unset;
width: 20px;
height: 20px;
}
.hero-carousel__pagination-carousel {
overflow: visible;
height: 22px;
}
.hero-carousel__prev:after,
.hero-carousel__next:after {
display: none;
}
.hero-carousel__prev {
background: url('data:image/svg+xml,') center no-repeat;
}
.hero-carousel__next {
background: url('data:image/svg+xml,') center no-repeat;
}
.hero-carousel__pagination-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.hero-carousel__pagination-item.swiper-slide-active {
font-size: 18px;
}
.mark-btn__icon {
width: 23px;
height: 23px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.hero-filter__top-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
margin-bottom: 20px;
}
.hero-filter__top-grid > * {
min-width: 0;
}
.hero-filter-old {
display: none;
}
.hero-filter-old .hero-filter__top-grid {
grid-template-columns: repeat(4, 1fr);
}
.hero-filter-new .hero-filter__top-grid {
margin-bottom: 0;
}
.hero-filter {
background: #f5f6fa;
border-radius: 6px;
padding: 30px 20px;
}
.select2-container--default .select2-selection--single {
height: 40px;
border: 1px solid transparent;
border-radius: 5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
font-size: 14px;
padding-left: 20px;
padding-right: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 0;
right: 20px;
background: url('data:image/svg+xml,') center no-repeat;
width: 14px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-dropdown {
border: 1px solid #ccd4e0 !important;
margin: 10px 0;
border-radius: 5px !important;
}
.select2-results__option {
font-size: 14px;
padding: 5px 20px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: transparent;
color: #ff4b5f;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: transparent;
}
.select2-search--dropdown .select2-search__field {
display: none;
}
.button-check {
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button-check__input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.button-check__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
background: #fff;
border-radius: 5px;
height: 40px;
padding: 0 20px;
border: 1px solid transparent;
}
.button-check__input:checked ~ .button-check__inner path {
fill: #ff4b5f;
}
.select2-container--default .select2-selection--single .select2-selection__rendered:not(.--placeholder) {
}
.button-check__text {
font-size: 14px;
}
/* .select2-container--default .select2-selection--single:not(.--placeholder) {
border-color: #ff4b5f;
} */
.button-check__input:checked ~ .button-check__inner {
border-color: #ff4b5f;
}
.hero-filter__bottom {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 20px;
font-weight: 500;
padding: 0 10px;
height: 40px;
gap: 10px;
font-size: 16px;
}
.btn.btn_primary {
background: #ff4b5f;
color: #fff;
}
.btn.btn_primary:hover {
background: #fa3b50;
color: #fff;
}
.hero-filter__bottom .btn {
-ms-grid-column-span: 3;
grid-column: 3 span;
}
.section-heading {
display: -ms-grid;
display: grid;
grid-gap: 20px;
margin-bottom: 30px;
}
.section-heading__title {
font-size: 28px;
font-weight: 600;
padding-bottom: 20px;
border-bottom: 1px solid #ccd4e0;
}
.wrapper {
background: #f5f6fa;
border-radius: 20px;
padding: 40px 30px;
position: relative;
}
.catalog {
display: -ms-grid;
display: grid;
grid-gap: 30px;
}
.catalog > * {
min-width: 0;
}
.catalog__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.catalog__grid > * {
min-width: 0;
}
.car-card {
background: #fff;
border-radius: 20px;
padding: 2px;
position: relative;
z-index: 1;
}
.car-card__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
}
.car-card-gallery {
width: 100%;
height: 230px;
border-radius: 20px;
}
.car-card-gallery__slide {
background-position: center;
background-size: cover;
}
.car-card-gallery .car-card-gallery__pag {
width: 100%;
height: 100%;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 3px;
padding: 0 10px 3px;
}
.car-card-gallery .car-card-gallery__pag .swiper-pagination-bullet {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
opacity: 1;
position: relative;
z-index: 1;
height: 100%;
margin: 0;
background: unset;
}
.car-card-gallery .car-card-gallery__pag .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background: #ff4b5f;
}
.car-card-gallery .car-card-gallery__pag .swiper-pagination-bullet:after {
border-radius: 1px;
height: 2px;
opacity: 1;
background: #ccd4e0;
content: "";
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.car-card__favourites {
display: block;
width: 26px;
height: 24px;
border: none;
position: absolute;
right: 20px;
top: 16px;
z-index: 2;
cursor: pointer;
background: url('data:image/svg+xml,') center no-repeat;
}
.car-card__title {
font-size: 18px;
font-weight: 600;
text-decoration: none;
padding-bottom: 10px;
border-bottom: 1px solid #ccd4e0;
margin-bottom: 10px;
}
a {
color: inherit;
}
.car-card__desc {
-webkit-line-clamp: 2;
height: 36px;
font-size: 14px;
margin-bottom: 10px;
}
.car-card__price {
background: #f5f6fa;
border-radius: 20px;
padding: 10px;
display: -ms-grid;
display: grid;
grid-gap: 6px;
}
.car-card__price-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.car-card__price-divider {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
background: #ccd4e0;
margin-bottom: 4px;
}
.car-card__price-title {
font-size: 12px;
}
.car-card__price-value {
font-weight: 600;
color: #ff4b5f;
}
.car-card__price-row:last-child .car-card__price-value {
color: #0f3a8c;
}
.gifts-card__title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.gifts-card__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0px;
}
.gft-card {
background: #ccd4e0;
border-radius: 6px;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
height: 110px;
}
.gft-card__text {
font-size: 13px;
font-weight: 600;
}
.btn.btn_border_primary {
border-color: #0f3a8c;
color: #0f3a8c;
background-color: transparent;
}
.btn.btn_border_primary:hover {
background: #0f3a8c;
color: #fff;
}
.btn.btn_border_primary.btn_arrow_right:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 8px;
height: 15px;
}
.btn.btn_border_primary.btn_arrow_right:hover:after {
background: url('data:image/svg+xml,') center no-repeat;
}
.gifts-card .btn {
height: 36px;
max-width: 182px;
}
.catalog__bottom .btn {
max-width: 318px;
}
.auto-credit {
background: url(../img/auto-credit-bg-asset.png) #f9efe6 bottom right 50px no-repeat;
border-radius: 20px;
padding: 45px 60px;
}
.auto-credit__title {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
.list {
display: -ms-grid;
display: grid;
grid-gap: 20px;
}
.list__item {
position: relative;
z-index: 1;
font-size: 18px;
padding-left: 32px;
}
.list__item:after {
content: "";
position: absolute;
top: 2px;
left: 0;
background: url('data:image/svg+xml,') center no-repeat;
width: 17px;
height: 17px;
border-radius: 15px;
}
.car-card__favourites.car-card__favourites_filled {
background: url('data:image/svg+xml,') center no-repeat;
}
.news__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.news-card__image {
width: calc(100% + 20px);
height: 235px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 6px;
margin: -10px -10px 20px;
}
.news-card {
background: #f5f6fa;
border-radius: 6px;
padding: 20px;
text-decoration: none;
}
.news-card__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 12px;
font-weight: 600;
gap: 10px;
margin-bottom: 25px;
}
.news-card__views {
color: #0f3a8c;
}
.news-card__divider {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
background: #ccd4e0;
margin-bottom: 4px;
}
.news-card__title {
font-size: 18px;
font-weight: 600;
-webkit-line-clamp: 2;
height: 41px;
margin-bottom: 20px;
}
.news-card__footer {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 145px;
grid-template-columns: 1fr 145px;
gap: 20px;
}
.news-card__desc {
-webkit-line-clamp: 2;
height: 37px;
}
.news {
display: -ms-grid;
display: grid;
grid-gap: 30px;
}
.news__bottom .btn {
max-width: 318px;
}
.help {
background: url(../img/help-bg-asset.png) #ccd4e0 bottom right 50px no-repeat;
border-radius: 20px;
padding: 50px;
}
.help__title {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.help__desc {
font-size: 18px;
margin-bottom: 25px;
}
.help__form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px 20px;
max-width: 625px;
}
.main-form-input {
width: 100%;
height: 40px;
border-radius: 20px;
border: 1px solid transparent;
padding: 0 20px;
font-size: 14px;
}
.main-form-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
cursor: pointer;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main-form-checkbox__input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.main-form-checkbox__checkmark {
width: 14px;
height: 14px;
border-radius: 3px;
background: #fff;
border: 1px solid #ddd;
}
.main-form-checkbox__text {
font-size: 12px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-top: 1px;
}
.main-form-checkbox__text a {
display: inline;
color: #000;
text-decoration: underline;
}
.main-form-checkbox__input:checked ~ .main-form-checkbox__checkmark {
background: url('data:image/svg+xml,') #0f3a8c center no-repeat;
}
.footer__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 95px;
padding-bottom: 15px;
border-bottom: 1px solid #ccd4e0;
margin-bottom: 10px;
}
.footer__info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__inner {
background: #fbfcff;
border-radius: 6px 6px 0 0;
padding: 15px 30px;
}
.footer__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 40px;
}
.footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.footer__nav-item {
font-size: 14px;
text-decoration: none;
}
.footer__catalog {
display: -ms-grid;
display: grid;
grid-gap: 10px;
}
.footer__catalog-title {
font-size: 14px;
font-weight: 600;
}
.footer__catalog-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr;
grid-template-columns: repeat(7, 1fr);
grid-gap: 10px 50px;
max-width: 810px;
}
.footer__catalog-link {
font-size: 12px;
text-decoration: none;
}
.footer__terms {
border-top: 1px solid #ccd4e0;
margin-top: 30px;
padding-top: 30px;
}
.footer__terms-text {
font-size: 12px;
}
.modal {
background: #ccd4e0;
border-radius: 6px;
padding: 30px;
width: 435px;
}
.modal__icon {
width: 63px;
height: 63px;
-o-object-fit: scale-down;
object-fit: scale-down;
margin: 0 auto 20px;
}
.modal__title {
font-size: 22px;
font-weight: 600;
text-align: center;
margin-bottom: 20px;
}
.modal__description {
text-align: center;
margin-bottom: 40px;
}
.modal__form__inputs {
display: -ms-grid;
display: grid;
grid-gap: 10px;
}
.modal__title span {
color: #ff4b5f;
}
.modal__car {
margin: 10px auto;
width: 100%;
max-width: 275px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
#modal-credit .modal__description {
margin-bottom: 10px;
}
.modal__description span {
font-weight: 600;
color: #ff4b5f;
}
#modal-offer .modal__description {
margin-bottom: 10px;
}
#modal-success .modal__description {
margin-bottom: 0;
}
.footer__nav-item:hover {
color: #ff4b5f;
}
.header-geo {
position: relative;
}
.header-geo-popup {
position: absolute;
top: 25px;
left: 50%;
margin: auto;
width: 300px;
background: #f5f6fa;
border-radius: 6px;
padding: 20px;
-webkit-transform: translate(-50%, -25px);
-ms-transform: translate(-50%, -25px);
transform: translate(-50%, -25px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid #ccd4e0 !important;
}
.header-geo-popup.js-gl-toggle-target-active {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 1;
visibility: visible;
}
.geo-form {
display: -ms-grid;
display: grid;
grid-gap: 15px;
}
.geo-form__popular {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.geo-form__popular__item {
font-size: 12px;
padding: 4px 7px;
border: 1px solid #ccd4e0;
border-radius: 5px;
text-decoration: none;
}
.header-geo-btn {
background: none;
border: none;
font-size: 12px;
text-decoration: underline;
cursor: pointer;
}
.breadcrumbs__item {
display: inline;
font-size: 12px;
}
.breadcrumbs__item:not(:first-child):before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 3px;
height: 6px;
display: inline-block;
margin-right: 6px;
margin-bottom: 1px;
}
.breadcrumbs__item:not(:first-child) {
margin-left: 6px;
}
.breadcrumbs__item:last-child {
color: #0f3a8c;
}
.section.section-breadcrumbs {
margin: 20px 0;
}
.section.section-breadcrumbs + .section {
margin-top: 20px;
}
.section-addon {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
margin-bottom: 40px;
}
.be-banner {
-webkit-box-shadow: inset 20px 20px 20px 0 #bec3cb;
box-shadow: inset 20px 20px 20px 0 #bec3cb;
background: #fff;
border: 2px solid #d8dbe0;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 40px;
}
.be-banner__date {
font-size: 14px;
margin-bottom: 10px;
}
.be-banner__text {
font-size: 18px;
font-weight: 600;
}
.be-banner__text b {
font-weight: bold;
color: #ff4b5f;
}
.be-banner__text span {
color: #0f3a8c;
}
.be-banner__asset {
margin: -10px -30px;
display: block;
width: 173px;
height: 90px;
}
.section-addon .section-heading {
margin-bottom: 0;
}
.car-card__thumb {
width: 100%;
height: 170px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.car-card .btn {
width: 100%;
margin-top: 10px;
}
.section-heading.section-heading_add_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #ccd4e0;
padding-bottom: 15px;
}
.section-heading.section-heading_add_button .section-heading__title {
padding-bottom: 0;
border-bottom: none;
}
.btn.btn_other_models:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 15px;
height: 7px;
}
.btn.btn_other_models:hover:after {
background: url('data:image/svg+xml,') center no-repeat;
}
.btn.btn_other_models.js-gl-toggle-button-active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn.btn_other_models {
width: 195px;
}
.others-models {
position: relative;
z-index: 5;
height: 0;
display: none;
}
.catalog-carousel:after,
.catalog-carousel:before {
content: "";
position: absolute;
z-index: 2;
top: 0;
height: 102%;
width: 100px;
pointer-events: none;
}
.catalog-carousel:has(.catalog-carousel__prev.swiper-button-disabled):after,
.catalog-carousel:has(.catalog-carousel__next.swiper-button-disabled):before {
display: none;
}
.catalog-carousel:after {
left: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(245, 246, 250, 0)), color-stop(69%, #f5f6fa));
background: -o-linear-gradient(left, rgba(245, 246, 250, 0) 0%, #f5f6fa 69%);
background: linear-gradient(90deg, rgba(245, 246, 250, 0) 0%, #f5f6fa 69%);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.catalog-carousel:before {
right: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(245, 246, 250, 0)), color-stop(69%, #f5f6fa));
background: -o-linear-gradient(left, rgba(245, 246, 250, 0) 0%, #f5f6fa 69%);
background: linear-gradient(90deg, rgba(245, 246, 250, 0) 0%, #f5f6fa 69%);
}
.catalog-carousel__prev,
.catalog-carousel__next {
}
.catalog-carousel__prev:after,
.catalog-carousel__next:after {
display: none;
}
.catalog-carousel__prev {
background: url('data:image/svg+xml,') center no-repeat;
}
.catalog-carousel__next {
background: url('data:image/svg+xml,') center no-repeat;
}
.others-models__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #ccd4e0;
padding: 20px;
}
.others-models .catalog-carousel:after {
left: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(204, 212, 224, 0)), color-stop(69%, #ccd4e0));
background: -o-linear-gradient(left, rgba(204, 212, 224, 0) 0%, #ccd4e0 69%);
background: linear-gradient(90deg, rgba(204, 212, 224, 0) 0%, #ccd4e0 69%);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.others-models .catalog-carousel:before {
right: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(204, 212, 224, 0)), color-stop(69%, #ccd4e0));
background: -o-linear-gradient(left, rgba(204, 212, 224, 0) 0%, #ccd4e0 69%);
background: linear-gradient(90deg, rgba(204, 212, 224, 0) 0%, #ccd4e0 69%);
}
.others-models.js-gl-toggle-target-active {
display: block;
}
.model-page {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 405px;
grid-template-columns: 1fr 405px;
grid-gap: 30px;
margin-bottom: 30px;
}
.model-page__form {
border: 0px solid #d8dbe0;
border-radius: 20px;
padding: 20px 20px;
background: #fff;
}
.model-page__form-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;
}
.model-page__form-title span {
color: #ff4b5f;
font-weight: 600;
}
.model-page__form-date {
font-size: 13px;
font-weight: 600;
color: #0f3a8c;
margin-bottom: 35px;
}
.model-page__form-inputs {
display: -ms-grid;
display: grid;
grid-gap: 10px;
}
.model-page__form-inputs .main-form-input {
border: 1px solid #ccd4e0;
}
.model-page__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 70px;
}
.model-page-preview__img {
width: 100%;
max-width: 370px;
height: 225px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.model-page__main {
background: #fff;
border-radius: 6px;
padding: 20px;
display: -ms-grid;
display: grid;
grid-gap: 15px;
}
.model-page__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
max-width: 385px;
}
.btn-favourites {
display: block;
width: 26px;
height: 24px;
border: none;
position: absolute;
right: 0;
top: -8px;
z-index: 2;
cursor: pointer;
background: url('data:image/svg+xml,') center no-repeat;
}
.btn-favourites.btn-favourites_filled {
background: url('data:image/svg+xml,') center no-repeat;
}
.model-page-colors {
width: 225px;
margin-top: 24px;
}
.model-page-gifts {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.model-page-gifts__heading {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.model-page-gifts__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.model-page__count {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.model-page__benefit {
border: 2px solid #d8dbe0;
border-radius: 6px;
-webkit-box-shadow: inset 10px 10px 20px 0 #bec3cb;
box-shadow: inset 10px 10px 20px 0 #bec3cb;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 30px;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.model-page__benefit-text {
font-size: 14px;
}
.model-page__benefit-value {
font-size: 18px;
font-weight: 600;
color: #ff4b5f;
margin-bottom: -18px;
}
.model-page__benefit:after {
content: "";
position: absolute;
right: 0;
top: -3px;
background: url(../img/model-benefit-asset.png) center no-repeat;
width: 136px;
height: 35px;
}
.model-page__price {
background: #f5f6fa;
border-radius: 5px;
padding: 20px 30px;
display: -ms-grid;
display: grid;
grid-gap: 10px;
}
.model-page__price-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.model-page__price-divider {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
background: #ccd4e0;
margin-bottom: 2px;
}
.model-page__price-title {
font-size: 14px;
}
.model-page__price-value {
font-size: 18px;
font-weight: 600;
color: #ff4b5f;
}
.model-page__price-row:last-child .model-page__price-value {
color: #0f3a8c;
}
.model-page-colors__title {
font-size: 14px;
border-bottom: 1px solid #ccd4e0;
padding-bottom: 10px;
margin-bottom: 10px;
}
.model-page-colors__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 7px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.model-page-colors__item {
width: 26px;
height: 26px;
border-radius: 2px;
border: 1px solid #ccd4e0;
cursor: pointer;
}
.model-page-colors__item.js-gl-attr-active {
border: 2px solid #ff4b5f;
}
.model-tabs__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 290px;
margin-bottom: 20px;
}
.model-tabs__nav-item {
font-size: 18px;
font-weight: 600;
color: #101010;
background: none;
border: none;
cursor: pointer;
}
.model-tabs__nav-item.js-gl-tab-link-active {
color: #ff4b5f;
}
.model-compare-form {
display: -ms-grid;
display: grid;
grid-gap: 40px;
}
.model-compare-form__section {
display: -ms-grid;
display: grid;
grid-gap: 20px;
}
.model-compare-form__section-title {
font-size: 16px;
color: #000;
}
.compare-table__head,
.compare-item__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 250px 250px 240px 235px;
grid-template-columns: 1fr 250px 250px 240px 235px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 20px;
}
.compare-table__head__col {
color: #737373;
font-size: 12px;
}
.compare-table__head__col b {
font-weight: 600;
}
.compare-table__head__col span {
color: #d10000;
}
.compare-table__head {
margin-bottom: 10px;
}
.compare-table__items {
display: -ms-grid;
display: grid;
grid-gap: 20px;
}
.compare-item__row {
border-radius: 18px;
border: 1px solid #eee;
background: #fff;
-webkit-box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 5%);
box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 5%);
}
.compare-buttons__inner {
display: -ms-grid;
display: grid;
}
.compare-price__data {
background: none;
border: none;
display: block;
font-size: 16px;
font-weight: 600;
color: #ff4b5f;
}
[data-accordion-target] {
cursor: pointer;
}
.compare-old-price__data {
font-weight: 500;
}
.compare-payment__data {
font-weight: 600;
color: #0f3a8c;
}
.compare-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 15px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.compare-name__data {
background: none;
border: none;
text-align: left;
position: relative;
z-index: 1;
font-size: 14px;
font-weight: 600;
}
.compare-name__data span:last-child:after {
content: "";
width: 16px;
height: 9px;
position: absolute;
right: 0;
bottom: 4px;
margin: auto;
background: url('data:image/svg+xml,') center no-repeat;
}
.compare-name__data.js-gl-acc-button-active span:last-child:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.compare-item__hidden-content {
display: none;
padding: 25px 0 0;
}
.compare-description {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.compare-description__block:not(:last-child) {
margin-bottom: 30px;
}
.compare-description__block {
display: -ms-grid;
display: grid;
grid-gap: 20px;
}
.compare-description__heading {
font-size: 14px;
font-weight: 600;
}
.compare-description__list-item {
list-style: none;
position: relative;
z-index: 1;
padding-left: 15px;
font-size: 14px;
}
.compare-description__list-item:after {
content: "";
width: 5px;
height: 5px;
display: block;
position: absolute;
top: 6px;
left: 0;
background: #000;
border-radius: 50%;
}
.compare-description__list {
display: -ms-grid;
display: grid;
grid-gap: 10px;
padding-left: 20px;
}
.model-compare-form__bottom .btn {
width: 100%;
max-width: 405px;
}
.compare-item__col > div > span {
display: block;
}
.compare-item__col > button > span {
display: block;
position: relative;
padding-right: 25px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.compare-item__col > button > span:first-child,
.compare-item__col > div > span:first-child {
font-size: 12px;
color: #000;
text-align: left;
margin-bottom: 5px;
font-weight: normal;
}
.compare-old-price__data span:last-child {
text-decoration: line-through;
}
.gft-card__icon {
width: 47px;
height: 47px;
display: block;
}
.btn.btn_border_whr {
background: #fff;
border: 1px solid #ff4b5f;
}
.btn.btn_border_whr:hover {
background: #fa3b50;
color: #fff;
}
.model-tabs {
margin-bottom: 40px;
}
.model-gallery {
margin-bottom: 40px;
}
.model-gallery__title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.model-gallery-carousel__slide {
background-position: center;
background-size: cover;
border-radius: 6px;
height: 215px;
}
.carousel-bottom-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
gap: 15px;
margin-top: 20px;
}
.carousel-bottom-nav__prev,
.carousel-bottom-nav__next {
position: relative;
margin: 0;
width: 15px;
height: 15px;
left: unset;
right: unset;
top: unset;
bottom: unset;
margin: 0;
}
.carousel-bottom-nav__prev:after,
.carousel-bottom-nav__next:after {
display: none;
}
.carousel-bottom-nav__prev {
background: url('data:image/svg+xml,') center no-repeat;
}
.carousel-bottom-nav__next {
background: url('data:image/svg+xml,') center no-repeat;
}
.swiper-pagination.carousel-bottom__pagination {
position: relative;
left: unset;
right: unset;
top: unset;
bottom: unset;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
.swiper-pagination.carousel-bottom__pagination .swiper-pagination-bullet {
margin: 0;
width: 8px;
height: 8px;
border-radius: 2px;
opacity: 1;
background: #ccd4e0;
}
.swiper-pagination.carousel-bottom__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ff4b5f;
}
.models-carousel > .btn {
max-width: 320px;
margin-top: 20px;
}
.seo-text {
display: -ms-grid;
display: grid;
grid-gap: 15px;
}
.compare-checkbox__input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.compare-checkbox {
display: block;
cursor: pointer;
position: relative;
}
.compare-checkbox__checkmark {
height: 21px;
width: 21px;
background: url(../img/check-bg.png);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.compare-checkbox__input:checked ~ .compare-checkbox__checkmark:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,') center no-repeat;
}
.finance-page {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 300px;
grid-template-columns: 1fr 300px;
grid-gap: 30px;
}
.finance-steps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.finance-steps__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.finance-steps__item-number {
width: 54px;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ccd4e0;
border-radius: 6px;
color: #fff;
font-size: 28px;
font-weight: 600;
outline: 20px solid #f5f6fa;
}
.finance-steps__item-text {
font-size: 18px;
font-weight: 600;
}
.finance-steps:after {
content: "";
position: absolute;
top: 29%;
width: 65%;
height: 1px;
background: #ccd4e0;
z-index: -1;
}
.finance-form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.finance-form__inputs {
display: -ms-grid;
display: grid;
grid-gap: 10px;
}
.finance-form > * {
min-width: 0;
}
.finance-form__inputs > * {
min-width: 0;
}
.finance-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.finance-content__car {
width: 100%;
max-width: 470px;
-o-object-fit: scale-down;
object-fit: scale-down;
height: 280px;
}
.finance-content__info .model-page__price {
background: #fff;
width: 420px;
}
.terms {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 0.45fr;
grid-template-columns: 1fr 0.45fr;
grid-gap: 30px;
margin-bottom: 35px;
}
.terms__block {
background: #fff;
border-radius: 6px;
padding: 30px;
}
.terms__title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.list.list_blue .list__item:after {
background: url('data:image/svg+xml,') center no-repeat;
}
.list.list_columns {
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: 1fr 1fr;
}
.banks__title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.bank-card {
border: 2px solid #d8dbe0;
border-radius: 3px;
-webkit-box-shadow: inset 10px 10px 10px 0 #bec3cb;
box-shadow: inset 10px 10px 10px 0 #bec3cb;
background: #fff;
height: 125px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
}
.bank-card__img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.banks {
margin-bottom: 40px;
}
.finance-form__inputs_grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.finance-benefit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.finance-benefit__text {
font-size: 18px;
font-weight: 600;
}
.terms.terms_tradein {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: 1fr 1fr;
}
.list.list_blue .list__item {
font-size: 16px;
}
.stocks-page {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.stock-card {
background: #ccd4e0;
border-radius: 6px;
padding: 40px 30px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 25px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 25px;
}
.stock-card__form {
display: -ms-grid;
display: grid;
grid-gap: 10px;
}
.stock-card__icon {
width: 74px;
height: 74px;
display: block;
margin-bottom: 20px;
}
.stock-card__title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.stock-card__desc {
font-size: 13px;
font-weight: 600;
}
.main-form-select.main-form-select_theme_sort + .select2-container--default .select2-selection--single .select2-selection__rendered {
background: url('data:image/svg+xml,') center left 20px no-repeat;
padding-left: 50px;
padding-right: 45px;
}
.select2-search--dropdown {
padding: 0;
}
html.select2-dropdown--radio-options .select2-results__option {
background: url('data:image/svg+xml,') center left 20px no-repeat;
padding: 10px 20px 10px 45px;
}
html.select2-dropdown--radio-options .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #000;
background: url('data:image/svg+xml,') center left 20px no-repeat;
}
.main-form-select.main-form-select_theme_sort + .select2-container--default .select2-selection--single:not(.--placeholder) {
border-color: transparent;
}
.hero-filter__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
margin-bottom: 20px;
}
.hero-filter__grid > * {
min-width: 0;
}
.hero-filter__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-filter__footer .btn {
width: 100%;
max-width: 356px;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: center;
gap: 10px;
}
.pagination__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.pagination__item {
font-size: 18px;
font-weight: 600;
text-decoration: none;
}
.pagination__item.--active {
color: #0f3a8c;
}
.pagination__prev,
.pagination__next {
width: 7px;
height: 14px;
}
.pagination__prev {
background: url('data:image/svg+xml,') center no-repeat;
}
.pagination__next {
background: url('data:image/svg+xml,') center no-repeat;
}
.section-model-page.section-model-page_special .model-page__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 400px;
grid-template-columns: 1fr 400px;
grid-gap: 30px;
}
.section-model-page.section-model-page_special .model-page__row > * {
min-width: 0;
}
.section-model-page.section-model-page_special .model-page__content {
max-width: unset;
padding-top: 40px;
}
.used-model-gallery--main__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.used-model-gallery--main {
border-radius: 6px;
height: 290px;
margin-bottom: 10px;
}
.used-model-gallery--thumbs {
height: 70px;
}
.used-model-gallery--thumbs__slide {
border-radius: 5px;
background-position: center;
background-size: cover;
}
.used-model-gallery--thumbs__slide.swiper-slide-thumb-active {
border: 1px solid #ff4b5f;
}
.model-page__props {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 15px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
margin-top: 10px;
}
.model-page__props-item {
display: -ms-grid;
display: grid;
grid-gap: 2px;
}
.model-page__props-title {
font-size: 12px;
}
.model-page__props-value {
font-size: 14px;
font-weight: 600;
color: #0f3a8c;
}
.model-used-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 405px;
grid-template-columns: 1fr 405px;
grid-gap: 30px;
margin-bottom: 30px;
}
.model-used-grid__col .gifts-card {
max-width: 300px;
}
.model-used-grid .compare-description {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.hidden-container {
position: relative;
z-index: 1;
max-height: 247px;
overflow: hidden;
}
.hidden-container:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 246, 250, 0)), to(#f5f6fa));
background: -o-linear-gradient(top, rgba(245, 246, 250, 0) 0%, #f5f6fa 100%);
background: linear-gradient(180deg, rgba(245, 246, 250, 0) 0%, #f5f6fa 100%);
z-index: 2;
}
.hidden-container-show-btn {
width: 50%;
margin-top: 30px;
}
.hidden-container-show-btn:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 15px;
height: 7px;
}
.hidden-container-show-btn.--active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.hidden-container.--show {
max-height: unset;
}
.hidden-container.--show:after {
display: none;
}
.carousel-next,
.carousel-prev {
}
.carousel-next:after,
.carousel-prev:after {
display: none;
}
.carousel-prev {
background: url('data:image/svg+xml,') center no-repeat;
}
.carousel-next {
background: url('data:image/svg+xml,') center no-repeat;
}
.news-entry {
max-width: 1015px;
margin: auto;
}
.news-entry__photo {
width: 100%;
height: 435px;
border-radius: 6px;
position: relative;
z-index: 2;
-o-object-fit: cover;
object-fit: cover;
}
.news-entry__info {
background: #f5f6fa;
border-radius: 6px;
padding: 60px 20px 20px;
margin-top: -40px;
margin-bottom: 20px;
}
.news-entry__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
gap: 20px;
}
.news-entry__date {
font-size: 12px;
font-weight: 600;
}
.news-entry__views {
font-size: 12px;
font-weight: 600;
color: #0f3a8c;
}
.news-entry__divider {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 1px;
background: #ccd4e0;
margin-bottom: -4px;
}
.news-entry__title {
font-size: 28px;
font-weight: 600;
}
.news-entry__content {
display: -ms-grid;
display: grid;
grid-gap: 15px;
}
.contacts-page {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 405px;
grid-template-columns: 1fr 405px;
grid-gap: 30px;
}
.contacts-page__map {
width: 100%;
height: 100%;
border: 1px solid #ccd4e0;
border-radius: 6px;
}
.contacts-page__content-main {
display: -ms-grid;
display: grid;
grid-gap: 40px;
margin-bottom: 40px;
}
.contacts-page__content {
border: 2px solid #d8dbe0;
border-radius: 6px;
-webkit-box-shadow: inset 20px 20px 20px 0 #bec3cb;
box-shadow: inset 20px 20px 20px 0 #bec3cb;
background: #fff;
padding: 50px 35px;
}
.contacts-page__content-bottom .btn {
width: 100%;
}
.contacts-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
}
.contacts-info:before {
content: "";
width: 20px;
height: 20px;
}
.contacts-info.contacts-info_geo:before {
background: url('data:image/svg+xml,') center no-repeat;
}
.contacts-info.contacts-info_time:before {
background: url('data:image/svg+xml,') center no-repeat;
}
.contacts-info.contacts-info_phone:before {
background: url('data:image/svg+xml,') center no-repeat;
}
.contacts-info__title {
font-weight: 600;
color: #0f3a8c;
margin-bottom: 2px;
}
.contacts-info__link {
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
.empty-card {
background: #f5f6fa;
border: 1px solid #ccd4e0;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.empty-card__text {
max-width: 218px;
margin: auto;
text-align: center;
font-size: 18px;
color: #ccd4e0;
position: relative;
z-index: 1;
}
.empty-card__text:after {
content: "";
position: absolute;
top: -60px;
left: 0;
right: 0;
margin: auto;
background: url('data:image/svg+xml,') center no-repeat;
width: 40px;
height: 37px;
}
.main-compilations__title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.main-compilations-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(34%, 12rem), 1fr));
grid-gap: 10px min(30px, 3%);
}
.main-compilations-item {
border: 1px solid #313131;
border-radius: 8px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main-compilations-item:hover {
background: #ff4b5f;
color: #fff;
border-color: #ff4b5f;
}
.tabs-nav {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
list-style: none;
margin-bottom: 20px;
}
.tabs-nav li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 5px;
font-weight: 500;
padding: 0 10px;
height: 40px;
gap: 10px;
font-size: 16px;
background: #f5f6fa;
}
.desktop-header__catalog-close {
width: 0px;
height: 0px;
opacity: 0;
overflow: hidden;
}
.desktop-header .tabs-nav {
padding: 10px 15px;
background: #fff;
border-radius: 5px;
max-width: 435px;
}
.section-filter .tabs-nav {
max-width: 435px;
}
.section-filter .hero-filter-old {
display: block;
}
.section-filter .hero-filter-new .hero-filter__top-grid {
grid-template-columns: repeat(6, 1fr);
}
.car-card__lest {
padding: 15px 0px;
border-bottom: 1px solid #ccd4e0;
font-size: 12px;
margin-bottom: 12px;
}
.car-card__lest ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px 40px;
}
.car-card__lest ul li {
display: flex;
align-items: center;
gap: 5px;
font-size: 12px;
font-weight: 400;
color: #999;
}
.car-card-bu_price {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
}
.section-model-page-used .model-page__benefit {
margin-bottom: 20px;
}
.model-page-used-props {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px 60px;
}
.model-page-used-props-item {
display: flex;
align-items: center;
gap: 15px;
}
.section-model-page-used .model-page__content {
padding-top: 0 !important;
}
/* new */
.credit-calc {
margin-bottom: 40px;
}
.credit-calc__inner {
display: grid;
grid-gap: 15px;
overflow: hidden;
}
.credit-calc__form {
display: grid;
gap: 10px 30px;
}
.credit-calc__filters {
gap: 10px 10px;
display: flex;
overflow-x: auto;
margin-inline: calc(var(--padding) * -1);
padding-inline: calc(var(--padding) * 1);
padding-bottom: 20px;
margin-bottom: -20px;
}
.credit-calc__filters .select2 {
width: 10rem;
max-width: 10rem;
min-width: 10rem;
flex-shrink: 0;
flex-grow: 0;
}
.credit-calc__main-filter-btn {
display: flex;
gap: 10px;
}
.credit-calc__main-filter-btn svg {
flex-shrink: 0;
}
.credit-calc__checkbox-label input {
position: absolute;
z-index: -1;
opacity: 0;
width: 0;
height: 0;
}
.credit-calc__checkbox-label .btn {
white-space: nowrap;
}
.credit-calc__checkbox-label input:checked + .btn {
background: #0f3a8c;
color: #fff;
}
@media (max-width: 767px) {
.credit-calc__inner {
margin-inline: -15px;
padding-inline: 15px;
}
}
@media (min-width: 767px) {
.credit-calc {
--padding: 20px;
}
.credit-calc__form {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 991px) {
.credit-calc__form {
grid-template-columns: repeat(4, 1fr);
}
.credit-calc__main-filter-btn {
grid-column: unset;
}
}
.credit-list__inner {
display: grid;
grid-gap: 20px;
margin-bottom: 20px;
}
@media (min-width: 767px) {
.credit-list__inner {
margin-bottom: 30px;
}
}
.credit-item {
--padding: 10px;
border: 1px solid #eee;
border-radius: 6px;
padding: 0 var(--padding);
font-size: 14px;
}
.credit-item__inner {
padding: var(--padding) 0;
display: grid;
grid-gap: 15px;
text-decoration: none;
}
.credit-item__main {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 10px 20px;
}
.credit-item__main > * {
grid-column: span 2;
}
.credit-item__image {
grid-column: span 1;
filter: drop-shadow(0 0 1px #c4c4c4);
}
.credit-item__title {
grid-column: span 1;
align-self: center;
display: grid;
grid-gap: 5px;
}
.credit-item__title-name {
font-weight: 600;
}
.credit-item__title-info {
font-size: 0.875em;
color: rgb(139, 139, 139);
}
.credit-item__title-bank-name {
font-size: 0.875em;
color: rgb(139, 139, 139);
}
.credit-item__cols {
display: grid;
}
.credit-item__col {
display: grid;
grid-gap: 4px;
}
.credit-item__col dt {
font-size: 0.875em;
color: rgb(139, 139, 139);
}
.credit-item__col dd {
font-size: 1.125em;
font-weight: 700;
}
.credit-item__btn {
display: grid;
}
.credit-item__btn .btn {
white-space: nowrap;
}
.credit-item__tags {
list-style: none;
font-size: 10px;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.credit-item__tags > * {
background: #f2f2f2;
color: rgb(139, 139, 139);
padding: 0.2em 0.75em;
}
.credit-item__nested-item {
border-top: 1px solid #eee;
}
.credit-item__more {
margin-left: auto;
background: unset;
padding: unset;
}
.credit-item__more span {
display: flex;
white-space: nowrap;
gap: 10px;
}
.credit-item__more span::after {
content: "";
display: block;
width: 1em;
height: 1em;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%238B8B8B' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.credit-item__more span.active::after {
transform: rotate(180deg);
}
@media (max-width: 767px) {
.credit-item {
margin-inline: -15px !important;
padding-inline: 15px !important;
}
}
@media (max-width: 992px) {
.credit-item__title-info {
display: none;
}
.credit-item__image {
order: 1;
}
.credit-item__image img {
width: 3.5em;
height: 3.5em;
}
.credit-item__title {
order: 1;
}
.credit-item__tags {
order: 2;
}
.credit-item__cols {
order: 3;
grid-column: span 2;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: inherit;
}
.credit-item__col {
font-size: 10px;
}
.credit-item__col--amount {
order: 2;
grid-column: 1/-1;
}
.credit-item__btn {
margin-top: 10px;
order: 4;
}
.credit-item__more {
order: 5;
justify-self: center !important;
margin-left: unset;
}
}
@media (min-width: 767px) {
.credit-item__col {
font-size: 16px;
}
.credit-item__tags {
font-size: 12px;
}
}
@media (min-width: 991px) {
.credit-item {
--padding: 20px;
}
.credit-item__main {
grid-template-columns: auto 1fr 0.5fr 1.1fr 0.9fr 13rem;
align-items: center;
}
.credit-item__main > * {
grid-column: span 1;
min-width: 0;
}
.credit-item__title {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 8px;
white-space: nowrap;
}
.credit-item__title > * {
min-width: 0;
}
.credit-item__title-name {
overflow: hidden;
text-overflow: ellipsis;
}
.credit-item__title-info {
min-width: 6em;
}
.credit-item__title-bank-name {
grid-column: 1/-1;
}
.credit-item__cols {
grid-column: span 3;
grid-gap: inherit;
grid-template-columns: 0.5fr 1.1fr 0.9fr;
}
.credit-item__tags {
grid-column: 1/-2;
}
.credit-item__btn {
grid-column: unset;
display: grid;
}
}
/* */
.popup-new-credit {
overflow: visible;
--padding: 20px;
padding: 0;
width: 345px;
border-radius: 16px;
background-color: #f2f2f2;
font-size: 14px;
}
.popup-new-credit__inner {
padding: var(--padding);
}
.popup-new-credit__inner > * {
min-width: 0;
}
.popup-new-credit__inner + .fancybox-close-small {
color: #fff !important;
transform: translateY(-100%);
}
@media (min-width: 767px) {
.popup-new-credit {
--padding: 30px;
width: 636px;
}
.popup-new-credit__inner + .fancybox-close-small {
transform: translateY(-50%) translateX(100%);
}
}
.popup-new-credit .car-banks-slider {
--swiper-slides: 4;
--swiper-gap: 15px !important;
}
.popup-new-credit .car-banks-slider .swiper-button-prev {
height: 100%;
}
.popup-new-credit .car-banks-slider .swiper-button-next {
height: 100%;
}
.popup-new-credit__inner {
display: grid;
align-items: start;
grid-gap: 10px 30px;
}
.popup-new-credit__title {
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
}
.popup-new-credit__form {
display: grid;
grid-gap: 10px 30px;
}
.popup-new-credit__form-ranges {
display: inherit;
grid-gap: inherit;
}
.popup-new-credit__form-main {
display: inherit;
grid-gap: inherit;
}
.popup-new-credit__price {
display: flex;
align-items: baseline;
gap: 0.3em;
}
.popup-new-credit__price dd {
font-size: 16px;
font-weight: 700;
color: #ff0000;
}
@media (min-width: 767px) {
.popup-new-credit__inner {
grid-template-columns: repeat(2, 1fr);
}
.popup-new-credit__form {
grid-column: 1/-1;
margin-top: 10px;
}
.popup-new-credit__form-main {
margin-top: 10px;
}
.popup-new-credit__form-ranges {
grid-template-columns: repeat(2, 1fr);
}
.popup-new-credit__form-main {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, auto);
grid-auto-flow: column dense;
align-items: center;
}
.popup-new-credit .car-banks-slider {
grid-column: 1;
grid-row: 3/4;
}
}
.popup-new-credit__car {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
grid-row: 1/4;
}
.popup-new-credit__car__name {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.popup-new-credit__car__img {
height: 165px;
width: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.car-banks-slider__item-img img {
border-radius: 50%;
}
@media (max-width: 992px) {
.credit-model__form {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
.popup-new-credit__car {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 3;
grid-row: 3;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 10px 0;
}
.popup-new-credit__car__img {
height: 110px;
margin: auto;
}
}
/* */
.car-banks-slider {
min-width: 0;
position: relative;
margin-inline: -15px;
padding-inline: 25px;
--swiper-slides: 3;
--swiper-gap: 15px;
}
.car-banks-slider .swiper {
overflow: hidden;
}
.car-banks-slider .swiper-button-prev,
.car-banks-slider .swiper-button-next {
height: calc(100% - 1.75rem);
width: 26px;
margin-top: 0;
top: 0;
right: 0;
color: inherit;
}
.car-banks-slider .swiper-button-prev::after,
.car-banks-slider .swiper-button-next::after {
font-size: 12px;
}
.car-banks-slider .swiper-button-prev {
left: 0;
}
.car-banks-slider .swiper-slide {
width: calc(100% / var(--swiper-slides, 1) - var(--swiper-gap, 0) / var(--swiper-slides, 1) * (var(--swiper-slides, 1) - 1));
max-width: 78px;
}
.car-banks-slider .swiper-slide:not(:last-child) {
margin-right: var(--swiper-gap, 0);
}
.car-banks-slider__item {
text-align: center;
display: grid;
white-space: nowrap;
}
.car-banks-slider__item-img {
margin-bottom: 5px;
display: flex;
justify-content: center;
}
.car-banks-slider__item-price {
font-size: 12px;
font-weight: 500;
}
.car-banks-slider__item-per {
font-size: 14px;
font-weight: 700;
}
@media (min-width: 767px) {
.car-banks-slider {
--swiper-gap: 20px;
}
}
@media (min-width: 991px) {
.car-banks-slider {
--swiper-gap: 35px;
}
}
/* */
.main-form-small-input {
padding: 0 0 1px;
border-bottom: 1px solid #313131;
width: 100%;
font-size: 12px;
}
.new{
background: #37b256;
color: white;
padding: 3px 8px;
font-size: 12px;
position: absolute;
border-radius: 10px;
top: 20px;
left: 20px;
z-index: 9999;
}
.new_new{
color: white;
padding: 3px 8px;
font-size: 12px;
position: absolute;
border-radius: 10px;
top: 20px;
right: 20px;
z-index: 9999;
}
.card-body{
padding: 5px 10px;
}
.spec_name{
margin-top: 5px;
font-size: 16px;
font-weight: 300;
min-height: 38px;
}
.spec_price{
margin: 10px 0;
display: flex;
justify-content: space-between;
}
.spec{
font-size: 14px;
}
.price_car{
font-size: 14px;
}
.price_car span{
font-size: 15px;
background: #eee;
color: black;
padding: 3px 5px;
border-radius: 10px;
float: end;
}
.car-card-bu .card-body a{
border: none;
}
.car-card__title{
padding: 5px 0;
}
.rounded {
margin-bottom: 5px;
border-radius: 30px;
}
.car-card__title{
border-bottom: none;
}
.btn_primary_new {
border: 2px solid #ff4b5f;
background: white;
color: black;
}
.btn_primary_new:hover {
background: #fa3b50;
color: #fff;
}
.form-container {
display: flex;
align-items: center;
justify-content: space-between;
background-image: url('{{ asset('setting/mark_background1.jpg') }}');
background-size: cover;
background-position: center;
gap: 20px;
border-radius: 6px;
padding: 50px;
}
.form-wrapper {
flex: 1;
max-width: 50%;
}
.image-wrapper {
flex: 1;
display: flex;
justify-content: center;
max-width: 50%;
}
.image-wrapper img {
max-width: 70%;
height: auto;
}
.mark_name{
background-color: #ff4b5f;
color: white;
padding: 5px;
border-radius: 6px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.form-container {
flex-direction: column;
align-items: center;
padding: 20px;
background-position: 50% 130% !important;
background-size: 500% !important;
}
.image-wrapper {
order: -1;
max-width: 100%;
}
.form-wrapper{
width: 100%;
}
.form-wrapper, .image-wrapper {
max-width: 100%;
}
.image-wrapper img {
max-width: 100%;
height: auto;
}
}
.gift__timer {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffefd8;
padding: 30px;
border-radius: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
flex-wrap: wrap;
}
.gift__timer__body {
flex: 1;
max-width: 50%;
}
.date__out {
font-size: 18px;
font-weight: bold;
color: #e63946;
margin-bottom: 10px;
}
.h1 {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
.gift {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 20px;
}
.gift__items {
display: flex;
gap: 15px;
}
.mt-5{
margin-top: 5px;
}
.gift__item {
display: flex;
align-items: center;
gap: 10px;
background: #ffffff;
padding: 10px 15px;
border-radius: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.gift__item .img img {
width: 30px;
height: 30px;
}
.text {
color: #1A202E;
font-size: 16px;
font-weight: bold;
}
/* Timer styles */
.timer {
display: grid;
margin-top: 10px;
grid-template-columns: repeat(4, 1fr);
align-items: flex-start;
grid-gap: 7px;
overflow: hidden;
border-right: 1px solid #D8D8D8;
}
.timer__item {
display: flex;
padding: 15px 10px;
flex-direction: column;
align-items: center;
gap: 8px;
position: relative;
min-width: 155px;
border-left: 1px solid #D8D8D8;
}
.timer__item::before {
inline-size: 1px;
block-size: 100vh;
inset-inline-start: calc(var(calc(7px / 2))* -1);
top: 0px;
}
.timer__value {
color: #e63946;
font-size: clamp(60px, 4vw, 85px);
font-style: normal;
font-weight: 700;
line-height: 70px;
text-transform: uppercase;
}
.timer__name {
display: flex;
color: #1A202E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.main-form-label input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 20px;
}
.main-form-checkbox {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
}
.mt-20{
margin-top: 20px;
}
/* Responsive styles */
@media (max-width: 992px) {
.gift__timer {
flex-direction: column;
align-items: center;
text-align: center;
}
.gift__timer__body, #timer {
max-width: 100%;
}
.gift {
justify-content: center;
}
.gift__items {
justify-content: center;
}
}
@media (max-width: 768px) {
.gift__timer {
padding: 20px;
}
.gift__item {
flex-direction: column;
text-align: center;
padding: 15px;
}
.timer {
flex-wrap: wrap;
justify-content: center;
}
.timer__item {
min-width: auto !important;
padding: 15px 8px !important;
}
.timer__value{
font-size: clamp(40px, 4vw, 85px) !important;
}
}
@media (max-width: 480px) {
.h1 {
font-size: 22px;
}
.text {
font-size: 14px;
}
.gift__item {
width: 100%;
}
.timer {
gap: 10px;
}
.spec_name{
min-height:auto;
}
}
.gft-card{
display: flex;
align-items: center;
flex-direction: column;
background: transparent !important;
border-radius: 15px !important;
background-clip: padding-box;
text-align: center;
}