/* FONT --------------------------------------------------------*/ /* COLORS --------------------------------------------------------*/ /* FORMS --------------------------------------------------------*/ /* TEMPLATE --------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, h1, h2, h3, h4, h5, h6, form, input, textarea, button, select, option, ul, li, ol, img, p, hr, table, tr, td, thead, tbody, tfoot { margin: 0; padding: 0; border: 0; } html, body { width: 100%; height: 100%; margin-top: 0 !important; } body { display: flex; flex-direction: column; overflow: auto; font-family: "Hind", "Arial", sans-serif; font-size: 16px; color: rgb(18, 18, 18); } body.overflow { overflow: hidden; padding-right: 8px !important; background: #ffffff !important; } body.overflow.home { background: #ffffff !important; } button { cursor: pointer; } a { color: rgb(18, 18, 18); text-decoration: underline; } a:hover { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } ul, ol, li { list-style: none; } :-moz-placeholder { font-family: "Hind", "Arial", sans-serif; font-size: 16px; color: rgb(186, 186, 186); } :focus { outline: 0; } ::selection { color: #ffffff; background: rgb(186, 186, 186); } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { border-radius: 0; box-shadow: none; border: 0; background-color: #474747; border: none; } ::-webkit-scrollbar-thumb { border-radius: 0; box-shadow: none; border: 0; background-color: rgb(18, 18, 18); } #pp-nav { display: none; } @media (max-width: 992px) { body.overflow { padding-right: 0 !important; } } .models__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .models__title { font-size: 50px; font-weight: 700; line-height: 1; } .models__subtitle { font-size: 40px; font-weight: 700; line-height: 1; } .models__label { -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 7px; } .models__label-name { font-size: 18px; line-height: 1; color: #646464; white-space: nowrap; } .models__label-value { font-size: 28px; font-weight: 700; line-height: 1; } .models__label-image { width: 22px; height: 22px; } .models__label-image:not(:first-child) { margin-left: -5px; } .models__label-items { display: flex; align-items: center; flex-wrap: nowrap; } .models__item { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; background: #f6f6f6; padding: 40px; gap: 20px; text-decoration: none; position: relative; } .models__item-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; } .models__item-body { width: 100%; height: 360px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .models__item-foot { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; gap: 15px 30px; position: relative; overflow: hidden; } .models__item-foot.slim .models__label:first-child { gap: 11px; } .models__item-foot.slim .models__label:first-child .models__label-value { font-size: 20px; } .models__item-action { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: absolute; bottom: 0; right: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; font-size: 16px; font-weight: 600; line-height: 1; color: #ffffff; background: rgb(18, 18, 18); height: 50px; transform: translateY(100px); width: 100%; opacity: 0; } .models__item-action:hover { background: #FB3B2B; } .models__item-image { width: 100%; height: 100%; object-fit: contain; } .models__item:hover .models__label { opacity: 0; } .models__item:hover .models__item-action { transform: translateY(0); opacity: 1; } @media (max-width: 1590px) { .models__item { padding: 30px; } .models__title { font-size: 36px; } .models__subtitle { font-size: 30px; } } @media (max-width: 1200px) { .models__items { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .models__title { font-size: 24px; } .models__subtitle { font-size: 24px; } .models__items { grid-template-columns: 1fr; } .models__item { padding: 20px; gap: 20px; } .models__item-foot { flex-direction: column; } .models__item-body { height: 200px; } .models__item-action { position: static; transform: translateY(0); opacity: 1; margin-top: 30px; } .models__item:hover .models__label { opacity: 1; } .models__label { gap: 5px; } .models__label-name { font-size: 16px; } .models__label-value { font-size: 20px; } } .shipping__title { font-size: 50px; font-weight: 600; line-height: 1; } .shipping__content { padding-bottom: 0 !important; } .shipping__options { display: flex; align-items: stretch; flex-wrap: wrap; padding-top: 30px; } .shipping__options-section { width: 50%; } .shipping__options-section.section--video { padding-left: 165px; height: 380px; } .shipping__options-section.section--info { padding-top: 70px; } .shipping__options-video { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; background: rgb(18, 18, 18); } .shipping__options-title { font-size: 60px; font-weight: 600; line-height: 1; margin-bottom: 15px; } .shipping__options-text { font-size: 20px; font-weight: 500; line-height: 27px; color: #474747; margin-bottom: 50px; max-width: 570px; } .shipping__deliver { margin-top: 150px; } .shipping__deliver-subtitle { font-size: 20px; font-weight: 600; line-height: 27px; color: rgb(18, 18, 18); } .shipping__deliver-text { font-size: 18px; line-height: 29px; color: #474747; } .shipping__deliver-items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 45px; } .shipping__deliver-item { padding: 30px; background: #f6f6f6; border-radius: 10px; display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 10px; } .shipping__about { padding: 75px; margin-top: 120px; background: rgb(18, 18, 18); } .shipping__about-inner { display: flex; align-items: stretch; flex-wrap: wrap; padding-bottom: 0; } .shipping__about-item { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 7px; } .shipping__about-item a { text-decoration: none; } .shipping__about-item a:hover { text-decoration: underline; } .shipping__about-section { width: 50%; } .shipping__about-section.section--info .shipping__about-text { margin-bottom: 50px; } .shipping__about-section.section--list { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 30px; padding-left: 165px; } .shipping__about-title { font-size: 50px; font-weight: 600; line-height: 1.2; color: #ffffff; margin-bottom: 15px; max-width: 475px; } .shipping__about-text { font-size: 18px; line-height: 28px; color: #BABABA; } .shipping__about-subtitle { font-size: 30px; font-weight: 600; line-height: 1; color: #ffffff; } .shipping__process { margin-top: 120px; } .shipping__process-title { text-align: center; } .shipping__process-items { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 30px; max-width: 1170px; margin: 45px auto 0; } .shipping__process-item { padding: 40px 30px 40px 50px; background: #f6f6f6; border-radius: 10px; position: relative; display: flex; align-items: stretch; flex-wrap: nowrap; } .shipping__process-description { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 10px; width: 100%; } .shipping__process-subtitle { font-size: 30px; font-weight: 600; line-height: 48px; margin-bottom: 10px; } .shipping__process-text { font-size: 18px; font-weight: 500; line-height: 29px; color: #474747; display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 5px; margin-bottom: 10px; } .shipping__process-text span { color: rgb(18, 18, 18); } .shipping__process-text a { font-size: 18px; } .shipping__process-link { font-size: 16px; font-weight: 600; line-height: 24px; color: #FB3B2B; text-decoration: none; } .shipping__process-link:hover { color: #901111; } .shipping__process-image { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 380px; height: 190px; overflow: hidden; border-radius: 8px; flex-shrink: 0; margin-left: 60px; } .shipping__process-image img { object-fit: cover; width: 100%; height: 100%; } .shipping__process-image.image--size-xl { width: 500px; height: 245px; } .shipping__btn { width: max-content; padding: 0 45px; } @media (max-width: 1790px) { .shipping__options-section.section--video { padding-left: 50px; } .shipping__options-section.section--info { padding-top: 50px; } } @media (max-width: 1390px) { .shipping__title { font-size: 42px; } .shipping__options-title { font-size: 42px; } .shipping__options-text { font-size: 18px; margin-bottom: 35px; } .shipping__deliver { margin-top: 120px; } .shipping__deliver-item { padding: 20px; } .shipping__deliver-text { font-size: 16px; line-height: 24px; } .shipping__about { padding: 45px; } .shipping__about-section.section--info .shipping__about-text { margin-bottom: 35px; } .shipping__about-title { font-size: 42px; } .shipping__about-subtitle { font-size: 28px; } .shipping__about-text { font-size: 16px; } .shipping__about-inner { padding: 0 !important; } } @media (max-width: 1200px) { .shipping__deliver-items { grid-template-columns: 1fr 1fr; } .shipping__process-subtitle { font-size: 24px; line-height: 34px; } .shipping__process-text { font-size: 16px; } .shipping__process-text a { font-size: 16px; } } @media (max-width: 1100px) { .shipping__about { margin-top: 50px; padding: 40px 0; } .shipping__about-section.section--list { padding-left: 50px; } } @media (max-width: 992px) { .shipping__options { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 50px; } .shipping__options-text { max-width: 100%; margin-bottom: 25px; } .shipping__options-section { width: 100%; } .shipping__options-section.section--info { padding: 0; } .shipping__options-section.section--video { padding: 0; } .shipping__deliver { margin-top: 90px; } .shipping__about { margin-top: 30px; padding: 60px 0 0; } .shipping__about-title { max-width: 100%; } .shipping__about-inner { flex-direction: column; gap: 60px; } .shipping__about-section { width: 100%; } .shipping__about-section.section--info .shipping__about-text { margin-bottom: 25px; } .shipping__about-section.section--list { padding: 0; gap: 20px; } .shipping__process { margin-top: 90px; } .shipping__process-item { padding: 30px; } .shipping__process-text { gap: 7px; } .shipping__process-text p { line-height: 25px; } .shipping__process-image { margin-left: 40px; } .shipping__process-image.image--size-xl { width: 380px; height: 190px; } } @media (max-width: 768px) { .shipping__title { font-size: 36px; } .shipping__btn { width: 100%; } .shipping__options { gap: 40px; } .shipping__options-title { font-size: 36px; } .shipping__options-text { font-size: 16px; line-height: 24px; } .shipping__options-section.section--video { height: 230px; } .shipping__deliver-items { margin-top: 30px; grid-template-columns: 1fr; } .shipping__about { padding: 70px 0 0; } .shipping__about-title { font-size: 36px; } .shipping__about-subtitle { font-size: 24px; } .shipping__process-items { margin-top: 30px; } .shipping__process-description { padding: 0; } .shipping__process-text { margin: 0; } .shipping__process-item { flex-direction: column; gap: 30px; padding: 20px; } .shipping__process-image { width: 100%; margin: 0; } .shipping__process-image.image--size-xl { width: 100%; height: 190px; } } .benefits__subtitle { font-size: 20px; font-weight: 600; line-height: 24px; } .benefits__title { font-size: 50px; font-weight: 700; line-height: 1.2; } .benefits__title strong { white-space: nowrap; } .benefits__text { font-size: 18px; line-height: 29px; color: #474747; } .benefits__subtext { font-size: 20px; font-weight: 500; line-height: 27px; color: #474747; } .benefits__offer { display: flex; align-items: stretch; flex-wrap: nowrap; padding-top: 30px; } .benefits__offer-section { width: 50%; } .benefits__offer-title { font-size: 70px; font-weight: 600; line-height: 72px; } .benefits__offer-title strong { color: #FB3B2B; white-space: nowrap; } .benefits__offer-items { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 15px; } .benefits__offer-item { display: flex; align-items: stretch; flex-wrap: nowrap; font-size: 20px; font-weight: 500; line-height: 27px; gap: 10px; } .benefits__offer-item svg { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 24px; } .benefits__offer-btn { width: max-content; padding: 0 40px; margin-top: auto; } .benefits__offer-media { padding-left: 15px; } .benefits__offer-media img, .benefits__offer-media video { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; max-height: 530px; } .benefits__offer-info { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 30px; padding-right: 30px; } .benefits__advantages { margin-top: 150px; } .benefits__advantages-text { margin-top: 10px; } .benefits__advantages-items { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; margin-top: 30px; } .benefits__advantages-item { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 10px; padding: 30px; background: #f6f6f6; border-radius: 10px; } .benefits__advantages-item strong { color: #FB3B2B; } .benefits__details { display: flex; align-items: stretch; flex-wrap: nowrap; margin-top: 150px; } .benefits__details-description { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 30px; width: 35%; } .benefits__details-title, .benefits__details-text, .benefits__details-image { width: 100%; } .benefits__details-data { width: 65%; padding-left: 150px; } .benefits__details-image { max-height: 275px; border-radius: 10px; object-fit: cover; margin-top: 40px; } .benefits__details-table { width: 100%; } .benefits__details-table td { font-size: 24px; font-weight: 600; line-height: 1; padding: 10px 10px 30px 0; } .benefits__details-table td:first-child { font-size: 20px; font-weight: 500; line-height: 1; } .benefits__details-table th { font-size: 30px; font-weight: 600; line-height: 1; padding: 0 20px 40px 0; text-align: left; width: 33.33%; } .benefits__promo { margin-top: 50px; background: #f6f6f6; } .benefits__promo-container { padding-right: 400px; position: relative; } .benefits__promo-container::after { content: ""; background-repeat: no-repeat; background-size: cover; width: 865px; height: 455px; position: absolute; top: -110px; right: 0; } .benefits__promo-info { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 10px; max-width: 510px; padding: 60px 0; } .benefits__promo-title { font-size: 68px; font-weight: 700; line-height: 1; } .benefits__promo-btn { margin-top: 30px; width: max-content; padding: 0 80px; } .benefits__models { overflow: hidden; position: relative; max-width: 1920px; margin: 150px auto 0; } .benefits__models-control { position: absolute; z-index: 1; top: 48.5%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background: rgba(255, 255, 255, 0.5); border-radius: 12px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); cursor: pointer; } .benefits__models-control.slick-prev { left: 7px; } .benefits__models-control.slick-next { right: 7px; } .benefits__models-container { padding-bottom: 90px !important; } .benefits__models-btn { width: max-content; padding: 0 80px; } .benefits__models-head { display: flex; align-items: stretch; flex-wrap: nowrap; } .benefits__models-content { -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; background: #EAEAEA; border-radius: 20px; position: relative; padding: 140px 0 35px; z-index: 1; } .benefits__models-section { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 20px; width: 50%; } .benefits__models-label { text-align: center; margin-top: 10px; } .benefits__models-items { margin: 30px -15px 0; } .benefits__models-items .slick-list { padding: 75px 0 130px; overflow: visible; } .benefits__models-items .slick-slide { margin: 0 15px; } .benefits__models-colors { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0 auto; width: 75%; } .benefits__models-color { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; cursor: pointer; position: relative; } .benefits__models-color.color--active::before { content: ""; width: 33px; height: 33px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #474747; border-radius: 50%; } .benefits__models-subtitle { font-size: 42px; font-weight: 700; line-height: 1; text-align: center; margin-top: 20px; } .benefits__models-item { -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; position: relative; } .benefits__models-item:hover .benefits__models-content { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .benefits__models-item:hover .benefits__models-foot { transform: translateY(100%); } .benefits__models-item.processing { opacity: 0.5; } .benefits__models-item.processing .benefits__models-content { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .benefits__models-item.processing .benefits__models-foot { transform: translateY(100%); } .benefits__models-foot { padding: 5px 0 15px; position: absolute; bottom: 0; left: 0; background: #EAEAEA; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; width: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .benefits__models-image { position: absolute; top: -90px; left: 50%; transform: translateX(-50%); width: 300px; } @media (max-width: 1790px) { .benefits__details-title { font-size: 42px; } } @media (max-width: 1690px) { .benefits__advantages-items { gap: 20px; } .benefits__advantages-item { padding: 20px; } .benefits__advantages-subtitle { font-size: 18px; line-height: 24px; } .benefits__advantages-text { font-size: 16px; line-height: 24px; } } @media (max-width: 1590px) { .benefits__models-control { top: 52.5%; } .benefits__offer-media img, .benefits__offer-media video { max-height: 385px; } } @media (max-width: 1490px) { .benefits__content { padding-bottom: 0 !important; } .benefits__promo { margin-top: 150px; } .benefits__promo-container::after { width: 400px; height: 220px; top: 57px; right: 70px; } .benefits__models-colors { width: 85%; } } @media (max-width: 1390px) { .benefits__title { font-size: 42px; } .benefits__text { font-size: 16px; line-height: 24px; } .benefits__subtext { font-size: 16px; } .benefits__offer-title { font-size: 54px; line-height: 56px; } .benefits__offer-item { font-size: 16px; } .benefits__offer-info { gap: 25px; } .benefits__offer-items { gap: 7px; } .benefits__advantages { margin-top: 130px; } .benefits__details { margin-top: 130px; } .benefits__details-title { font-size: 36px; } .benefits__details-description { gap: 20px; } .benefits__details-table th { font-size: 24px; } .benefits__details-table td { font-size: 20px; padding: 10px 10px 20px 0; } .benefits__promo { margin-top: 130px; } .benefits__models { margin-top: 130px; } .benefits__models-control { top: 47.5%; } } @media (max-width: 1290px) { .benefits__advantages-items { grid-template-columns: repeat(3, 1fr); } .benefits__details { flex-direction: column; gap: 80px; } .benefits__details-image { margin: 0; } .benefits__details-description { width: 100%; } .benefits__details-data { width: 100%; padding: 0; } .benefits__promo-title { font-size: 42px; } .benefits__promo-info { max-width: 350px; } .benefits__models-control { top: 51%; } } @media (max-width: 1100px) { .benefits__offer-title { font-size: 44px; line-height: 45px; } .benefits__offer-media img, .benefits__offer-media video { max-height: 300px; } .benefits__promo { margin-top: 50px; } } @media (max-width: 992px) { .benefits__offer-info { padding-right: 15px; } .benefits__advantages { margin-top: 90px; } .benefits__details { gap: 40px; } .benefits__promo-info { max-width: 315px; } .benefits__promo-container::after { width: 315px; height: 165px; top: 74px; right: 0; } .benefits__models-control { top: 52%; } } @media (max-width: 768px) { .benefits__title { font-size: 36px; } .benefits__title strong { white-space: inherit; } .benefits__offer { flex-direction: column; gap: 30px; } .benefits__offer-section { width: 100%; } .benefits__offer-title { font-size: 36px; line-height: 38px; } .benefits__offer-info { padding: 0; } .benefits__offer-btn { width: 100%; } .benefits__offer-items { gap: 10px; } .benefits__offer-item { line-height: 24px; } .benefits__offer-media { padding: 0; } .benefits__advantages-items { grid-template-columns: 1fr; gap: 25px; } .benefits__details { margin-top: 90px; } .benefits__details-table th { font-size: 16px; padding: 0 10px 20px 0; width: auto; vertical-align: baseline; min-width: 90px; } .benefits__details-table td { font-size: 14px; padding: 0 10px 10px 0; font-weight: 400; } .benefits__details-table td:first-child { font-size: 14px; font-weight: 400; } .benefits__promo { margin-top: 10px; } .benefits__promo-btn { width: 100%; } .benefits__promo-container { padding: 200px 20px 30px; } .benefits__promo-container::after { width: 270px; height: 145px; right: auto; left: 0; top: 30px; } .benefits__promo-info { max-width: 100%; padding: 0; } .benefits__models { margin-top: 90px; } .benefits__models-head { flex-direction: column; gap: 30px; } .benefits__models-section { width: 100%; } .benefits__models-control { display: none !important; } .benefits__models-content { padding: 115px 0 25px; } .benefits__models-btn { width: 100%; } } .promo { padding: 100px 75px; } .promo__sections { display: flex; align-items: stretch; flex-wrap: nowrap; max-width: 1920px; margin: 0 auto; } .promo__section { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 20px; } .promo__title { font-size: 50px; font-weight: 600; line-height: 1; color: #ffffff; } .promo__text { font-size: 24px; font-weight: 600; line-height: 1; color: #ffffff; } .promo__title strong, .promo__text strong { font-weight: 600; white-space: nowrap; } .promo__link { margin-top: 20px; width: max-content; padding: 0 100px; color: #FB3B2B !important; } .promo__image { width: 100%; object-fit: scale-down; position: absolute; top: -160px; left: 0; max-width: 925px; } .promo__description { justify-content: center; width: 40%; } .promo__media { position: relative; width: 60%; } @media (max-width: 1590px) { .promo__image { top: -90px; } } @media (max-width: 1490px) { .promo { padding: 30px 75px; } .promo__media { justify-content: center; } .promo__image { position: static; } } @media (max-width: 1390px) { .promo { padding: 30px 45px; } .promo__title { font-size: 36px; } .promo__text { font-size: 24px; } .promo__media, .promo__description { width: 50%; } } @media (max-width: 1200px) { .promo__title { font-size: 24px; } .promo__text { font-size: 16px; } } @media (max-width: 992px) { .promo { padding: 30px 20px; } } @media (max-width: 768px) { .promo { padding: 50px 20px; } .promo__sections { flex-direction: column; gap: 50px; } .promo__section { gap: 5px; } .promo__link { width: 100%; } .promo__title { font-size: 40px; line-height: 44px; } .promo__text { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; font-size: 24px; line-height: 38px; } .promo__media, .promo__description { width: 100%; } } .models-banner { position: fixed; z-index: 1000000000; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; padding: 20px; display: none; } .models-banner.show { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .models-banner__bg { -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px); background: rgba(186, 186, 186, 0.5); } .models-banner__section { display: flex; align-items: stretch; flex-wrap: nowrap; max-width: 1200px; position: relative; z-index: 1; } .models-banner__description { display: flex; align-items: stretch; flex-wrap: wrap; padding: 90px; flex-direction: column; background: rgb(18, 18, 18); } .models-banner__title { font-size: 50px; font-weight: 600; line-height: 1.3; color: #ffffff; } .models-banner__text { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 25px; margin-top: 25px; } .models-banner__text .no--wrap { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; } .models-banner__subtext { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; } .models-banner__text, .models-banner__subtext { font-size: 18px; line-height: 1.6; color: #ffffff; } .models-banner__text span, .models-banner__subtext span { font-size: 24px; font-weight: 600; line-height: 1; color: #FB3B2B; } .models-banner__text b, .models-banner__subtext b { font-size: 24px; display: block; margin-bottom: 5px; } .models-banner__btn { width: 175px; white-space: nowrap; margin-left: auto; } .models-banner__foot { display: flex; align-items: stretch; flex-wrap: nowrap; margin-top: auto; } .models-banner__media img, .models-banner__media picture { display: block; } .models-banner__media .models-banner__title { display: none; } .models-banner__close { position: absolute; top: 30px; right: 35px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background: rgb(219, 217, 217); gap: 7px; border-radius: 50px; height: 50px; padding: 0 35px; cursor: pointer; } .models-banner__close:hover { background: #e7e6e6; } @media (max-width: 1200px) { .models-banner__title { font-size: 35px; } .models-banner__text, .models-banner__subtext { font-size: 16px; } .models-banner__description { padding: 55px; } } @media (max-width: 1100px) { .models-banner__text .no--wrap { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 5px; } .models-banner__description { padding: 30px; } .models-banner__foot { flex-direction: column; gap: 20px; } .models-banner__btn { margin-left: 0; } .models-banner__title { font-size: 30px; } } @media (max-width: 992px) { .models-banner__section { flex-direction: column-reverse; } .models-banner__close { right: 15px; top: 15px; } .models-banner__description { padding: 20px; } .models-banner__media { height: 300px; } .models-banner__media img { width: 100%; height: 100%; object-fit: cover; } } @media (max-width: 768px) { .models-banner { overflow: hidden; padding: 15px; } .models-banner__wrapper { height: 100%; overflow: auto; display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; } .models-banner__section { flex-direction: column-reverse; flex: 1; } .models-banner__title { font-size: 30px; line-height: 46px; } .models-banner__description { flex: 1; display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; padding: 40px 20px; } .models-banner__description .models-banner__title { display: none; } .models-banner__btn { width: 100%; } .models-banner__foot { margin-top: 20px; gap: 15px; } .models-banner__close { height: 40px; padding: 0 20px; position: fixed; right: 20px; top: 20px; } .models-banner__text { gap: 10px; margin-top: 15px; flex: 1; } .models-banner__text b { font-size: 24px; } .models-banner__text .no--wrap { flex-direction: row; align-items: end; margin: 15px 0; flex-wrap: nowrap; } .models-banner__text, .models-banner__subtext { font-size: 18px; } .models-banner__media { height: auto; background: rgb(18, 18, 18); } .models-banner__media .models-banner__title { display: block; padding: 75px 20px 20px; } } .product__description h1 { margin: 40px 0 15px; } .product__description ul { padding-left: 40px; } .product__description ul li { list-style: disc; } .home__about { min-height: auto !important; } .home__about-description { padding: 110px 75px !important; } .home__card { opacity: 1 !important; height: 100vh; position: relative; } .home__card-actions { position: absolute !important; } .home__card-info { position: absolute !important; } .home__card-info.info--page { color: #ffffff; margin-top: 170px; } .home__card.main { margin-top: -217px; } .home__card.info--about { background: #ffffff; height: auto !important; } .home__card.info--page::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(18, 18, 18); opacity: 0.25; } .home__card .footer { position: static !important; } .header__home { transition: none !important; } .header__product { transition: none !important; } .hubspot .hs-form-booleancheckbox { margin-top: 0 !important; } .hubspot .hs-form-required { padding-left: 5px !important; } .hubspot .hs-form-field { margin-bottom: 25px !important; } .hubspot .hs-form-field.hs_i_agree_to_be_contacted_by_text_messages { margin-top: 15px !important; margin-bottom: 0 !important; } .hubspot fieldset .input { margin-top: 10px !important; } .car__offer-specifications.offer--displaying { display: flex !important; } .car__offer-specifications.offer--displaying.hidden { display: none !important; } .car__offer-text.offer--subtitle { display: block; } .car__offer-text.offer--subtitle.hidden { display: none !important; } .dealer__section { padding: 185px 75px 120px 75px !important; } .footer .menu ul { gap: 10px 40px !important; } .faq__form-content { max-width: 475px; } .faq__form-title { line-height: 29px; margin-bottom: 10px; } .dealer__form-checkbox .wpcf7-list-item-label { padding-left: 0 !important; } @media (min-width: 992px) { .header__home.overflow { border-right: 8px solid #ffffff; } } @media (max-width: 1690px) { .product__summary { padding: 185px 0 30px; z-index: 0; } } @media (max-width: 1590px) { .home__about-description { padding: 110px 30px !important; } } @media (max-width: 1390px) { .page__content { padding: 10px 45px 150px; } .header__top .header__inner { padding: 0 45px !important; } .header__bottom .header__inner { padding: 0 45px !important; } .header__logo.logo--home { left: 45px !important; } .header__cart { margin-right: 45px; } .header.blur .header__bottom .header__inner { justify-content: center !important; } .header__logo.logo--main { left: 45px !important; } .menu > ul { gap: 5px 20px !important; } .footer__nav:last-child .menu ul { gap: 10px 30px !important; } .footer__nav .menu ul { gap: 10px 30px !important; } .footer__nav:last-child .menu .page_item a { padding: 0 !important; } } @media (max-width: 1290px) { .product__summary { padding: 30px 0; } } @media (max-width: 1200px) { .header__cart { right: 0 !important; } .menu > ul { gap: 15px 30px; } .header__bottom .header__nav { padding-left: 60px; } .footer__navs { gap: 30px; } .home__card.main { margin-top: -202px; } } @media (max-width: 1100px) { .header__top { display: none !important; } .header__bottom .header__inner { padding: 0 !important; justify-content: space-between; } .header__product-nav { display: none; } .page__content { padding: 10px 20px 70px !important; } .header svg { fill: #121212; } .mobile__menu { z-index: 1000000001 !important; } .header__toggler { display: flex; } .mobile__menu-top { padding: 15px 15px 0 !important; } .header__product { justify-content: space-between !important; } .header__product-logo { position: static; transform: translateY(0); } .header__product-burger { display: flex; align-items: stretch; flex-wrap: wrap; } .header__nav { display: none; } .header__logo { position: static; } .header__cart { display: none !important; } .header__bar-burger { display: flex !important; align-items: center; } .header.blur .header__bottom .header__inner { justify-content: space-between !important; padding: 0 !important; } .header__bottom { padding: 15px !important; } .mobile__menu { display: flex; align-items: stretch; flex-wrap: nowrap; flex-direction: column; } .mobile__menu-center .mobile__menu-navs { max-width: 395px; margin: 25px auto !important; } .mobile__menu-cart-items { display: flex; align-items: center; flex-wrap: wrap; } .mobile__menu .menu ul { display: flex !important; gap: 15px 30px !important; justify-content: center !important; } .footer__contacts { flex-direction: column; padding: 20px 0; gap: 10px; } .mobile__menu-cart-amount { color: #fe2f35; margin-left: auto; } .mobile__menu-cart { font-size: 20px; font-weight: 500; line-height: 1; color: #121212; margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #bababa; } .mobile__menu-cart-link { text-decoration: none; margin-right: 30px; position: relative; } .mobile__menu-cart-logo { margin-right: 10px; transform: translateY(-2px); } .mobile__menu-cart { font-size: 20px; font-weight: 500; line-height: 1; color: #121212; margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #bababa; } .menu .page_item a { font-size: 16px; font-weight: 400 !important; } .call { display: block; bottom: auto; top: 8px !important; right: 100px !important; } .call__btn { width: 40px; height: 40px; left: 5px; } .call__btn .circle--small { width: 35px; height: 35px; } .call.call--home { top: 20px !important; } .header__logo.logo--home { position: static; } .call__btn.call--message .circle--small { width: 35px; height: 35px; } .call__btn .circle--big { width: 35px; height: 35px; } .call__btn.call--message .circle--big { width: 35px; height: 35px; } .call.call--show { top: 3px !important; right: 86px !important; } .home__card-info.info--page { margin-top: 105px !important; } .home__card.main { margin-top: -118px; } } @media (max-width: 768px) { .blog { padding: 115px 15px 0 !important; } .product__description ul { padding-left: 20px; } .home__about { padding-top: 40px !important; } .home__about-description { padding: 15px !important; } .home__cards { position: fixed; left: 0; top: 0; height: 100%; width: 100%; overflow: auto; } .home__cards.no-touch { touch-action: none; } .home__card { height: 100dvh; width: 100%; } .home__card-actions { bottom: 55px !important; } .home__card-info.info--page { margin-top: 120px !important; } .home__card.main { margin-top: 0; } .car__offer-subtext { font-size: 14px !important; } .dealer__section-new { padding: 215px 20px 60px 20px !important; } } body.no-touch { touch-action: none; }