@charset "UTF-8";
@media (max-width: 992px) {
.gradient-btn_big {
scale: 0.9;
}
h1, .h1, .h1.h1-70, h2, .h2 {
font-size: 38px;
}
.m-fsz-16 {
font-size: 16px;
}
.m-mx-auto {
margin-left: auto;
margin-right: auto;
}
.m-bg-gray {
background-color: #222222;
}
.m-mb--4 {
margin-bottom: -30px;
position: relative;
z-index: 10;
}
.m-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
nav.navbar {
top: 10px;
}
.navbar-brand {
margin-right: 0;
width: 40%;
padding-left: 20px;
}
nav.navbar .container {
height: 60px;
z-index: 101;
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-mode: alpha;
overflow: hidden;
isolation: isolate;
gap: unset;
}
.nav-menu {
display: none;
}
.static-page {
margin-top: 90px;
}
/*hamburger */
.hamburger-icon {
margin-right: 20px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 34px;
height: 34px;
background: transparent;
z-index: 1000;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.icon-1, .icon-2, .icon-3, .icon-4 {
position: absolute;
right: calc(50% - 15px);
top: 5px;
width: 30px;
height: 3px;
border-radius: 2px;
background-color: #fff;
transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
}
.icon-1 {
transform: translateY(2px);
animation-delay: 100ms;
left: 3px;
}
.icon-2 {
left: 0;
transform: translateY(10px);
}
.icon-3 {
transform: translateY(18px);
animation-delay: 250ms;
left: -3px;
}
.icon-1.a {
transform: rotate(45deg);
top: 14px;
left: 1px;
}
.icon-3.b {
transform: rotate(-45deg);
top: 14px;
left: 1px;
}
.icon-2.c {
opacity: 0;
width:0;
}
.clear {
clear: both;
}
body.menuopen {
overflow: hidden;
}
#mobnav {
position: absolute;
height: 0;
opacity: 0;
visibility: hidden;
background: #161616;
width: 100vw;
left: 0;
top: 0;
padding-top: 80px;
overflow-y: scroll;
padding-bottom: 50px;
transition: all 0.2s ease-in-out;
}
#mobnav.show {
height: 100vh;
opacity: 1;
visibility: visible;
}
.hambmenu .navbar-nav {
gap: 25px;
}
.hambmenu .navbar-nav a {
color: #FBFBFA;
text-align: center;
font-size: 28px;
font-weight: 400;
line-height: normal;
letter-spacing: -0.84px;
}
.hambmenu .navbar-nav a:hover {
text-decoration: underline;
}
.hambmenu .nav-phone a {
font-size: 30px;
font-weight: 500;
line-height: normal;
letter-spacing: -0.9px;
}
/*hamburger*/
.header {
margin-top: 100px;
margin-left: unset;
}
.promo-order::before {
height: 452px;
width: 100%;
}
.swiper-button-prev.swiper-button-prev_cars {
left: 0px;
top: 25%;
}
.swiper-button-next.swiper-button-next_cars {
right: 0px;
top: 25%;
}
.gradient-btn_big_tg {
width: 100%;
font-size: 18px;
scale: 0.9;
}
.header-benefits {
top: unset;
transform: unset;
margin-top: 20px;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.header-benefits_item {
display: block;
font-size: 14px;
padding-right: 10px;
padding-left: 48px;
padding-top: 20px;
padding-bottom: 12px;
min-height: 88px;
}
.benefit-type-two_item {
padding: 24px;
}
.bg-white-grad {
background: linear-gradient(215deg, #FBFBFA 24.54%, #E6E6E6 78.16%);
clip-path: polygon(
0% 0%, /* левый верх */
100% 40px, /* правый верх (опущен на 150px) */
100% calc(100% - 40px), /* правый низ (поднят на 150px) */
0% 100% /* левый низ */
);
padding: 60px 0;
}
.about-1-txt {
font-size: 18px;
}
.m-btn-top-margin {
margin-top: -60px;
z-index: 99;
position: relative;
}
.m-haeder_container {
position: relative;
}
.m-haeder_container--txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 30px;
font-size: 16px;
text-align: center;
font-weight: 400;
line-height: normal;
letter-spacing: -0.54px;
}
.m-btn-top-margin--2 {
margin-top: -44px;
position: relative;
}
.promo-order {
max-width: unset;
height: auto;
width: auto;
}
.promo-order::before, .promo-order::after {
display: none;
}
.benefit-type-three_item {
padding: 20px;
height: auto;
}
.benefit-type-three_item {
.title {
font-size: 18px;
}
.text {
font-size: 13px;
}
}
.steps-swiper-container {
padding: 0 15px;
background-color: unset;
background-image: none;
min-height: unset;
border-radius: 0;
}
.steps-swiper-container::before, .steps-swiper-container::after {
width: 14px;
background: linear-gradient(90deg,rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 1) 50%);
}
.steps-swiper-container::after {
background: linear-gradient(-90deg,rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 1) 50%);
}
.container-w-sw .steps-btn {
margin-top: 60px;
}
.steps-bg_m--img {
display: block;
margin-top: -110px;
}
.swiper-button-prev.swiper-button-prev_steps {
left: calc(50% - 60px);
}
.swiper-button-next.swiper-button-next_steps {
right: calc(50% - 60px);
}
.swiper-button-prev.swiper-button-prev_steps, .swiper-button-next.swiper-button-next_steps {
top: unset;
bottom: 120px;
}
.bg-white-grad-2 {
background: linear-gradient(215deg, #FBFBFA 24.54%, #E6E6E6 78.16%);
clip-path: polygon(0% 40px, /* левый верх (опущен на 150px) */ 100% 0%, /* правый верх */ 100% 100%, /* правый низ */ 0% calc(100% - 40px) /* левый низ (поднят на 150px) */);
padding: 60px 0;
}
.step-item {
.num {
width: 70px;
font-size: 90px;
margin-top: 16px;
}
.text {
padding-top: 26px;
font-size: 16px;
}
.text span {
font-size: 24px;
font-weight: 500;
}
}
.question-text {
font-size: 22px;
}
.answer-inner {
font-size: 16px;
}
.faq-btn {
margin-top: -60px;
}
.car-item {
.title {
font-size: 22px;
}
}
#contacts > .container {
padding-left: 0;
padding-right: 0;
}
.contacts-block {
padding: 20px;
font-size: 22px;
}
.map > * {
aspect-ratio: 1;
}
#contacts .black-box > .row {
margin: 0 !important;
}
.modal-body {
padding: 20px 12px;
}
.modal-content .title {
font-size: 30px;
}
.modal-close {
top: 15px;
right: 15px;
}
.modal-open .navbar {
padding-right: 0;
}
.faq-answer {
overflow:unset;
}
.faq-swipers-base-m {
position: relative;
width: calc(100vw - 24px);
margin-left: -50px;
}
.faq-swipers {
width: 100%;
}
}
/* ] Mobile */
/* Laptop 992px-1600px [ */
@media (min-width: 992px) and (max-width: 1600px) {
h1, .h1 {
font-size: 50px;
}
.h1.h1-70 {
font-size: 60px;
}
h2, .h2 {
font-size: 40px;
}
.sub-h {
font-size: 22px;
}
.fsz-20 {
font-size: 18px;
}
.swiper-container--car {
width: calc(100% - 140px);
margin-left: 70px;
}
.navbar-brand img {
width: 150px;
}
nav.navbar .container {
gap: 20px;
}
.nav-phone a {
color: #FBFBFA;
font-size: 20px;
}
.gradient-btn {
font-size: 16px;
}
.soc-btn {
scale: 0.9;
}
.gradient-btn_big {
scale: 0.9;
font-size: 20px;
}
.header-benefits_item {
font-size: 18px;
}
.benefit-type-two_item {
.title {
font-size: 22px;
}
.text {
font-size: 16px;
}
}
.about-1-txt {
font-size: 18px;
}
.swiper-button-prev.swiper-button-prev_steps {
left: 0px;
}
.swiper-button-next.swiper-button-next_steps {
right: 0px;
}
.step-item {
.text {
font-size: 16px;
}
.text span {
font-size: 24px;
}
.num {
width: 70px;
font-size: 90px;
}
}
.car-item {
.title {
font-size: 20px;
}
.char-line {
font-size: 14px;
}
}
.question-text {
font-size: 24px;
}
.benefit-type-three_item {
padding: 25px 30px;
height: auto;
min-height: 300px;
}
.benefit-type-three_item {
.title {
font-size: 20px;
}
.text {
font-size: 15px;
}
}
}
/* Laptop 992px-1400px [ */
@media (min-width: 992px) and (max-width: 1400px) {
.promo-order .h2 {
font-size: 36px;
}
.header-benefits_item {
font-size: 16px;
}
.h1.h1-70 {
font-size: 50px;
}
.contacts-block {
padding: 40px;
font-size: 20px;
}
}