/*
* 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;
}
a, img {
display: block;
color: #091334;
}
.dheader-primary {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.dheader-primary__left {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
}
.dheader-hamburger {
background: url('data:image/svg+xml,') center no-repeat;
width: 30px;
height: 20px;
border: none;
display: block;
cursor: pointer;
}
.dheader-primary__right {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 50px;
}
.dheader-geo {
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
color: #091334;
}
.dheader-geo:before {
content: "";
background: url('data:image/svg+xml,') center left no-repeat;
width: 18px;
height: 19px;
display: block;
}
.dheader-geo span {
flex: 1;
}
.dheader-buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.dh-btn {
width: 24px;
height: 24px;
cursor: pointer;
border: none;
}
.dh-btn:hover {
opacity: .9;
}
.dh-btn.dh-btn_compare {
background: url('data:image/svg+xml,') center no-repeat;
}
.dh-btn.dh-btn_favourites {
background: url('data:image/svg+xml,') center no-repeat;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
padding: 0 15px;
height: 40px;
border-radius: 8px;
border: 1px solid transparent;
cursor: pointer;
text-decoration: none;
font-size: 14px;
font-weight: 500;
gap: 6px;
}
.btn:hover {
opacity: .85;
}
.btn.btn_secondary {
background: linear-gradient(90deg, rgba(239, 49, 49, 1) 0%, rgba(255, 122, 0, 1) 100%);
color: #fff;
}
.dheader-buttons .btn {
height: 36px;
}
.desktop-header {
margin-bottom: 20px;
}
.dheader-secondary {
display: flex;
align-items: center;
justify-content: space-between;
}
.dheader-nav {
display: flex;
align-items: center;
justify-content: flex-start;
background: #F0F1F4;
border-radius: 6px;
}
.dheader-contacts {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 50px;
}
.dheader-nav__item {
padding: 7px 12px;
text-decoration: none;
line-height: 24px;
color: #525670;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.dheader-contacts__info {
font-size: 14px;
font-weight: 300;
}
.dheader-nav__item.--icon-car-check:before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 31px;
height: 23px;
}
.dheader-contacts__link {
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: #353535;
}
.section {
padding: 25px 0;
}
.section.section-hero {
padding: 0;
}
.hero-carousel__slide-image {
width: 100%;
border-radius: 8px;
}
.main-marks {
display: grid;
grid-template-columns: 1fr .48fr;
grid-gap: 20px;
}
.main-marks__box {
background: #fff;
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
border-radius: 8px;
padding: 20px;
}
.marks-tabs__nav {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #F0F1F4;
overflow: hidden;
width: 215px;
position: absolute;
right: 0;
top: 7px;
}
.marks-tabs__nav-item {
padding: 10px 20px;
cursor: pointer;
user-select: none;
border: none;
color: #525670;
flex-grow: 1;
text-align: center;
height: 40px;
}
.marks-tabs__nav-item.js-gl-tab-link-active {
background: linear-gradient(90deg, #ef3131 0%, #ff7a00 100%);
color: #fff;
font-weight: 500;
}
.main-marks-top {
width: calc(100% - 215px);
padding-right: 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 10px;
}
.marks-tabs {
position: relative;
}
.main-marks-btn__icon {
object-fit: scale-down;
width: 54px;
height: 54px;
}
.main-marks-grid.js-more-items {
--limit-items: 35;
}
.main-marks-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px 8px;
}
.main-marks-link {
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
font-size: 14px;
color: #2B65EE;
}
.main-marks-link span:last-child {
font-size: 12px;
color: #67708E;
padding-top: 2px;
}
.main-marks-link.hidden {
display: none;
}
.main-marks-grid .js-more-items--more-link {
font-size: 14px;
color: #67708E;
text-decoration: underline;
background: none;
border: none;
text-align: left;
display: inline;
cursor: pointer;
}
.main-marks__heading {
font-family: 'DIN Pro Cond', sans-serif;
font-size: 28px;
font-weight: 500;
margin-bottom: 22px;
}
.main-marks-filter {
display: grid;
grid-gap: 20px;
}
.main-marks-filter__inputs {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
.select2-container .select2-selection--single {
height: 40px;
border: 1px solid #D8DBE8;
border-radius: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
color: #8A8D95;
font-size: 16px;
padding-left: 15px;
padding-right: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
height: 100%;
background: url('data:image/svg+xml,') center no-repeat;
width: 11px;
right: 15px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
transform: rotate(180deg);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #d8dbe8;
border-radius: 8px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #2B65EE;
}
.select2-results__option {
font-size: 14px;
}
.select2-dropdown {
border: 1px solid #d8dbe8;
overflow: hidden;
border-radius: 8px;
z-index: 999999;
}
.main-form-label {
display: block;
overflow: hidden;
}
.main-form-input {
width: 100%;
height: 40px;
border: 1px solid #D8DBE8;
border-radius: 8px;
padding: 0 15px;
}
*:focus {
outline: none;
}
.main-marks-filter__actions {
display: flex;
align-items: center;
justify-content: space-between;
}
.btn.btn_primary {
background: #2B65EE;
color: #fff;
box-shadow: 0 2px 6px 0 rgba(43, 101, 238, 0.6);
}
.main-marks-filter__actions .btn {
height: 37px;
font-size: 14px;
}
.more-specs-btn {
font-size: 14px;
font-weight: 500;
color: #2B65EE;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.more-specs-btn:before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 19px;
height: 15px;
}
.section.section-main-marks {
padding-bottom: 0;
}
.specials-block {
background: #F5F3FF;
border-radius: 8px;
padding: 20px 40px;
}
.section-heading {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.section-heading.section-heading_icon_specials:before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 26px;
height: 18px;
}
.specials-block__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.car-card {
display: grid;
grid-gap: 10px;
text-decoration: none;
color: #091334;
position: relative;
z-index: 1;
}
.car-card__thumb {
width: 100%;
height: 190px;
object-fit: cover;
border-radius: 8px;
}
.car-card__title {
font-size: 16px;
font-weight: 500;
color: #2B65EE;
margin-bottom: 4px;
}
.car-card__props {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 6px;
}
.car-card__props span {
font-size: 14px;
color: #67708E;
position: relative;
z-index: 1;
line-height: 24px;
}
.car-card__props span:not(:first-child):before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #C4C8D4;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.car-card__props span:not(:first-child) {
padding-left: 10px;
margin-left: 8px;
}
.car-card__pricing {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
}
.car-card__pricing-main {
font-weight: bold;
}
.car-card__pricing-payment {
font-weight: 700;
font-size: 14px;
background: linear-gradient(90deg, #ef3131 0%, #ff7a00 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.car-card__pricing-main.--arrow-down {
background: url('data:image/svg+xml,') center right no-repeat;
padding-right: 17px;
}
.car-card:hover .car-card__title {
color: #FF7A00;
}
.credit-offer-form {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
padding: 20px 40px;
display: grid;
grid-template-columns: 335px 1fr;
grid-gap: 40px;
}
.credit-offer-form__heading {
font-size: 20px;
font-weight: bold;
margin-bottom: 13px;
}
.credit-offer-form__ranges {
display: grid;
grid-gap: 12px;
}
.main-form-range__heading {
font-size: 14px;
font-weight: 300;
color: #67708E;
margin-bottom: 14px;
}
.main-form-range__inputs .main-form-input {
font-size: 16px;
font-weight: bold;
background: none;
border: none;
padding: 0;
max-width: 120px;
height: auto;
}
.main-form-range__inputs .main-form-label {
width: max-content;
position: relative;
z-index: 1;
cursor: pointer;
}
.main-form-range__inputs .main-form-label:after {
content: "";
position: absolute;
right: 0;
top: 2px;
bottom: 0;
margin: auto;
background: url('data:image/svg+xml,') center no-repeat;
width: 14px;
height: 14px;
pointer-events: none;
}
.main-form-label.main-form-label_readonly:after {
opacity: 0;
}
.main-form-label.main-form-label_readonly {
cursor: default;
pointer-events: none;
}
.irs--flat .irs-min, .irs--flat .irs-max {
display: none;
}
.irs--flat .irs-line {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
background-color: #f4f4f7;
border-radius: 18px;
height: 3px;
top: 5px;
}
.irs--flat .irs-bar {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
background-color: #1790ee;
height: 3px;
top: 5px;
}
.irs--flat .irs-handle > i:first-child {
display: none;
}
.irs--flat .irs-handle {
width: 14px;
height: 14px;
background: #1790EE;
border-radius: 50%;
border: 1px solid #fff;
top: 0;
cursor: pointer;
}
.irs--flat {
height: 14px;
}
.main-form-range__inputs {
margin-bottom: 12px;
}
.credit-offer-form__block {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
padding: 18px 35px;
max-width: 600px;
position: relative;
}
.credit-offer-form__sm-heading {
font-weight: 500;
margin-bottom: 15px;
}
.credit-offer-form__futures {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
margin-bottom: 15px;
}
.credit-offer-form__futures-text {
background: #E5F2FF;
border-radius: 8px;
font-weight: 500;
color: #2B65EE;
padding: 10px 20px;
}
.credit-offer-form__inputs {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px;
}
.credit-offer-form__block.credit-offer-form__block_nobg {
background: none;
box-shadow: none;
}
.credit-offer-form__block:first-child:after {
content: "";
background: url(../img/credit-offer-block-asset.webp) center no-repeat;
width: 202px;
height: 178px;
position: absolute;
right: -27%;
top: -7%;
}
.main-form-checkbox {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
cursor: pointer;
user-select: none;
}
.main-form-checkbox__input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.main-form-checkbox__checkmark {
background-color: #F3F3F3;
border: 1px solid #CDDCF3;
border-radius: 3px;
width: 16px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
}
.main-form-checkbox__input:checked ~ .main-form-checkbox__checkmark {
background-image: url('data:image/svg+xml,');
}
.main-form-checkbox__text {
font-size: 12px;
color: #969696;
}
.main-form-checkbox__text a {
font-size: inherit;
color: inherit;
display: inline;
}
.gifts {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
.gifts__card {
height: 140px;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 35px;
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #091334;
background-position: center right;
background-repeat: no-repeat;
background-color: #F9F9F9;
border-radius: 8px;
}
.section-heading.section-heading_icon_catalog:before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 24px;
height: 25px;
}
.catalog {
display: grid;
grid-gap: 40px;
}
.catalog__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.help-offer {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 70px;
}
.help-offer:after {
content: "";
background: url(../img/help-offer-asset.webp) center no-repeat;
width: 287px;
height: 204px;
}
.help-offer__content {
max-width: 580px;
}
.help-offer__title {
font-size: 40px;
font-weight: bold;
color: #3E3E59;
margin-bottom: 14px;
}
.help-offer__description {
font-size: 16px;
color: #3E3E59;
margin-bottom: 30px;
}
.help-offer__form {
display: grid;
grid-gap: 14px;
}
.help-offer__form-inputs {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px;
max-width: 525px;
}
.footer-links {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
}
.footer-links__heading {
font-size: 14px;
font-weight: bold;
color: #67708E;
margin-bottom: 12px;
}
.footer-links__nav {
display: grid;
grid-gap: 12px;
}
.footer-links__nav.footer-links__nav_2columns {
grid-template-columns: repeat(2, 1fr);
}
.footer-links__nav-link {
min-width: 130px;
text-decoration: none;
font-size: 14px;
color: #67708E;
line-height: 21px;
}
.footer-links__nav.footer-links__nav_2columns.js-more-items {
--limit-items: 12;
}
.footer-links__nav-link.hidden {
display: none;
}
.footer-links__nav.footer-links__nav_2columns.js-more-items .js-more-items--more-link {
font-size: 14px;
text-decoration: underline;
text-align: left;
background: none;
border: none;
color: #67708E;
margin-top: 10px;
cursor: pointer;
}
.section.section-help-offer {
padding: 45px 0;
}
.seo-text {
display: grid;
grid-gap: 16px;
color: #67708E;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr 285px;
grid-gap: 30px;
}
.footer-nav {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 35px;
}
.footer-nav__item {
font-size: 14px;
color: #2B65EE;
text-decoration: none;
}
.footer {
padding: 40px 0;
}
.footer-nav__item.js-modals {
text-decoration: underline;
}
.footer-grid__col:first-child {
display: grid;
grid-gap: 30px;
}
.footer-copyright {
display: flex;
align-items: center;
justify-content: flex-start;
}
.footer-copy-text {
font-size: 14px;
color: #091334;
margin-left: 16px;
}
.footer-description {
font-size: 12px;
font-weight: 300;
margin-left: 60px;
}
.footer-links__item {
font-size: 12px;
font-weight: 300;
color: #525670;
}
.footer-bottom-links {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 60px;
}
.footer-bottom-links__item {
font-size: 12px;
color: #525670;
text-decoration: underline;
}
.footer-contacts {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
align-items: flex-end;
}
.footer-contacts__phone {
font-size: 20px;
font-weight: bold;
color: #353535;
text-decoration: none;
}
.footer-contacts__worktime {
font-size: 12px;
font-weight: 300;
color: #525670;
text-decoration: underline;
margin-bottom: auto;
margin-top: 7px;
line-height: 24px;
}
.footer-contacts .dheader-geo {
justify-content: flex-end;
}
.select2.select2-container--open .select2-selection.select2-selection--single {
background: #E5F2FF;
border-color: #2B65EE;
}
.section.section-breadcrumbs {
padding: 0;
}
.breadcrumbs {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.breadcrumbs__item {
font-size: 14px;
color: #525670;
line-height: 24px;
text-decoration: none;
position: relative;
z-index: 1;
}
.breadcrumbs__item:not(:first-child):before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 20px;
height: 4px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.breadcrumbs__item:not(:first-child) {
margin-left: 15px;
padding-left: 33px;
}
.page-heading {
font-size: 32px;
font-weight: bold;
margin-bottom: 50px;
}
.page-aside-tpl {
display: grid;
grid-template-columns: 1fr 305px;
grid-gap: 40px;
}
.page-aside-tpl > * {
min-width: 0;
}
.filter-tabs__nav {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10%;
border-bottom: 1px solid #CCCED3;
margin-bottom: 25px;
}
.filter-tabs__nav-item {
font-size: 20px;
color: #2B65EE;
background: none;
border: none;
border-bottom: 3px solid transparent;
margin-bottom: -1px;
padding-bottom: 15px;
cursor: pointer;
}
.filter-tabs__nav-item.js-gl-tab-link-active {
border-color: #2B65EE;
color: #000;
}
.filter-popup {
position: absolute;
width: 100%;
max-width: 795px;
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
padding: 30px;
z-index: 100;
pointer-events: none;
opacity: 0;
transition: all 300ms ease;
}
.filter-form__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 20px;
}
.filter-form__header-col {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.more-specs-btn.js-open-filter-popup {
height: 40px;
background: #fff;
border: 1px solid #D8DBE8;
border-radius: 8px;
padding: 0 15px;
cursor: pointer;
}
.more-specs-btn.js-open-filter-popup:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 11px;
height: 8px;
}
.filter-tabs {
margin-bottom: 35px;
}
.catalog-rows {
display: grid;
grid-gap: 20px;
}
.catalog-rows > * {
min-width: 0;
}
.car-card > * {
min-width: 0;
}
.car-lg-card {
display: grid;
grid-template-columns: 285px 1fr;
grid-gap: 25px;
transition: all 300ms ease;
padding: 10px 15px;
margin: -10px -15px;
border-radius: 8px;
}
.car-lg-card__preview {
display: block;
height: 210px;
position: relative;
z-index: 1;
}
.car-card-gallery {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 8px;
position: relative;
z-index: 1;
}
.car-card-gallery .car-card-gallery__pag {
bottom: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 0 10px 15px;
}
.car-card-gallery .car-card-gallery__pag .swiper-pagination-bullet {
margin: 0;
opacity: 1;
height: 100%;
border-radius: 0;
flex: 1;
position: relative;
z-index: 1;
background: none;
}
.car-card-gallery .car-card-gallery__pag .swiper-pagination-bullet:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #fff;
width: 100%;
height: 3px;
border-radius: 3px;
}
.car-card-gallery .car-card-gallery__pag .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
opacity: .8;
}
.car-card-gallery__slide {
background-position: center;
background-size: cover;
}
.car-lg-card__content {
position: relative;
z-index: 1;
padding-right: 30px;
}
.car-lg-card__dh-buttons {
position: absolute;
right: 0;
top: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
}
.car-lg-card__dh-buttons .dh-btn {
opacity: .5;
}
.car-lg-card__dh-buttons .dh-btn.--active {
opacity: 1;
}
.car-lg-card__title {
font-size: 24px;
font-weight: bold;
color: #2B65EE;
text-decoration: none;
margin-bottom: 10px;
}
.car-lg-card__pricing {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.car-lg-card__pricing-value {
background: #2B65EE;
color: #fff;
font-size: 20px;
font-weight: bold;
border-radius: 8px;
padding: 5px;
position: relative;
z-index: 1;
}
.car-lg-card__pricing-value.--arrow-down {
margin-right: 30px;
}
.car-lg-card__pricing-value.--arrow-down:after {
content: "";
position: absolute;
right: -25px;
top: 0;
bottom: 0;
margin: auto;
background: url('data:image/svg+xml,') center no-repeat;
width: 17px;
height: 21px;
}
.car-tags {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
}
.car-tags__item {
background: #E6F5F5;
font-size: 12px;
font-weight: 500;
color: #1AA3B3;
padding: 3px 10px;
border-radius: 0 8px 8px 0;
}
.car-lg-card .car-card__props {
margin-bottom: 10px;
}
.car-lg-card__credit {
font-weight: 700;
font-size: 16px;
background: linear-gradient(90deg, #ef3131 0%, #ff7a00 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.car-lg-card:hover {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
}
.catalog-rows .gifts {
grid-gap: 30px;
}
.catalog-rows .gifts .gifts__card {
font-size: 18px;
padding: 25px;
height: 105px;
background-position: center right -19%;
}
.catalog-rows .gifts .gifts__card:first-child {
background-position: center right -47%;
}
.catalog-bottom {
margin-top: 30px;
display: grid;
grid-gap: 30px;
}
.catalog-bottom__row .btn {
width: 100%;
}
.pagination__links {
background: #F0F1F4;
border-radius: 8px;
width: max-content;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 3px 6px;
}
.pagination__links-item {
padding: 6px 12px;
text-decoration: none;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #525670;
line-height: 24px;
}
.pagination__links-item.pagination__links-item_active {
background: #fff;
border-radius: 5px;
}
.aside-offer-form {
background: #E6F5F5;
border-radius: 8px;
padding: 20px 25px;
}
.aside-offer-form__heading {
font-family: 'DIN Pro Cond', sans-serif;
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
background: url(../img/help-offer-asset.webp) top right;
background-size: 43%;
background-repeat: no-repeat;
}
.aside-offer-form__inputs {
display: grid;
grid-gap: 10px;
}
.page-aside-tpl__sidebar {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.specials-block.specials-block_aside {
padding: 20px 25px;
}
.section-heading span {
flex: 1;
}
.specials-block.specials-block_aside .specials-block__grid {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.filter-form__header-col .main-form-label > .select2-container {
min-width: 180px;
max-width: 250px;
}
.car-lg-card__vin {
position: absolute;
left: 10px;
top: 10px;
z-index: 2;
background: #E8E8E8;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
border-radius: 8px;
padding: 5px 6px;
}
.car-lg-card__vin:before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 13px;
height: 13px;
}
.filter-form.--filter-show-popup .more-specs-btn.js-open-filter-popup:after {
transform: rotate(180deg);
}
.filter-form.--filter-show-popup .more-specs-btn.js-open-filter-popup {
background: #E5F2FF;
border-color: #2B65EE;
}
.filter-popup-container {
position: relative;
z-index: 2;
}
.filter-popup__inputs {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px 30px;
margin-bottom: 30px;
}
.filter-popup__buttons {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 30px;
}
.filter-popup__buttons .btn {
width: calc(33.33% - 20px);
}
.btn.btn_gray_border {
font-size: 14px;
font-weight: 500;
color: #8A8D95;
background: #fff;
border: 1px solid #D8DBE8;
}
.main-form-input.main-form-input_border {
border: none;
border-bottom: 1px solid #D8DBE8;
border-radius: 0;
}
.main-form-select.main-form-select_border + .select2-container .select2-selection--single {
border-radius: 0;
border: none;
border-bottom: 1px solid #D8DBE8;
}
.filter-form.--filter-show-popup .filter-popup {
opacity: 1;
pointer-events: auto;
}
.filter-selected {
margin-top: 20px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.filter-selected__option {
font-size: 14px;
font-weight: 500;
border: 1px solid #D8DBE8;
border-radius: 24px;
background: url('data:image/svg+xml,') #fff center right 15px no-repeat;
padding: 5px 36px 5px 15px;
cursor: pointer;
}
.select2-selection--single:not(.--placeholder) .select2-selection__rendered {
color: #000;
}
.car-new-card {
padding: 30px 25px;
margin: -15px -25px;
transition: all 300ms ease;
border-radius: 8px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.car-new-card:hover {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
}
.car-new-card__title {
font-size: 24px;
font-weight: bold;
color: #2B65EE;
text-decoration: none;
margin-bottom: 10px;
}
.car-new-card__desc {
margin-bottom: 20px;
}
.car-props__row {
display: grid;
grid-template-columns: repeat(2, 1fr);
border-top: 1px solid #CCCED3;
border-bottom: 1px solid #CCCED3;
margin-bottom: -1px;
padding: 10px 0;
}
.car-props__text a {
display: inline;
color: #2B65EE;
text-decoration: none;
}
.car-props {
margin-bottom: 20px;
}
.car-new-card__price {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.car-new-card__buttons {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
}
.btn.btn_text_secondary {
font-weight: 700;
font-size: 16px;
background: linear-gradient(90deg, #ef3131 0%, #ff7a00 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 0;
}
.car-new-card__buttons .btn:first-child {
font-weight: bold;
}
.car-new-card__preview {
background: #F4F4F4;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
height: 230px;
width: 100%;
max-width: 355px;
padding: 35px;
position: relative;
z-index: 1;
}
.car-new-card__preview-img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.car-new-card__preview-colors {
position: absolute;
left: 19px;
bottom: 16px;
background: #fff;
border-radius: 45px;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 8px;
}
.car-new-card__preview-colors span {
width: 15px;
height: 15px;
border: 1px solid #DBDBDB;
border-radius: 50%;
display: block;
}
.model-page {
display: grid;
grid-gap: 25px;
margin-bottom: 20px;
}
.model-page__top {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
}
.model-page__price {
font-size: 20px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.model-page__price.--arrow-down:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 15px;
height: 19px;
}
.model-page__type {
font-size: 20px;
font-weight: 500;
color: #1AA3B3;
}
.model-page__body {
display: grid;
grid-template-columns: 1fr .75fr;
grid-gap: 30px;
}
.model-colors-preview {
height: 315px;
display: flex;
align-items: center;
justify-content: center;
background: #F4F4F4;
border-radius: 12px;
padding: 40px;
position: relative;
z-index: 1;
}
.model-colors-preview__image {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.model-colors-preview__colors {
position: absolute;
left: 20px;
bottom: 20px;
background: #fff;
border-radius: 60px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
}
.model-colors-preview__color-btn {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #DBDBDB;
cursor: pointer;
}
.model-contacts {
background: #fff;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
margin-bottom: 20px;
}
.model-contacts__title {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
.model-contacts__buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.btn-show-phone a {
display: none;
}
.btn-show-phone.--show-phone a {
display: block;
color: inherit;
text-decoration: none;
}
.btn-show-phone.--show-phone span {
display: none;
}
.btn.btn_light {
background: #E5F2FF;
color: #2B65EE;
}
.btn_light.btn_light_phone:before {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 13px;
height: 13px;
}
.model-contacts__buttons .btn {
padding: 0;
}
.model-page__col .car-props {
margin-bottom: 0;
}
.model-gallery__image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.model-gallery__grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
.model-gallery__link:nth-child(n + 6) {
display: none;
}
.model-gallery {
margin-bottom: 20px;
}
.model-tabs__nav {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.model-tabs__nav-item {
height: 40px;
padding: 0 12px;
border: 1px solid #D8DBE8;
border-radius: 8px;
color: #8A8D95;
background: #fff;
cursor: pointer;
}
.model-tabs__nav-item.js-gl-tab-link-active {
background: #E5F2FF;
border: 1px solid #2B65EE;
color: #2B65EE;
}
.model-tabs {
margin-bottom: 30px;
}
.car-card__top {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.car-card__tag {
border-radius: 8px;
padding: 6px 10px;
background: #fff;
opacity: 0.9;
font-weight: 500;
color: #009999;
}
.car-card__actions .dh-btn.dh-btn_favourites {
background: url('data:image/svg+xml,') center no-repeat;
margin-left: auto;
}
.car-card__actions .dh-btn.dh-btn_favourites.--active {
opacity: .6;
}
.catalog__grid.catalog__grid_3columns {
grid-template-columns: repeat(3, 1fr);
}
.model-gifts.catalog-rows {
margin-bottom: 30px;
}
.car-card__actions {
margin-left: auto;
}
.aside-offer-form.aside-offer-form_model-page .aside-offer-form__heading {
background: url(../img/model-page-offer-asset.webp) top right no-repeat;
min-height: 80px;
margin-bottom: -10px;
}
.aside-offer-form__payment {
font-weight: 700;
font-size: 18px;
background: linear-gradient(90deg, #ef3131 0%, #ff7a00 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
}
.model-compare-form {
display: -ms-grid;
display: grid;
grid-gap: 40px;
}
.model-compare-form__section-title {
font-size: 16px;
font-weight: bold;
}
.compare-table__head, .compare-item__row {
display: -ms-grid;
display: grid;
grid-template-columns: 1fr 200px 190px 190px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
}
.compare-table__head__col b {
font-weight: 600;
}
.compare-table__items {
display: -ms-grid;
display: grid;
grid-gap: 20px;
}
.compare-buttons__inner {
display: -ms-grid;
display: grid;
}
.compare-price__data {
background: none;
border: none;
display: block;
font-size: 16px;
font-weight: bold;
}
[data-accordion-target] {
cursor: pointer;
}
.compare-old-price__data {
text-decoration: line-through;
font-size: 18px;
}
.compare-payment__data {
font-size: 14px;
font-weight: bold;
font-weight: 700;
background: linear-gradient(90deg, #ef3131 0%, #ff7a00 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.compare-name {
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: 15px;
}
.compare-name__data {
background: none;
border: none;
text-align: left;
position: relative;
z-index: 1;
padding-right: 25px;
font-size: 14px;
font-weight: 500;
}
.compare-name__data:after {
content: "";
width: 16px;
height: 9px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: url('data:image/svg+xml,') center/contain no-repeat;
}
.compare-name__data.js-gl-acc-button-active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.compare-item__hidden-content {
display: none;
padding: 5px 20px 20px;
}
.compare-description {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-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: 18px;
font-weight: bold;
}
.compare-description__list {
display: -ms-grid;
display: grid;
grid-gap: 10px;
list-style: none;
}
.model-compare-form__bottom .btn {
width: 100%;
max-width: 280px;
font-size: 16px;
font-weight: 600;
}
.compare-table__head__col:last-child {
font-size: 13px;
color: #969696;
}
.compare-item__col:last-child {
padding-left: 0;
}
.compare-name .main-form-checkbox__checkmark {
width: 25px;
height: 25px;
border: 1px solid #E4E4EB;
border-radius: 5px;
background-size: 14px;
}
.compare-item__col:not(:first-child), .compare-table__head__col:not(:first-child) {
padding-left: 20px;
}
.compare-description__list-item.list-item {
font-size: 16px;
}
.compare-description__list-item.list-item:after {
top: 2px;
}
.compare-table__head {
padding: 15px 0;
}
.compare-buttons .btn {
padding: 0;
font-size: 14px;
box-shadow: none;
height: 30px;
}
.compare-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.compare-payment__data b {
font-weight: bold;
}
.compare-item {
background: #FFF;
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
border-radius: 8px;
}
.compare-price__data span {
margin-left: 10px;
position: relative;
z-index: 1;
color: #009900;
padding-right: 18px;
}
.compare-price__data span:after {
content: "";
position: absolute;
right: 0;
top: 1px;
bottom: 0;
margin: auto;
background: url('data:image/svg+xml,') center no-repeat;
width: 11px;
height: 15px;
}
.model-contacts__buttons .btn {
box-shadow: none;
}
.page-heading-used {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 25px;
margin-bottom: 15px;
}
.page-heading-used .page-heading {
margin-bottom: 0;
}
.page-heading-used .car-card__props {
margin-bottom: 0;
}
.model-page__top .car-tags {
margin-bottom: 0;
}
.model-used-preivew {
position: relative;
z-index: 1;
}
.model-used-preivew__label {
position: absolute;
left: 16px;
bottom: 16px;
pointer-events: none;
}
.model-used-preivew.model-gallery {
margin-bottom: 0;
}
.model-contacts.model-contacts_used {
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.model-contacts__geo {
flex: 1;
display: grid;
background: url(../img/model-used-contacts-icon.webp) center left no-repeat;
height: 44px;
align-items: center;
padding-left: 55px;
}
.model-contacts.model-contacts_used .btn {
padding: 0 9px;
}
.model-contacts__geo-loc {
font-size: 14px;
font-weight: 500;
}
.model-contacts__geo-time {
font-size: 12px;
font-weight: 300;
color: #525670;
}
.aside-credit-form {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
padding: 20px;
}
.aside-credit-form__heading {
font-family: 'DIN Pro Cond';
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
background: url(../img/benefit-credit-icon.webp) center left no-repeat;
padding-left: 42px;
}
.aside-credit-form__payment {
background: #E5F2FF;
color: #2B65EE;
font-weight: 500;
padding: 10px 20px;
display: inline-flex;
border-radius: 8px;
margin-bottom: 16px;
}
.aside-credit-form .main-form-range:first-child .main-form-range__heading {
font-size: 12px;
}
.aside-credit-form__ranges {
display: grid;
grid-gap: 15px;
margin-bottom: 15px;
}
.aside-credit-form .main-form-range__heading {
margin-bottom: 6px;
}
.aside-credit-form__inputs {
display: grid;
grid-gap: 10px;
}
.model-price-check {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
padding: 20px 30px;
margin-bottom: 20px;
}
.model-price-check__title {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.mp-check {
display: grid;
grid-gap: 10px;
margin-bottom: 20px;
}
.mp-check__values {
display: flex;
align-items: center;
justify-content: space-between;
gap: 3px;
}
.mp-check__item {
flex: 1;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 25px;
font-weight: 500;
color: #fff;
}
.mp-check__item.--active {
line-height: 32px;
}
.mp-check__text {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
}
.model-price-check__description {
font-size: 12px;
margin-bottom: 20px;
}
.model-check {
display: grid;
grid-gap: 20px;
}
.model-check__title {
font-size: 18px;
font-weight: bold;
background: url('data:image/svg+xml,') center left no-repeat;
line-height: 25px;
padding-left: 36px;
}
.model-check__content {
display: grid;
grid-template-columns: 1fr 240px;
grid-gap: 10px;
}
.model-check__button {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.model-check__button .btn {
width: 100%;
}
.model-check__futures {
display: grid;
grid-template-columns: repeat(3 ,1fr);
grid-gap: 15px;
}
.model-check__futures-item {
background: url('data:image/svg+xml,') center left no-repeat;
font-size: 14px;
padding-left: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.model-check__futures-link {
background: none;
text-align: left;
border: none;
font-size: 14px;
color: #2B65EE;
text-decoration: underline;
cursor: pointer;
}
.model-desc {
background: #fff;
border-radius: 8px;
padding: 30px 40px;
display: -ms-grid;
display: grid;
grid-gap: 30px;
border: 1px solid #CCCED3;
margin-bottom: 20px;
}
.model-desc__title {
font-size: 20px;
font-weight: bold;
position: relative;
z-index: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.model-desc__title span {
font-weight: 300;
}
.compare-description {
column-count: 2;
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: 16px;
font-weight: bold;
}
.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;
}
.model-desc__title:after {
content: "";
width: 25px;
height: 14px;
display: block;
background: url('data:image/svg+xml,') center no-repeat;
}
.model-desc__body {
display: none;
}
.model-desc__title.js-gl-toggle-button-active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.model-desc__body.js-gl-toggle-target-active {
display: block;
}
.mobile-menu {
background: #fff;
border-radius: 8px;
position: absolute;
top: -59px;
left: 10px;
z-index: 100;
padding: 20px;
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
}
.mobile-menu__nav {
display: grid;
grid-gap: 25px;
border-bottom: 1px solid #CCCED3;
padding-bottom: 25px;
margin-bottom: 25px;
}
.mobile-menu__nav-item {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
font-size: 16px;
color: #525670;
text-decoration: none;
padding: 6px 12px;
}
.mobile-menu__contacts {
display: grid;
grid-gap: 20px;
}
.mobile-menu__contacts-item {
font-size: 14px;
font-weight: 300;
color: #525670;
}
.mobile-menu__contacts-link {
font-size: 20px;
font-weight: bold;
color: #353535;
text-decoration: none;
}
.mobile-menu__contacts .btn {
font-size: 16px;
width: max-content;
}
.mobile-menu.js-m-menu.js-gl-toggle-target-active {
display: block;
}
.dheader-hamburger.js-gl-toggle-button-active {
opacity: .5;
transform: scale(.9);
}
#modal-callback {
padding: 15px 25px;
max-width: 305px;
}
.modal {
background: #F8F8FC;
border-radius: 8px;
}
.mc-heading {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin-bottom: 12px;
}
.mc-heading__title {
font-family: 'DIN Pro Cond';
font-size: 24px;
font-weight: bold;
}
.mc-heading__description {
font-size: 12px;
}
.mc-heading:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 33px;
height: 33px;
}
.modal__form__inputs {
display: grid;
grid-gap: 10px;
}
#modal-success {
padding: 20px;
text-align: center;
max-width: 305px;
}
.modal__title {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.modal__description {
font-size: 14px;
}
.modal-car-check {
max-width: 950px;
padding: 33px;
background: #fff;
}
.modal-car-check__grid {
display: grid;
grid-template-columns: 1fr .65fr;
grid-gap: 40px;
}
.modal-car-check__grid:first-child {
margin-bottom: 30px;
}
.model-gallery.model-gallery-cc {
display: grid;
grid-gap: 20px;
}
.model-gallery-cc__main-photo {
width: 100%;
height: 385px;
}
.model-gallery-cc__main-photo-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.model-gallery-cc__bottom .model-gallery__link:nth-child(n + 4) {
display: none;
}
.model-gallery-cc__bottom .model-gallery__grid {
grid-template-columns: repeat(3, 1fr);
}
.modal-car-check__heading {
display: grid;
}
.modal-car-check__heading-sub {
font-size: 13px;
color: #8F8F8F;
}
.modal-car-check__heading-main {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.modal-car-check__col .car-props__row:first-child {
border-top: 0;
}
.modal-car-check__col .car-props__row:last-child {
border-bottom: 0;
}
.modal-car-check__form {
display: grid;
grid-gap: 10px;
max-width: 265px;
}
.modal-car-check__col .car-props {
margin-bottom: 10px;
max-width: 265px;
font-size: 14px;
}
.modal-car-check__col .car-props__title {
color: #A9A9A9;
}
.modal-car-check__col .car-props__row {
gap: 10px;
padding: 20px 0;
}
.mcc-desc-grid {
display: grid;
grid-gap: 30px;
}
.mcc-desc-block__heading {
font-size: 18px;
font-weight: bold;
position: relative;
z-index: 1;
padding-left: 27px;
margin-bottom: 8px;
}
.mcc-desc-block__heading:after {
content: "";
position: absolute;
top: 4px;
left: 0;
width: 14px;
height: 14px;
background: #89D61C;
border-radius: 50%;
}
.mcc-desc-block__text {
font-size: 12px;
}
.finance-desc {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
}
.finance-desc__text {
font-size: 14px;
line-height: 140%;
}
.finance-form {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
padding: 25px 30px;
border-radius: 8px;
}
.finance-form__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.finance-form-dynamic-heading {
font-family: 'DIN Pro Cond', sans-serif;
font-size: 36px;
font-weight: bold;
margin-bottom: 20px;
}
.finance-form__ranges {
display: grid;
grid-gap: 15px;
margin-bottom: 20px;
}
.finance-form__ranges .main-form-range__heading {
margin-bottom: 6px;
}
.finance-form__inputs {
display: grid;
grid-gap: 15px;
}
.finance-form-car-select {
height: 100%;
border: 1px solid #D8DBE8;
border-radius: 8px;
display: grid;
grid-template-columns: repeat(2, 1fr);
/* overflow: hidden; */
position: relative;
z-index: 1;
}
.finance-form-car-select:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 1px;
height: 100%;
background: #D8DBE8;
margin: auto;
z-index: -1;
}
.finance-form-car-select__btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
font-weight: 500;
color: #2B65EE;
text-decoration: underline;
cursor: pointer;
border: 1px solid transparent;
margin: -1px;
}
.finance-form-car-select__btn:hover {
background: #E5F2FF;
border-color: #2B65EE;
}
.finance-form-car-select__btn:first-child {
border-radius: 8px 0 0 8px;
}
.finance-form-car-select__btn:last-child {
border-radius: 0 8px 8px 0;
}
.finance-terms:not(:last-child) {
margin-bottom: 30px;
}
.finance-terms__heading {
font-weight: bold;
margin-bottom: 15px;
}
.finance-terms__list-item {
display: list-item;
margin-left: 20px;
font-size: 14px;
}
.finance-terms__list {
display: grid;
grid-gap: 10px;
line-height: 145%;
}
.finance-terms__list-item b {
font-weight: bold;
color: #009999;
}
.finance-terms:last-child b {
color: #000;
}
.seo-container:not(:last-child) {
margin-bottom: 30px;
}
.seo-container {
display: grid;
grid-gap: 20px;
}
.banks {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px 30px;
}
.banks__card {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
padding: 14px;
}
.banks__card-logo {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.finance-form__grid > * {
min-width: 0;
}
.finance-form-car__preview {
max-width: 285px;
height: 215px;
position: relative;
z-index: 1;
margin-bottom: 10px;
}
.finance-form-car__preview .dh-btn {
position: absolute;
right: 13px;
top: 11px;
z-index: 2;
background: url('data:image/svg+xml,') center no-repeat;
}
.finance-form-car__price {
position: absolute;
left: 10px;
bottom: 30px;
z-index: 4;
background: #2B65EE;
border-radius: 8px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 20px;
font-weight: bold;
padding: 5px 10px;
}
.finance-form-car__price small {
font-size: 15px;
font-weight: normal;
}
.finance-form-car__title {
font-size: 20px;
font-weight: bold;
color: #2B65EE;
margin-bottom: 10px;
}
.finance-form-car__props {
margin-bottom: 10px;
}
.finance-form-car__row {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 40px;
margin-bottom: 10px;
}
.finance-form-car__payment {
background: #E5F2FF;
color: #2B65EE;
font-weight: 500;
padding: 10px 20px;
border-radius: 8px;
}
.finance-form-car__reset {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #D8DBE8;
border-radius: 23px;
background: #fff;
padding: 6px 15px;
font-size: 14px;
font-weight: 500;
color: #CC291F;
gap: 10px;
cursor: pointer;
}
.finance-form-car__reset:after {
content: "";
background: url('data:image/svg+xml,') center no-repeat;
width: 13px;
height: 13px;
}
.finance-form-car.finance-form-car_new .finance-form-car__preview {
background: #F4F4F4;
border-radius: 8px;
max-width: 340px;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
margin-bottom: 26px;
}
.finance-form-car__thumb {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.sidebar-filter-template .fancybox-slide {
padding: 0;
text-align: right;
}
.modal-car-select {
border-radius: 0;
width: 100%;
max-width: 960px;
padding: 20px 50px;
background: #fff;
min-height: 100vh;
}
.modal-car-select__header {
font-size: 32px;
font-weight: 500;
padding-bottom: 20px;
border-bottom: 1px solid #CCCED3;
margin-bottom: 20px;
}
.modal-car-select__filter {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
margin-bottom: 35px;
}
.modal-car-select__placeholder {
display: grid;
grid-gap: 24px;
}
.modal-car-select__placeholder-text {
font-size: 36px;
font-weight: bold;
}
.modal-car-select__placeholder-sub {
font-size: 20px;
font-weight: 500;
}
.modal-car-select__grid {
display: grid;
grid-template-columns: repeat(3 ,1fr);
grid-gap: 20px;
}
.btn:disabled {
filter: grayscale(1) brightness(1.3);
}
.stocks-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 25px;
}
.stock-card {
padding: 20px;
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
}
.stock-card__image {
width: 100%;
height: 195px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 16px;
}
.stock-card__content {
display: grid;
grid-gap: 12px;
}
.stock-card__title {
font-size: 20px;
font-weight: bold;
}
.stock-card__desc {
color: #2B65EE;
}
.contacts-map {
width: 100%;
height: 440px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 30px;
}
.contacts-map__iframe {
width: 100%;
height: 100%;
border: none;
}
.contacts-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.contacts-row__aside {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 90px;
}
.contacts-row__worktime {
font-size: 14px;
font-weight: 300;
color: #525670;
}
.contacts-row__phone {
font-size: 20px;
font-weight: bold;
color: #353535;
text-decoration: none;
}
.contacts-form {
box-shadow: 0 4px 24px 0 rgba(9, 19, 52, 0.04), 0 2px 6px 0 rgba(0, 0, 0, 0.06);
background: #fff;
border-radius: 8px;
padding: 20px 45px;
}
.contacts-form__title {
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
}
.contacts-form__grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr;
grid-gap: 16px;
}
.contacts-form__col {
display: grid;
grid-gap: 15px;
}
.main-form-textarea {
width: 100%;
height: 100%;
resize: none;
border: 1px solid #D8DBE8;
border-radius: 8px;
padding: 10px 15px;
}
.modal-finance {
padding: 30px 35px;
width: 100%;
max-width: 650px;
background: #fff;
}
.modal-finance__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
margin-bottom: 20px;
}
.modal-finance__title {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.modal-finance__car-name {
font-size: 20px;
font-weight: bold;
color: #192F24;
margin-bottom: 10px;
}
.modal-finance__payment {
font-weight: bold;
margin-bottom: 13px;
}
.modal-finance__payment span {
font-size: 18px;
background: linear-gradient(90deg, #ef3131 0%, #ff7a00 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.modal-finance__price {
font-size: 24px;
font-weight: bold;
color: #091334;
}
.modal-finance__car-img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.modal-finance__form-inputs {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
margin-bottom: 10px;
}
.cp-pricing__heading {
font-size: 14px;
font-weight: 700;
}
.cp-pricing {
display: grid;
grid-gap: 16px;
}
.cp-pricing__rows {
display: grid;
grid-gap: 20px;
}
.cp-pricing__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.cp-name {
margin-right: auto;
font-size: 14px;
}
.cp-toggle__input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.cp-toggle {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
}
.cp-toggle__switch {
background: #CDDCF3;
width: 18px;
height: 8px;
border-radius: 12px;
position: relative;
z-index: 1;
}
.cp-toggle__switch:after {
content: "";
background: #2B65EE;
width: 12px;
height: 12px;
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
}
.cp-toggle__input:checked ~ .cp-toggle__switch:after {
left: 43%;
}
.cp-value {
font-size: 14px;
font-weight: 700;
color: #2B65EE;
}
.cp-pricing__heading span {
color: #2B65EE;
}
.assortment-header {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
margin-bottom: 40px;
}
.assortment-header .page-heading {
margin: 0;
max-width: 80%;
}
.specials-catalog__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.specials-catalog {
background: #F5F3FF;
border-radius: 8px;
padding: 30px 40px;
}
.page-aside-tpl.page-aside-tpl_specials .main-marks-grid.js-more-items {
--limit-items: 29;
}
.section-page.section-page_asort .model-colors-preview {
padding: 0;
overflow: hidden;
}
.section-page.section-page_asort .model-colors-preview__image {
object-fit: cover;
}
.model-tabs__header {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
margin-bottom: 20px;
}
.offer-countdown {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
background: #F5F3FF;
border-radius: 8px;
padding: 0 20px;
line-height: 40px;
}
.offer-countdown__text {
font-weight: 700;
text-transform: uppercase;
}
.offer-countdown__render {
font-size: 20px;
font-weight: 400;
}
.offer-countdown__end {
font-size: 14px;
color: #FF7A00;
}
.model-tabs__header .model-tabs__nav {
margin-bottom: 0;
}
.offer-countdown__render span {
color: #FF7A00;
}