* {
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
background: url(../img/promo-bg.png) top center no-repeat;
background-color: #151518;
box-sizing: border-box;
}
._customer-section {
box-sizing: border-box;
}
._customer-section * {
box-sizing: border-box;
font-variant-numeric: lining-nums;
font-family: "Unbounded", sans-serif;
}
._customer-section__container {
max-width: 1832px;
margin: 0 auto;
padding: 0 20px;
}
._customer-toolbar {
padding: 10px 0;
background-color: #151518;
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.25);
position: fixed;
top: -120px;
left: 0;
z-index: 10;
transition: 0.6s all ease;
max-width: 100%;
width: 100%;
}
._customer-toolbar_active {
top: 0;
}
._customer-toolbar__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
._customer-toolbar__logo {
display: block;
text-decoration: none;
outline: none;
overflow: hidden;
color: transparent !important;
width: 100px;
height: 102px;
}
._customer-toolbar__img {
display: block;
width: 100%;
height: 100%;
}
._customer-toolbar__row {
display: flex;
align-items: center;
gap: 40px;
}
._customer-toolbar__phones {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 44px;
background-image: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
}
._customer-toolbar__phone {
display: block;
text-decoration: none;
outline: none;
white-space: nowrap;
max-width: max-content;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-toolbar__phone:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-toolbar__email {
display: block;
text-decoration: none;
outline: none;
white-space: nowrap;
max-width: max-content;
padding-left: 43px;
background-image: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-toolbar__email:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-toolbar__tg {
white-space: nowrap;
max-width: max-content;
padding-right: 44px;
background-image: url('data:image/svg+xml,');
background-position: right center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-toolbar__tg:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-toolbar__order {
white-space: nowrap;
max-width: max-content;
padding-right: 44px;
background-image: url('data:image/svg+xml,');
background-position: right center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-toolbar__order:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-header {
padding: 32px 0;
position: relative;
z-index: 5;
}
._customer-header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
._customer-header__logo {
display: block;
text-decoration: none;
outline: none;
overflow: hidden;
color: transparent !important;
width: 150px;
height: 153px;
}
._customer-header__img {
display: block;
width: 100%;
height: 100%;
}
._customer-header__row {
display: flex;
align-items: center;
gap: 40px;
}
._customer-header__phones {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 44px;
background-image: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
}
._customer-header__phone {
display: block;
text-decoration: none;
outline: none;
white-space: nowrap;
max-width: max-content;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-header__phone:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-header__email {
display: block;
text-decoration: none;
outline: none;
white-space: nowrap;
max-width: max-content;
padding-left: 43px;
background-image: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-header__email:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-header__tg {
white-space: nowrap;
max-width: max-content;
padding-right: 44px;
background-image: url('data:image/svg+xml,');
background-position: right center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-header__tg:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-header__order {
white-space: nowrap;
max-width: max-content;
padding-right: 44px;
background-image: url('data:image/svg+xml,');
background-position: right center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-header__order:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-promo {
padding: 217px 0 0 0;
min-height: 950px;
position: relative;
z-index: 1;
top: -217px;
margin-bottom: -217px;
}
._customer-promo ._customer-section__container {
position: relative;
z-index: 3;
}
._customer-promo__title {
max-width: 1832px;
margin: 0 auto;
padding: 0 20px;
width: 100%;
height: 109px;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
z-index: 1;
}
._customer-promo__img {
display: block;
max-width: 100%;
}
._customer-promo__img_mobile {
display: none;
}
._customer-promo__subtitle {
margin-top: 16px;
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #b8f301;
}
._customer-promo__slider {
overflow: hidden;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 1920px;
margin: 0 auto;
z-index: 2;
}
._customer-promo__slide {
padding: 0 !important;
height: 950px !important;
overflow: hidden !important;
}
._customer-promo__slide-1 {
background: url(../img/slide-bg-1.png) top center/cover no-repeat;
}
._customer-promo__slide-2 {
background: url(../img/slide-bg-2.png) top center/cover no-repeat;
}
._customer-promo__slide-3 {
background: url(../img/slide-bg-3.png) top center/cover no-repeat;
}
._customer-promo__slide-4 {
background: url(../img/slide-bg-4.png) top center/cover no-repeat;
}
._customer-promo__content {
position: relative;
z-index: 2;
}
._customer-promo__wrapper {
position: relative;
}
._customer-promo__arrows {
display: flex;
align-items: center;
gap: 16px;
position: absolute;
bottom: 232px;
left: 0;
}
._customer-promo__prev {
width: 76px;
height: 76px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
outline: none;
}
._customer-promo__prev:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-promo__next {
width: 76px;
height: 76px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
outline: none;
}
._customer-promo__next:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-promo__pag-name {
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #fff;
}
._customer-promo__pagination {
border-radius: 100px;
padding: 15px 79px;
width: 100%;
height: 100px;
box-shadow: 0 8px 0 0 #b8f301;
background-color: #151518;
position: absolute;
bottom: 100px;
left: 0;
}
._customer-promo__pagination .swiper-pagination {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 96px !important;
width: auto !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
outline: none !important;
margin: 0 !important;
padding: 0 !important;
}
._customer-promo__pagination .swiper-pagination-bullet {
display: flex !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 16px !important;
border: none !important;
border-radius: 0 !important;
outline: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
max-width: max-content !important;
background: transparent !important;
opacity: 1 !important;
transition: none !important;
}
._customer-promo__pagination .swiper-pagination-bullet span {
font-family: "Raleway", sans-serif !important;
font-weight: 400 !important;
font-size: 20px !important;
line-height: 46px !important;
color: #fff !important;
}
._customer-promo__pagination .swiper-pagination-bullet-active ._customer-promo__pag-name {
color: #b8f301;
}
._customer-promo__btn {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
width: 100%;
height: 76px;
border-radius: 50px;
background-color: #b8f301;
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
color: #151518;
position: absolute;
bottom: 0;
left: 0;
}
._customer-promo__btn span {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
}
._customer-promo__btn:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-opt {
padding: 120px 0;
}
._customer-opt__title {
display: flex;
flex-wrap: wrap;
column-gap: 24px;
}
._customer-opt__title img {
display: block;
height: 77px;
}
._customer-opt__title_mobile {
display: none;
}
._customer-opt__items {
margin-top: 64px;
display: flex;
justify-content: space-between;
}
._customer-opt__item {
width: 23.661%;
position: relative;
padding: 128px 32px 32px 32px;
min-height: 272px;
}
._customer-opt__bg {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
._customer-opt__bg_mobile {
display: none;
}
._customer-opt__icon {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 128px;
height: 128px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
._customer-opt__descr {
position: relative;
z-index: 2;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff;
}
._customer-opt__descr span {
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #b8f301;
}
._customer-dealer {
padding: 0 0 120px 0;
}
._customer-dealer__title {
display: flex;
flex-wrap: wrap;
column-gap: 24px;
}
._customer-dealer__title img {
display: block;
height: 77px;
}
._customer-dealer__title_mobile {
display: none;
}
._customer-dealer__slider {
margin-top: 64px;
overflow: hidden;
}
._customer-dealer__slider .swiper-container,
._customer-dealer__slider .swiper-wrapper {
height: auto !important;
}
._customer-dealer__slide {
padding: 0 !important;
overflow: hidden !important;
height: auto !important;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
._customer-dealer__heading {
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 45px;
text-transform: uppercase;
color: #b8f301;
}
._customer-dealer__location {
display: block;
text-decoration: none;
outline: none;
max-width: max-content;
padding-left: 44px;
background-image: url('data:image/svg+xml,');
background-position: left top;
background-repeat: no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-dealer__location span {
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-dealer__location:hover {
cursor: pointer;
text-decoration: underline;
}
._customer-dealer__control {
margin-top: 64px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 32px;
}
._customer-dealer__prev {
width: 40px;
height: 40px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 40px;
outline: none;
}
._customer-dealer__prev:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-dealer__next {
width: 40px;
height: 40px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 40px;
outline: none;
}
._customer-dealer__next:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-dealer__prev.swiper-button-disabled,
._customer-dealer__next.swiper-button-disabled {
opacity: 1 !important;
cursor: not-allowed !important;
}
._customer-dealer__scrollbar {
flex: 1;
}
._customer-dealer__scrollbar .swiper-scrollbar {
width: 100% !important;
height: 16px !important;
background-color: transparent !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
outline: none !important;
margin: 0 !important;
padding: 0 !important;
z-index: 1 !important;
box-shadow: 0 4px 0 0 #b8f301 !important;
}
._customer-dealer__scrollbar .swiper-scrollbar .swiper-scrollbar-drag {
height: 16px !important;
background-color: #b8f301 !important;
cursor: pointer !important;
}
._customer-feed {
padding: 0 0 120px 0;
}
._customer-feed__title {
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #fff;
}
._customer-feed__title span {
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #b8f301;
}
._customer-feed__wrapper {
margin-top: 64px;
display: flex;
justify-content: center;
}
._customer-about {
max-width: 1920px;
margin: 0 auto;
background: url(../img/about-bg.png) top center/cover no-repeat;
padding: 239px 0 119px 0;
}
._customer-about__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
}
._customer-about__title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
._customer-about__title img {
display: block;
height: 77px !important;
}
._customer-about__text {
flex: 1;
max-width: 880px;
font-family: "Raleway", sans-serif !important;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-map {
max-width: 1920px;
margin: 0 auto;
}
._customer-map ._customer-section__container {
position: relative;
z-index: 2;
}
._customer-map__wrapper {
position: relative;
z-index: 1;
cursor: pointer;
}
._customer-map__wrapper:before {
content: "Нажмите, чтобы изменить масштаб";
display: flex;
justify-content: center;
align-items: center;
padding-left: 744px;
font-family: "Raleway", sans-serif;
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #fff;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: 0.5s all ease;
box-sizing: border-box;
}
._customer-map__wrapper:hover:before {
opacity: 1;
}
._customer-map__wrapper_active:before {
display: none;
}
._customer-map iframe {
display: block;
width: 100%;
max-width: 100%;
height: 659px;
max-height: 659px;
border: none;
outline: none;
}
._customer-map__info {
border-radius: 32px;
padding: 64px;
width: 684px;
background-color: #151518;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
position: absolute;
top: 120px;
left: 20px;
z-index: 2;
}
._customer-map__title {
display: block;
height: 231px;
}
._customer-map__location {
display: block;
text-decoration: none;
outline: none;
max-width: max-content;
padding-left: 44px;
background-image: url('data:image/svg+xml,');
background-position: left top;
background-repeat: no-repeat;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-map__location span {
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-map__location:hover {
cursor: pointer;
text-decoration: underline;
}
._customer-order {
padding: 120px 0;
}
._customer-order__title {
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #fff;
}
._customer-order__title span {
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #b8f301;
}
._customer-order__wrapper {
margin-top: 64px;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 50px;
}
._customer-order__tg {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
._customer-order__tg img {
display: block;
width: 232px !important;
max-width: 232px;
height: 232px !important;
max-height: 232px;
}
._customer-order__tg span {
white-space: nowrap;
font-family: "Raleway", sans-serif !important;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-order__tg span:hover {
cursor: pointer;
text-decoration: underline;
}
._customer-order__tg:hover {
cursor: pointer;
}
._customer-order__form {
flex: 1;
max-width: 1336px;
}
._customer-order__form-inputs {
display: flex;
justify-content: space-between;
}
._customer-order__form ._customer-form__field {
display: block;
width: 31.737%;
border: none;
border-bottom: 2px solid #b8f301;
border-radius: 0 !important;
padding: 0 0 0 32px;
height: 60px !important;
background-color: transparent;
outline: 0;
font-family: "Raleway", sans-serif !important;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-order__form ._customer-form__field::placeholder {
color: #fff;
}
._customer-order__form ._customer-form__field:invalid {
border-color: #db3951;
}
._customer-order__form textarea._customer-form__field {
margin: 32px 0 0 0;
width: 100%;
height: 60px !important;
border: none;
border-bottom: 2px solid #b8f301;
padding: 16px 0 0 32px;
font-size: 20px;
line-height: 28px;
resize: none;
border-radius: 0 !important;
background-color: transparent;
color: #fff;
}
._customer-order__form textarea._customer-form__field::placeholder {
color: #fff;
}
._customer-order__form-row {
margin-top: 48px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 32px;
}
._customer-order__form ._customer-form__recaptcha {
display: flex;
justify-content: center;
align-items: center;
}
._customer-order__form ._customer-form__action_submit {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 60px;
width: 330px;
height: 76px;
background-color: #b8f301;
border: none;
outline: 0;
position: relative;
overflow: hidden;
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 20px;
color: #151518;
text-transform: uppercase;
}
._customer-order__form ._customer-form__action_submit span {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
}
._customer-order__form ._customer-form__action_submit:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-order__form ._customer-form__action_submit:disabled {
cursor: not-allowed !important;
opacity: 0.4 !important;
}
._customer-order__form ._customer-form__action_file {
display: none;
}
._customer-order__form ._customer-form__error {
padding: 20px 0 0 0;
font-family: "Unbounded", sans-serif;
color: #cf3131;
font-weight: 700;
font-size: 14px;
}
._customer-order__info {
flex: 1;
font-family: "Raleway", sans-serif;
color: #fff;
font-weight: 400;
font-size: 12px;
line-height: 14px;
}
._customer-order__info a {
display: inline;
text-decoration: none;
outline: none;
font-family: "Raleway", sans-serif;
color: #fff !important;
font-weight: 400;
font-size: 12px;
line-height: 14px;
}
._customer-order__info a:hover {
cursor: pointer;
text-decoration: underline;
}
._customer-decor-row {
height: 32px;
background-image: url('data:image/svg+xml,');
}
._customer-footer {
padding: 64px 0;
}
._customer-footer__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
._customer-footer__logo {
display: block;
text-decoration: none;
outline: none;
overflow: hidden;
color: transparent !important;
width: 150px;
height: 153px;
}
._customer-footer__img {
display: block;
width: 100%;
height: 100%;
}
._customer-footer__row {
display: flex;
align-items: center;
gap: 40px;
}
._customer-footer__phones {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 44px;
background-image: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
}
._customer-footer__phone {
display: block;
text-decoration: none;
outline: none;
white-space: nowrap;
max-width: max-content;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-footer__phone:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-footer__email {
display: block;
text-decoration: none;
outline: none;
white-space: nowrap;
max-width: max-content;
padding-left: 43px;
background-image: url('data:image/svg+xml,');
background-position: left center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-footer__email:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-footer__tg {
white-space: nowrap;
max-width: max-content;
padding-right: 44px;
background-image: url('data:image/svg+xml,');
background-position: right center;
background-repeat: no-repeat;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff !important;
}
._customer-footer__tg:hover {
cursor: pointer;
color: #b8f301 !important;
}
._customer-footer__order {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
border: 1px solid #b8f301;
border-radius: 30px;
width: 359px;
height: 60px;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff;
}
._customer-footer__order span {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
}
._customer-footer__order:hover {
cursor: pointer;
background-color: #b8f301;
color: #151518;
}
._customer-footer__order:hover span {
background-image: url('data:image/svg+xml,');
}
._customer-privacy {
padding: 10px 0;
background-color: #b8f301;
}
._customer-privacy__wrapper {
display: flex;
align-items: center;
gap: 10px;
}
._customer-privacy__text {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #151518;
}
._customer-privacy__link {
display: block;
text-decoration: none;
outline: none;
white-space: nowrap;
max-width: max-content;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #151518 !important;
}
._customer-privacy__link:hover {
cursor: pointer;
text-decoration: underline;
}
._customer-form {
cursor: default;
}
._customer-form__field_hidden {
display: none !important;
}
._customer-form__actions {
position: relative;
}
._customer-form__action {
cursor: pointer;
}
._customer-form__action:disabled {
user-select: none;
pointer-events: none;
cursor: not-allowed;
}
._customer-form__error {
display: none;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
box-sizing: content-box !important;
opacity: 0;
line-height: 1;
text-align: center;
user-select: none;
cursor: not-allowed;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
._customer-form__actions:hover ._customer-form__error {
opacity: 1;
}
._customer-form__action:disabled ~ ._customer-form__error {
display: flex;
}
.mobile-page ._customer-form__error,
._customer-page_mobile ._customer-form__error {
opacity: 1;
}
._customer-form_php ._customer-form__action_file input {
display: none;
}
._customer-form_php ._customer-form__action_file:after {
content: "Прикрепить файл";
}
._customer-form_php ._customer-form__action_file_loaded:after {
content: "Файл прикреплен";
}
._customer-overlay {
display: flex;
justify-content: center;
align-items: center;
background-color: #151518;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -100;
opacity: 0;
box-sizing: border-box;
}
._customer-overlay * {
box-sizing: border-box;
font-variant-numeric: lining-nums;
}
._customer-overlay_active {
z-index: 100;
opacity: 1;
}
._customer-overlay::before {
content: "";
display: block;
width: 100%;
height: 400vh;
background-color: #151518;
position: absolute;
top: 100%;
left: 0;
}
._customer-overlay__wrapper {
border-top: 2px solid #b8f301;
width: calc(100% - 40px);
max-width: 780px;
background-color: #212124;
padding: 64px;
position: relative;
}
._customer-overlay__wrapper_hidden {
opacity: 0;
}
._customer-overlay__close {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
position: absolute;
bottom: calc(100% + 32px);
right: 0;
}
._customer-overlay__close:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-overlay__title {
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #fff;
}
._customer-overlay__title span {
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #b8f301;
}
._customer-overlay__form {
margin-top: 20px;
width: 100%;
}
._customer-overlay__form-inputs {
display: flex;
flex-direction: column;
gap: 10px;
}
._customer-overlay__form ._customer-form__field {
display: block;
width: 100%;
border: none;
border-bottom: 2px solid #b8f301;
border-radius: 0 !important;
padding: 0 0 0 32px;
height: 60px !important;
background-color: transparent;
outline: 0;
font-family: "Raleway", sans-serif !important;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-overlay__form ._customer-form__field::placeholder {
color: #fff;
}
._customer-overlay__form ._customer-form__field:invalid {
border-color: #db3951;
}
._customer-overlay__form ._customer-form__recaptcha {
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center;
}
._customer-overlay__form ._customer-form__actions {
margin-top: 10px;
display: flex;
justify-content: center;
}
._customer-overlay__form ._customer-form__action_submit {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 60px;
width: 330px;
height: 76px;
background-color: #b8f301;
border: none;
outline: 0;
position: relative;
overflow: hidden;
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 20px;
color: #151518;
text-transform: uppercase;
}
._customer-overlay__form ._customer-form__action_submit span {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
}
._customer-overlay__form ._customer-form__action_submit:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-overlay__form ._customer-form__action_submit:disabled {
cursor: not-allowed !important;
opacity: 0.4 !important;
}
._customer-overlay__form ._customer-form__action_file {
display: none;
}
._customer-overlay__form ._customer-form__error {
padding: 20px 0 0 0;
font-family: "Unbounded", sans-serif;
color: #cf3131;
font-weight: 700;
font-size: 14px;
}
._customer-overlay__info {
margin-top: 20px;
font-family: "Raleway", sans-serif;
color: #fff;
font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;
}
._customer-overlay__info a {
display: inline;
text-decoration: none;
outline: none;
font-family: "Raleway", sans-serif;
color: #fff !important;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
._customer-overlay__info a:hover {
cursor: pointer;
text-decoration: underline;
}
._customer-goods {
padding: 124px 0;
height: 100vh;
overflow-y: auto;
align-items: flex-start;
scrollbar-color: #b8f301 transparent;
scrollbar-width: thin;
}
._customer-goods:before {
display: none;
}
._customer-goods::-webkit-scrollbar {
width: 8px;
background-color: transparent;
}
._customer-goods::-webkit-scrollbar-thumb {
background-color: #b8f301;
}
._customer-goods * {
box-sizing: border-box;
font-variant-numeric: lining-nums;
}
._customer-goods__inner {
border-top: 2px solid #b8f301;
width: calc(100% - 40px);
max-width: 1792px;
position: relative;
display: flex;
justify-content: space-between;
}
._customer-goods__close {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
position: absolute;
bottom: calc(100% + 32px);
right: 0;
}
._customer-goods__close:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-goods__wrapper {
width: calc(100% - 652px);
padding: 32px;
background-color: #1a1a1d;
}
._customer-goods__content {
width: 100%;
display: none;
}
._customer-goods__content_active {
display: block;
}
._customer-goods__title {
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 67px;
text-transform: uppercase;
color: #fff;
padding: 32px 64px;
}
._customer-goods__content-row {
display: flex;
justify-content: space-between;
}
._customer-goods__slider-block {
width: 50%;
padding: 32px 64px;
background: #1a1a1d;
}
._customer-goods__slider {
overflow: hidden;
}
._customer-goods__slide {
padding: 0 !important;
height: 640px !important;
overflow: hidden !important;
display: flex;
justify-content: center;
align-items: center;
}
._customer-goods__slide img {
display: block;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 100% !important;
}
._customer-goods__model {
margin-top: 32px;
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-goods__colors {
margin-top: 16px;
display: flex;
align-items: center;
gap: 24px;
}
._customer-goods__color {
width: 40px;
height: 40px;
position: relative;
overflow: hidden;
cursor: pointer;
}
._customer-goods__color_green-chameleon {
background-color: #265c5e;
}
._customer-goods__color_orange {
background-color: #ff511c;
}
._customer-goods__color_black {
background-color: #3b3b3b;
}
._customer-goods__color_grey {
background-color: #797979;
}
._customer-goods__color_nardo-grey {
background-color: #484848;
}
._customer-goods__color_lime {
background-color: #bdcf01;
}
._customer-goods__color_green {
background-color: #39c519;
}
._customer-goods__color_tiffany {
background-color: #5dddc9;
}
._customer-goods__color_pink {
background-color: #dd5d8a;
}
._customer-goods__color_violet {
background-color: #9a668d;
}
._customer-goods__color_yellow {
background-color: yellow;
}
._customer-goods__color_red {
background-color: red;
}
._customer-goods__color_active:before {
content: "";
display: block;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
._customer-goods__control-box {
margin-top: 32px;
display: flex;
justify-content: space-between;
align-items: center;
}
._customer-goods__control {
display: flex;
align-items: center;
gap: 8px;
}
._customer-goods__control .swiper-pagination {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
width: 130px !important;
margin: 0 !important;
padding: 0 !important;
outline: none !important;
position: relative !important;
z-index: 1 !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
}
._customer-goods__control .swiper-pagination,
._customer-goods__control .swiper-pagination * {
font-family: "Unbounded", sans-serif !important;
color: rgba(255, 255, 255, 0.5);
font-weight: 700;
font-size: 32px;
line-height: 45px;
}
._customer-goods__control .swiper-pagination-current {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 1 !important;
color: #fff;
}
._customer-goods__control .swiper-pagination-total {
position: absolute !important;
top: 0 !important;
right: 0 !important;
z-index: 1 !important;
}
._customer-goods__prev {
width: 28px;
height: 28px;
outline: none;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
}
._customer-goods__prev:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-goods__next {
width: 28px;
height: 28px;
outline: none;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
}
._customer-goods__next:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-goods__zoom {
display: block;
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
}
._customer-goods__zoom:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-goods__chars-block {
width: 50%;
padding: 64px;
background: #212124;
}
._customer-goods__chars-title {
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 45px;
text-transform: uppercase;
color: #fff;
}
._customer-goods__chars-tabs {
margin-top: 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
._customer-goods__chars-tab {
font-family: "Unbounded", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
color: #fff;
cursor: pointer;
}
._customer-goods__chars-tab:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-goods__chars-tab_active {
opacity: 1 !important;
color: #b8f301;
}
._customer-goods__chars-divider {
margin: 20px 0 24px 0;
width: 100%;
height: 4px;
background-color: #b8f301;
}
._customer-goods__chars-tabcontent {
display: none;
flex-direction: column;
gap: 24px;
}
._customer-goods__chars-tabcontent_active {
display: flex;
}
._customer-goods__chars-tabcontent-item {
padding-bottom: 7px;
border-bottom: 1px solid #fff;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 32px;
}
._customer-goods__chars-tabcontent-item-head {
flex: 1;
min-width: 400px;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-goods__chars-tabcontent-item-descr {
width: 200px;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #fff;
}
._customer-overlay__agree {
margin-top: 10px;
display: flex;
align-items: flex-start;
gap: 10px;
}
._customer-feed ._customer-overlay__agree,
._customer-order ._customer-overlay__agree {
margin-top: 30px;
}
._customer-overlay__agree-checkbox {
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='1.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='1.5' stroke='black'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
._customer-overlay__agree-checkbox_active {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='1.5' fill='%23b8f301'/%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='1.5' stroke='%23009E55'/%3E%3Cpath d='M13.6666 6.08337L7.24992 12.5L4.33325 9.58337' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
}
._customer-overlay__agree-text {
flex: 1;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #fff;
}
._customer-overlay__agree-text span {
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #fff;
}
._customer-overlay__agree-text span:hover {
cursor: pointer;
text-decoration: underline;
}
._customer-pd {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -100;
opacity: 0;
box-sizing: border-box;
}
._customer-pd * {
box-sizing: border-box;
}
._customer-pd_active {
z-index: 20000;
opacity: 1;
}
._customer-pd::before {
content: "";
display: block;
width: 100%;
height: 400vh;
position: absolute;
top: 100%;
left: 0;
}
._customer-pd__wrapper {
width: 670px;
background-color: #fff;
box-shadow: 0px 2px 21px -8px #000000;
border-radius: 5px;
padding: 10px;
position: relative;
}
._customer-pd__content {
padding: 30px;
border: 1px solid #d2d2d2;
border-radius: 5px;
position: relative;
overflow: hidden;
z-index: 1;
}
._customer-pd__close {
font-family: "Raleway", sans-serif;
font-size: 50px;
font-weight: 900;
line-height: 50px;
color: #fff;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
}
._customer-pd__close:hover {
cursor: pointer;
opacity: 0.7;
}
._customer-pd__title {
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
color: #373737;
}
._customer-pd__subtitle {
margin-top: 10px;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000;
}
._customer-pd__table {
margin-top: 10px;
}
._customer-pd__table-top {
display: flex;
}
._customer-pd__table-top-item {
padding: 10px 0;
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #000;
}
._customer-pd__table-top-item:nth-of-type(1) {
flex: 1;
}
._customer-pd__table-top-item:nth-of-type(2) {
width: 130px;
}
._customer-pd__table-top-item:nth-of-type(3) {
width: 70px;
}
._customer-pd__table-row {
border-top: 1px solid #e5e8f1;
padding: 10px 0;
display: flex;
}
._customer-pd__table-row-left {
flex: 1;
}
._customer-pd__table-row-left-head {
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #000;
}
._customer-pd__table-row-left-text {
margin-top: 5px;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000;
}
._customer-pd__table-row-right {
width: 200px;
display: flex;
flex-direction: column;
gap: 10px;
}
._customer-pd__table-row-right-row {
display: flex;
justify-content: space-between;
}
._customer-pd__table-row-right-text {
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #000;
width: 130px;
}
._customer-pd__table-row-right-checkbox {
width: 50px;
height: 26px;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='26' viewBox='0 0 50 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='25' rx='12.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='49' height='25' rx='12.5' stroke='%23e5e8f1'/%3E%3Crect x='3' y='3' width='20' height='20' rx='10' fill='%23b8f301'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
._customer-pd__table-row-right-checkbox_active {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='26' viewBox='0 0 50 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='25' rx='12.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='49' height='25' rx='12.5' stroke='%23e5e8f1'/%3E%3Crect x='27' y='3' width='20' height='20' rx='10' fill='%23b8f301'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
}
._customer-pd__attention-wrapper {
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
._customer-pd__attention-wrapper_active {
display: flex;
}
._customer-pd__attention {
width: 440px;
padding: 20px;
border-radius: 5px;
border: 2px solid red;
background-color: #fff;
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.25);
position: relative;
}
._customer-pd__attention-close {
width: 30px;
height: 30px;
font-family: "Raleway", sans-serif;
font-size: 26px;
line-height: 30px;
font-weight: 700;
color: #000;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
._customer-pd__attention-close:hover {
cursor: pointer;
opacity: 0.75;
}
._customer-pd__attention-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
._customer-pd__attention-title {
text-align: center;
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #000;
}
._customer-pd__attention-text {
text-align: center;
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000;
}
._customer-pd__attention-text span {
font-family: "Raleway", sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #000;
}
._customer-pd__btns {
margin-top: 10px;
display: flex;
justify-content: flex-end;
gap: 10px;
}
._customer-pd__select-all {
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 50px;
border-radius: 25px;
background-color: #b8f301;
color: #151518;
font-family: "Unbounded", sans-serif;
font-size: 16px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
._customer-pd__select-all:hover {
cursor: pointer;
opacity: 0.85;
}
._customer-pd__save {
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 50px;
border-radius: 25px;
border: 1px solid #000;
background-color: #fff;
color: #000;
font-family: "Unbounded", sans-serif;
font-size: 16px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
position: relative;
overflow: hidden;
}
._customer-pd__save:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='34' height='34' rx='17' fill='%23b8f301'/%3E%3Cpath d='M23.8 12.75L14.45 22.1L10.2 17.85' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
background-color: #fff;
z-index: 1;
transition: 0.3s all ease;
opacity: 0;
}
._customer-pd__save_active:before {
opacity: 1;
}
._customer-pd__save:hover {
cursor: pointer;
opacity: 0.85;
}
@media (max-width: 1800px) {
._customer-toolbar__phone,
._customer-toolbar__email,
._customer-toolbar__tg,
._customer-toolbar__order,
._customer-header__phone,
._customer-header__email,
._customer-header__tg,
._customer-header__order,
._customer-footer__phone,
._customer-footer__email,
._customer-footer__tg,
._customer-footer__order,
._customer-opt__descr,
._customer-opt__descr span,
._customer-dealer__location,
._customer-dealer__location span,
._customer-map__location,
._customer-map__location span {
font-size: 18px;
}
._customer-overlay__form ._customer-form__field {
height: 40px !important;
font-size: 16px;
line-height: 20px;
padding: 0 0 0 20px;
}
._customer-overlay__form ._customer-form__action_submit {
width: 250px;
height: 50px;
font-size: 14px;
}
._customer-overlay__form ._customer-form__action_submit span {
width: 20px;
height: 20px;
background-size: 20px !important;
}
._customer-overlay__info {
margin-top: 25px;
font-size: 10px;
line-height: 1.5;
}
._customer-overlay__info a {
font-size: 10px;
line-height: 1.5;
}
._customer-overlay__wrapper {
padding: 20px;
}
._customer-overlay__title,
._customer-overlay__title span {
font-size: 32px;
line-height: 40px;
}
._customer-overlay__wrapper {
max-width: 480px;
padding: 20px;
}
._customer-goods {
padding: 80px 0;
}
._customer-goods__title {
font-size: 32px;
line-height: 40px;
}
._customer-goods__slide {
height: 420px !important;
}
._customer-goods__chars-block {
padding: 32px;
}
._customer-goods__chars-title {
font-size: 24px;
line-height: 34px;
}
._customer-goods__chars-tab {
font-size: 18px;
line-height: 20px;
}
._customer-goods__chars-tabcontent-item-head {
font-size: 16px;
line-height: 20px;
min-width: 200px;
}
._customer-goods__chars-tabcontent-item-descr {
font-size: 16px;
line-height: 20px;
width: 160px;
}
}
@media (max-width: 1700px) {
._customer-header__row:nth-of-type(1) {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
._customer-toolbar__row:nth-of-type(1) {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
._customer-footer__row:nth-of-type(1) {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
}
@media (max-width: 1500px) {
body {
background-size: 1682px;
}
._customer-header__row {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
._customer-toolbar__row {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
._customer-promo__slide {
height: 760px !important;
}
._customer-promo {
padding: 180px 0 0 0;
min-height: 830px;
}
._customer-promo__subtitle {
font-size: 32px;
line-height: 40px;
}
._customer-promo__pag-name {
font-size: 32px;
line-height: 50px;
}
._customer-opt__title img {
height: 50px;
}
._customer-opt__icon img {
width: 50px !important;
height: 50px !important;
}
._customer-dealer__title img {
height: 50px;
}
._customer-dealer__heading {
font-size: 24px;
line-height: 30px;
}
._customer-about__title img {
height: 50px !important;
}
._customer-feed__title,
._customer-feed__title span {
font-size: 40px;
line-height: 50px;
}
._customer-map__title {
height: 150px;
}
._customer-map__info {
width: 500px;
}
._customer-map iframe {
height: 578px;
max-height: 578px;
}
._customer-order__title,
._customer-order__title span {
font-size: 40px;
line-height: 50px;
}
._customer-footer__row {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
._customer-goods__colors {
gap: 10px;
}
}
@media (max-width: 1440px) {
._customer-overlay__agree-text,
._customer-overlay__agree-text span {
font-size: 12px;
line-height: 1.5;
}
._customer-pd__wrapper {
width: calc(100% - 30px) !important;
padding: 5px !important;
max-width: 400px;
}
._customer-pd__content {
padding: 20px;
}
._customer-pd__title {
font-size: 18px;
}
._customer-pd__subtitle {
margin-top: 10px;
font-size: 11px;
line-height: 16px;
}
._customer-pd__table {
margin-top: 10px;
}
._customer-pd__table-row-left-head {
font-size: 12px;
line-height: 18px;
}
._customer-pd__table-row-left-text {
font-size: 11px;
line-height: 16px;
}
._customer-pd__table-top {
display: none;
}
._customer-pd__table-row {
flex-direction: column;
gap: 10px;
}
._customer-pd__table-row-left {
flex: none;
width: 100%;
}
._customer-pd__table-row-right {
width: 100%;
flex-direction: row;
gap: 0;
}
._customer-pd__table-row-right-row {
width: 50%;
justify-content: flex-start;
gap: 10px;
}
._customer-pd__table-row-right-text {
width: auto;
white-space: nowrap;
font-size: 11px;
}
._customer-pd__attention {
width: calc(100% - 80px);
}
._customer-pd__attention-title {
font-size: 14px;
line-height: 20px;
}
._customer-pd__attention-text br {
display: none;
}
._customer-pd__attention-text,
._customer-pd__attention-text span {
font-size: 12px;
line-height: 18px;
}
._customer-pd__select-all {
width: 118px;
height: 40px;
font-size: 14px;
}
._customer-pd__save {
width: 110px;
height: 40px;
font-size: 14px;
}
._customer-pd__save:before {
background-size: 24px !important;
}
._customer-feed ._customer-overlay__agree,
._customer-order ._customer-overlay__agree {
margin-top: 10px;
}
}
@media (max-width: 1300px) {
._customer-toolbar__phone,
._customer-toolbar__email,
._customer-toolbar__tg,
._customer-toolbar__order,
._customer-header__phone,
._customer-header__email,
._customer-header__tg,
._customer-header__order,
._customer-footer__phone,
._customer-footer__email,
._customer-footer__tg,
._customer-footer__order {
font-size: 16px;
}
._customer-promo__pagination .swiper-pagination {
gap: 30px !important;
}
._customer-opt {
padding: 50px 0;
}
._customer-opt__items {
margin-top: 30px;
flex-wrap: wrap;
gap: 20px;
}
._customer-opt__item {
width: calc(50% - 10px);
}
._customer-order__form-row {
flex-wrap: wrap;
}
._customer-order__form ._customer-form__recaptcha {
order: 1;
}
._customer-form__actions {
order: 2;
}
._customer-order__info {
order: 3;
flex: none;
width: 100%;
text-align: center;
}
._customer-dealer {
padding: 0 0 50px 0;
}
._customer-dealer__control {
margin-top: 50px;
}
._customer-feed {
padding: 0 0 50px 0;
}
._customer-about {
padding: 50px 0;
}
._customer-map__info {
padding: 40px;
top: 50px;
}
._customer-map__wrapper:before {
padding-left: 520px;
font-size: 16px;
line-height: 24px;
}
._customer-map iframe {
height: 390px;
max-height: 390px;
}
._customer-order {
padding: 50px 0;
}
._customer-footer {
padding: 50px 0;
}
._customer-goods__color {
width: 30px;
height: 30px;
}
._customer-goods__color_active:before {
background-size: 30px !important;
}
}
@media (max-width: 970px) {
body {
background-size: 1355px;
}
._customer-header {
padding: 20px 0 40px 0;
}
._customer-header__wrapper {
flex-wrap: wrap;
}
._customer-header__logo {
width: 60px;
height: 61px;
}
._customer-header__row {
gap: 10px !important;
}
._customer-header__row:nth-of-type(2) {
margin-top: 20px;
width: 100%;
}
._customer-header__phones {
padding-left: 0;
background: none;
}
._customer-header__phone {
font-size: 12px;
line-height: 17px;
}
._customer-header__email {
font-size: 12px;
line-height: 17px;
padding-left: 0;
background: none;
}
._customer-header__tg {
padding-right: 36px;
background-size: 20px !important;
font-size: 12px;
line-height: 20px;
}
._customer-header__order {
padding-right: 36px;
background-size: 20px !important;
font-size: 12px;
line-height: 17px;
}
._customer-toolbar__logo {
width: 60px;
height: 61px;
}
._customer-toolbar__row {
gap: 10px !important;
}
._customer-toolbar__phones {
padding-left: 0;
background: none;
}
._customer-toolbar__phone {
font-size: 12px;
line-height: 17px;
}
._customer-toolbar__email {
font-size: 12px;
line-height: 17px;
padding-left: 0;
background: none;
}
._customer-toolbar__order,
._customer-toolbar__tg {
width: 20px;
height: 20px;
background-size: 20px !important;
overflow: hidden;
color: transparent !important;
padding: 0 !important;
}
._customer-toolbar__order:hover,
._customer-toolbar__tg:hover {
color: transparent !important;
}
._customer-footer {
padding: 20px 0;
}
._customer-footer__wrapper {
flex-wrap: wrap;
}
._customer-footer__logo {
width: 60px;
height: 61px;
}
._customer-footer__row:nth-of-type(1) {
gap: 10px !important;
}
._customer-footer__phones {
padding-left: 0;
background: none;
}
._customer-footer__phone {
font-size: 12px;
line-height: 17px;
}
._customer-footer__email {
font-size: 12px;
line-height: 17px;
padding-left: 0;
background: none;
}
._customer-footer__row:nth-of-type(2) {
margin-top: 20px;
width: 100%;
flex-direction: column;
align-items: center;
gap: 10px !important;
}
._customer-footer__tg {
padding-right: 36px;
background-size: 20px !important;
font-size: 12px;
line-height: 20px;
}
._customer-footer__order {
width: 100%;
height: 40px;
font-size: 12px;
}
._customer-footer__order span {
width: 20px;
height: 20px;
background-size: 20px !important;
}
._customer-privacy__wrapper {
justify-content: center;
flex-direction: column;
}
._customer-privacy__text,
._customer-privacy__link {
font-size: 12px;
line-height: 1.5;
}
._customer-opt__title img {
height: 40px !important;
}
._customer-opt__item {
width: 100%;
}
._customer-about__wrapper {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
._customer-about__title img {
height: 40px !important;
}
._customer-about__text {
flex: none;
width: 100%;
font-size: 12px;
line-height: 17px;
}
._customer-promo {
min-height: 770px;
padding: 217px 0 0 0;
}
._customer-promo__slider {
margin-top: 70px;
}
._customer-promo__slide {
height: 600px !important;
}
._customer-promo__title {
height: 30px;
}
._customer-promo__subtitle {
font-size: 20px;
line-height: 30px;
}
._customer-promo__pagination {
padding: 15px 30px;
height: auto;
}
._customer-promo__pagination .swiper-pagination {
gap: 10px !important;
}
._customer-promo__pagination .swiper-pagination-bullet {
gap: 5px !important;
}
._customer-promo__pagination .swiper-pagination-bullet span {
font-size: 10px !important;
line-height: 1.5 !important;
}
._customer-promo__pag-name {
font-size: 16px !important;
line-height: 1.5 !important;
}
._customer-dealer__title img {
height: 40px;
}
._customer-map__title {
height: 120px;
}
._customer-map__info {
position: relative;
top: auto;
left: auto;
padding: 50px 0 30px 0;
width: 100%;
}
._customer-map__wrapper:before {
padding: 0;
}
._customer-feed__title,
._customer-feed__title span {
font-size: 32px;
line-height: 40px;
}
._customer-feed__wrapper {
margin-top: 20px;
}
._customer-order__wrapper {
display: block;
}
._customer-order__tg {
display: none;
}
._customer-order__title,
._customer-order__title span {
font-size: 32px;
line-height: 40px;
}
._customer-order__form {
flex: none;
width: 100%;
max-width: 100%;
}
._customer-order__form-inputs {
flex-direction: column;
}
._customer-order__form ._customer-form__field {
width: 100%;
}
._customer-order__form-row {
flex-direction: column;
gap: 10px;
}
._customer-order__info {
margin-top: 25px;
}
._customer-goods {
padding: 60px 0 120px 0;
}
._customer-goods__close {
width: 20px;
height: 20px;
background-size: 20px !important;
bottom: calc(100% + 20px);
}
._customer-goods__title {
padding: 20px 20px 0 20px;
font-size: 14px;
line-height: 22px;
}
._customer-goods__content-row {
display: block;
}
._customer-goods__slider-block {
width: 100%;
padding: 20px;
position: relative;
}
._customer-goods__slide {
height: 200px !important;
}
._customer-goods__slide img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
._customer-goods__model {
margin-top: 20px;
font-size: 14px;
line-height: 20px;
}
._customer-goods__colors {
flex-wrap: wrap;
}
._customer-goods__zoom {
position: absolute;
top: 114px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
._customer-goods__control-box {
margin-top: 20px;
justify-content: center;
}
._customer-goods__control .swiper-pagination {
width: 95px !important;
}
._customer-goods__control .swiper-pagination,
._customer-goods__control .swiper-pagination * {
font-size: 24px;
line-height: 30px;
}
._customer-goods__chars-block {
width: 100%;
padding: 20px;
}
._customer-goods__chars-title {
font-size: 18px;
line-height: 26px;
}
._customer-goods__chars-tabs {
margin-top: 20px;
gap: 10px;
}
._customer-goods__chars-tab {
font-size: 14px;
}
._customer-goods__chars-tabcontent {
gap: 10px;
}
._customer-goods__chars-tabcontent-item {
column-gap: 10px;
}
._customer-goods__chars-tabcontent-item-head {
min-width: 120px;
}
._customer-goods__chars-tabcontent-item-descr {
width: 120px;
}
._customer-goods__chars-tabcontent-item-head,
._customer-goods__chars-tabcontent-item-descr {
font-size: 12px;
line-height: 1.5;
}
}
@media (max-width: 480px) {
body {
background: url(../img/promo-bg-m.png) left top no-repeat;
background-color: #151518;
background-size: 480px !important;
}
._customer-promo-block {
overflow: hidden;
}
._customer-promo {
padding: 205px 0 0 0;
min-height: 599px;
top: -205px;
margin-bottom: -205px;
}
._customer-promo__title {
height: 71px;
}
._customer-promo__img_desctop {
display: none;
}
._customer-promo__img_mobile {
display: block;
}
._customer-promo__subtitle {
margin-top: 10px;
font-size: 12px;
line-height: 17px;
color: #fff;
}
._customer-promo__subtitle br {
display: none;
}
._customer-promo__slider {
margin-top: 0;
}
._customer-promo__slide {
height: 599px !important;
}
._customer-promo__slide-1 {
background: url(../img/slide-bg-1-m.png) top center/cover no-repeat;
}
._customer-promo__slide-2 {
background: url(../img/slide-bg-2-m.png) top center/cover no-repeat;
}
._customer-promo__slide-3 {
background: url(../img/slide-bg-3-m.png) top center/cover no-repeat;
}
._customer-promo__slide-4 {
background: url(../img/slide-bg-4-m.png) top center/cover no-repeat;
}
._customer-promo__btn {
height: 40px;
font-size: 12px;
}
._customer-promo__btn span {
width: 20px;
height: 20px;
background-size: 20px !important;
}
._customer-promo__arrows {
bottom: 121px;
width: 100%;
justify-content: space-between;
}
._customer-promo__prev {
width: 29px;
height: 29px;
background-image: url('data:image/svg+xml,');
}
._customer-promo__next {
width: 29px;
height: 29px;
background-image: url('data:image/svg+xml,');
}
._customer-promo__pagination {
bottom: 231px;
left: 0;
padding: 0;
background: none !important;
box-shadow: none !important;
width: auto;
transition: 0.5s all ease;
}
._customer-promo__pagination .swiper-pagination {
gap: 20px !important;
transition: 0.3s all ease !important;
}
._customer-promo__pagination .swiper-pagination-bullet {
gap: 10px !important;
}
._customer-promo__pagination .swiper-pagination-bullet span {
width: 25px !important;
font-size: 12px !important;
line-height: 23px !important;
}
._customer-promo__pag-name {
font-size: 20px !important;
line-height: 28px !important;
}
._customer-l0 {
left: 0;
}
._customer-l1 {
left: -138px;
}
._customer-l2 {
left: -336px;
}
._customer-l3 {
left: -417px;
}
._customer-opt {
padding: 40px 0;
}
._customer-opt__title {
display: none;
}
._customer-opt__title_mobile {
display: block;
}
._customer-opt__items {
margin-top: 20px;
}
._customer-opt__item {
padding: 60px 20px 20px 20px;
min-height: 0;
}
._customer-opt__descr,
._customer-opt__descr span {
font-size: 12px;
line-height: 17px;
}
._customer-opt__icon img {
width: 30px !important;
height: auto !important;
}
._customer-opt__bg_desctop {
display: none;
}
._customer-opt__bg_mobile {
display: block;
}
._customer-dealer {
padding: 0 0 40px 0;
}
._customer-dealer__title {
display: none;
}
._customer-dealer__title_mobile {
display: block;
}
._customer-dealer__slider {
margin-top: 20px;
}
._customer-dealer__slide {
gap: 10px;
}
._customer-dealer__heading {
font-size: 14px;
line-height: 20px;
}
._customer-dealer__location,
._customer-map__location {
padding-left: 30px;
background-size: 20px !important;
font-size: 12px;
line-height: 20px;
}
._customer-dealer__location span,
._customer-map__location span {
font-size: 12px;
line-height: 20px;
}
._customer-dealer__control {
margin-top: 20px;
gap: 10px;
}
._customer-feed__title,
._customer-feed__title span {
font-size: 20px;
line-height: 25px;
}
._customer-about {
padding: 80px 0;
background: url(../img/about-bg-m.png) top center/cover no-repeat;
}
._customer-about__title img {
height: 28px !important;
}
._customer-map__info {
padding: 40px 0 20px 0;
gap: 10px;
}
._customer-map__title {
height: 84px;
}
._customer-map__wrapper:before {
font-size: 12px;
}
._customer-map iframe {
height: 250px;
max-height: 250px;
}
._customer-order {
padding: 40px 0;
}
._customer-order__title,
._customer-order__title span {
font-size: 20px;
line-height: 28px;
}
._customer-order__wrapper {
margin-top: 20px;
}
._customer-order__form ._customer-form__field {
height: 49px !important;
font-size: 12px !important;
padding: 0 0 0 10px !important;
}
._customer-order__form textarea._customer-form__field {
margin-top: 10px !important;
height: 60px !important;
padding: 21px 0 4px 10px !important;
font-size: 12px !important;
line-height: 17px !important;
}
._customer-order__form-row {
margin-top: 10px;
}
._customer-form__actions {
width: 100%;
}
._customer-order__form ._customer-form__action_submit {
width: 100%;
height: 40px;
font-size: 12px;
}
._customer-order__form ._customer-form__action_submit span {
width: 20px;
height: 20px;
background-size: 20px !important;
}
._customer-order__form ._customer-form__error {
font-size: 12px;
}
._customer-order__info {
font-size: 10px;
line-height: 1.5;
}
._customer-order__info a {
font-size: 10px;
line-height: 1.5;
}
._customer-overlay__title,
._customer-overlay__title span {
font-size: 20px;
line-height: 28px;
}
._customer-overlay__form {
margin-top: 10px;
}
._customer-overlay__form ._customer-form__field {
padding: 0 0 0 10px !important;
font-size: 12px !important;
}
._customer-overlay__form ._customer-form__action_submit {
height: 40px;
font-size: 12px;
}
._customer-overlay__form ._customer-form__action_submit span {
width: 20px;
height: 20px;
background-size: 20px !important;
}
._customer-overlay__close {
bottom: calc(100% + 20px);
width: 20px;
height: 20px;
background-size: 20px !important;
}
}
@media (max-width: 370px) {
._customer-header__email,
._customer-footer__email,
._customer-toolbar__email {
font-size: 10px;
}
._customer-toolbar__row:nth-of-type(2) {
display: none !important;
}
._customer-overlay__title,
._customer-overlay__title span {
font-size: 18px;
}
._customer-privacy__text,
._customer-privacy__link {
font-size: 10px;
}
}