@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
   line-height: 1.15;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
   margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
   display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   /* 1 */
   height: 0;
   /* 1 */
   overflow: visible;
   /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
   background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
   border-bottom: none;
   /* 1 */
   text-decoration: underline;
   /* 2 */
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
   font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
   font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
   border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   line-height: 1.15;
   /* 1 */
   margin: 0;
   /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
   /* 1 */
   overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
   /* 1 */
   text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
   padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   /* 1 */
   color: inherit;
   /* 2 */
   display: table;
   /* 1 */
   max-width: 100%;
   /* 1 */
   padding: 0;
   /* 3 */
   white-space: normal;
   /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
   vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
   overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
   /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
   font: inherit;
   /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
   display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
   display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
   display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
   display: none;
}

* {
   padding: 0;
   margin: 0;
   border: 0;
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
   font-family: inherit;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: inherit;
}

/*--------------------*/

@font-face {
   font-family: "Gilroy";
   font-display: swap;
   src: url("../fonts/Gilroy-Medium.woff") format("woff"),
      url("../fonts/Gilroy-Medium.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: "Gilroy";
   font-display: swap;
   src: url("../fonts/Gilroy-Bold.woff") format("woff"),
      url("../fonts/Gilroy-Bold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: "Gilroy";
   font-display: swap;
   src: url("../fonts/Gilroy-Regular.woff") format("woff"),
      url("../fonts/Gilroy-Regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: "Gilroy";
   font-display: swap;
   src: url("../fonts/Gilroy-Semibold.woff") format("woff"),
      url("../fonts/Gilroy-Semibold.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: "Jost";
   font-display: swap;
   src: url("../fonts/Jost-SemiBold.woff") format("woff"),
      url("../fonts/Jost-SemiBold.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
}

@font-face {
   font-family: "lg";
   font-display: swap;
   src: url("../fonts/lg.woff") format("woff"),
      url("../fonts/lg.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
}

:root {
   --font-family: "Gilroy", sans-serif;
   --second-family: "Jost", sans-serif;
}

.visually-hidden {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   border: 0;
   clip-path: inset(100%);
   clip: rect(0 0 0 0);
   overflow: hidden;
}

body {
   color: #111942;
   font-family: var(--font-family);
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.3;
   background: #fff;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body._lock {
   overflow: hidden;
}

.wrapper {
   width: 100%;
   min-height: 100%;
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

._container {
   max-width: 1920px;
   width: 98%;
   margin: 0 auto;
   padding: 0 20px;
}

h1 {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: clamp(30px, 2vw + 1rem, 48px);
   line-height: 1.1;
   text-transform: uppercase;
   color: #111942;
   margin: 0;
}

h2,
._title {
   overflow: hidden;
   font-family: var(--second-family);
   font-weight: 600;
   font-size: clamp(26px, 1.5vw + 1rem, 32px);
   line-height: 1.1;
   text-transform: uppercase;
   color: #111942;
}

h3,
._subtitle {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 18px;
   line-height: 1.3;
   color: #111942;
}

footer {
   margin-top: auto;
}

._btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 8px;
   padding: 16px 32px;
   max-width: 201px;
   width: 100%;
   background: #2462bb;
   border: 1px solid #2462bb;
   font-family: var(--font-family);
   font-weight: 700;
   font-size: 16px;
   color: #fff;
   position: relative;
   cursor: pointer;
   -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

._btn:hover {
   background: #fff;
   color: #2462bb;
}

._line-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 8px;
   padding: 16px 32px;
   max-width: 201px;
   width: 100%;
   background: #fff;
   border: 1px solid #2462bb;
   font-family: var(--font-family);
   font-weight: 700;
   font-size: 16px;
   color: #2462bb;
   position: relative;
   cursor: pointer;
   -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

._line-btn:hover {
   background: #2462bb;
   color: #fff;
}

.breadcrumbs {
   max-width: 1920px;
   padding: 0 15px;
   width: 96%;
   margin: 16px auto 32px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.breadcrumbs__item:not(:last-child)::after {
   content: "-";
   position: relative;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   font-size: max(0.85em, 14px);
   line-height: 1.2;
   padding: 0 8px;
   color: #888da1;
}

.breadcrumbs__link {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 14px;
   color: #888da1;
}

._pc {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

._mob {
   display: none;
}

._hidden {
   display: none;
}

._hide {
   opacity: 0;
}

.watchMore {
   margin: 60px auto 0;
   text-align: center;
   cursor: pointer;
}

.watchMore__img._active {
   -webkit-transform: rotate(-360deg);
   -ms-transform: rotate(-360deg);
   transform: rotate(-360deg);
   -webkit-transition: all 1s ease-in;
   transition: all 1s ease-in;
}

.watchMore__text {
   padding-top: 15px;
   color: rgba(0, 0, 0, 0.49);
   font-size: 16px;
   line-height: 2;
}

.swiper-button-prev {
   width: 50px;
   height: 50px;
   background-image: url(../img/icon/prev.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   border-radius: 50%;
   z-index: 10;
   left: 25px;
}

.swiper-button-prev:hover {
   background: #fff url(../img/icon/prev.svg);
}

.swiper-button-prev::after {
   content: "";
   display: none;
}

.swiper-button-next {
   width: 50px;
   height: 50px;
   background-image: url(../img/icon/next.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   border-radius: 50%;
   z-index: 10;
   right: 25px;
}

.swiper-button-next:hover {
   background: #fff url(../img/icon/next.svg);
}

.swiper-button-next::after {
   content: "";
   display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */

input[type="number"] {
   -moz-appearance: textfield;
}

.header {
   max-width: 1920px;
   width: 97%;
   border-radius: 16px;
   padding: 12px 16px;
   -webkit-backdrop-filter: blur(12.6000003815px);
   backdrop-filter: blur(12.6000003815px);
   margin: 10px auto;
   z-index: 10;
   position: sticky;
   background: #f1f5fc;
}

.header--white {
   background: #ffffff;
}

.header__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.header__logo {
   max-width: clamp(120px, 120px + 91 * (100vw - 1200px) / 400, 211px);
   width: 100%;
   height: 46px;
   display: block;
   position: relative;
}

.header__logo::before {
   content: "";
   position: absolute;
   background: rgba(218, 218, 218, 0.67);
   width: 1px;
   height: 46px;
   top: 50%;
   right: clamp(-40px, -10px - 20 * (100vw - 1200px) / 400, -20px);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.header__logo_img {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.header__button {
   max-width: 145px;
   padding: 10px 16px;
}

.header__burger {
   display: none;
   z-index: 10;
}

.submenu {
   position: absolute;
   top: 30px;
   left: 15px;
   background: #fff;
   border: 1px solid #000;
   padding: 10px 5px;
   border-radius: 10px;
   -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   display: none;
   z-index: 10;
}

.menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.menu__list {
   position: relative;
   padding: 5px 10px;
}

.menu__link {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 15px;
   color: #282f2f;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.menu__link svg {
   -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.menu__link:hover .submenu {
   display: block;
}

.header-contacts {
   max-width: 450px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.header-contacts__phone {
   text-align: center;
}

.header-contacts__phone_phone {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: clamp(14px, 1.2vw, 18px);
   color: #282f2f;
}

.header-contacts__socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.header-contacts__social {
   padding: 0 clamp(3px, 1.2vw, 8px);
}

.header-contacts__mob {
   display: none;
}

.main {
   width: 100vw;
   height: 100vh;
   position: relative;
   margin: -90px auto 0;
   padding: 56px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   z-index: 0;
}

.main::after {
   content: "";
   position: absolute;
   width: 100vw;
   height: 100vh;
   top: 0;
   left: 0;
   background-image: url(../img/background/main_bg.webp);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   z-index: -1;
}

.main__content {
   max-width: 1920px;
   width: 97%;
}

.main__label {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 18px;
   color: #fff;
}

.main__title {
   max-width: 700px;
   color: #fff;
}

.main__bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.main__btn {
   max-width: 205px;
}

.main__text {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 17px;
   line-height: 130%;
   color: rgba(255, 255, 255, 0.84);
   padding-left: 26px;
}

.advantages {
   width: 100%;
   position: relative;
   padding: 70px 0;
   background: #f1f5fc;
   z-index: 0;
}

.advantages__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.advantages__texts {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 25%;
   flex: 0 1 25%;
}

.advantages__title {
   padding-bottom: 24px;
}

.advantages-card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 25%;
   flex: 0 1 25%;
}

.advantages-card__icon {
   -o-object-fit: cover;
   object-fit: cover;
}

.advantages-card__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
   padding: 9px 0;
}

.advantages-card__text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #111942;
}

.bestseller {
   width: 100%;
   padding: 90px 0 50px;
   position: relative;
   margin: 0 auto;
   z-index: 0;
}

.bestseller__content {
   position: relative;
   padding: 0 50px;
}

.bestseller__title {
   text-align: center;
   padding-bottom: 30px;
}

.bestseller__button {
   margin: 36px auto 0;
}

.top-products {
   padding: 0 20px;
}

.top-products__item {
   border-radius: 16px;
   padding: 8px 8px 16px 8px;
   background: #f1f5fc;
}

.top-products__image {
   width: 100%;
   height: 220px;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 12px;
   overflow: hidden;
   background: #fff;
}

.top-products__title {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 20px;
   line-height: 110%;
   color: #111942;
   padding: 16px 10px 13px;
}

.top-products__title a {
   color: #111942;
}

.top-products__title span {
   color: #888da1;
}

.top-products__attributes {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 85px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 6px 0;
   border-top: 1px solid rgba(36, 98, 187, 0.16);
   border-bottom: 1px solid rgba(36, 98, 187, 0.16);
}

.top-products__attribut {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 33%;
   flex: 0 1 33%;
   text-align: center;
}

.top-products__attribut_info {
   padding-top: 8px;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 110%;
   color: #485371;
}

.top-products__bottom {
   padding: 13px 10px 0;
}

.top-products__price {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 20px;
   line-height: 110%;
   color: #1c5dff;
   padding-bottom: 10px;
}

.top-products__buttons {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   border-top: 1px solid rgba(36, 98, 187, 0.16);
   padding: 10px 0;
}

.top-products__button {
   max-width: 100%;
   width: 100%;
   border-radius: 8px;
   padding: 12px 0;
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 14px;
   /* color: #111942;
   background: #fff; */
   border: 1px solid transparent;
   text-align: center;
   -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.top-products__button:hover {
   border: 1px solid #2462bb;
}

.order-advantage {
   width: 100%;
   position: relative;
   padding: 40px 0 90px;
   z-index: 0;
}

.order-advantage__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.order-advantage__bg {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 58%;
   flex: 0 1 58%;
   position: relative;
}

.order-advantage__bg img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.order-advantage__text-block {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 40%;
   flex: 0 1 40%;
}

.order-advantage__subtitle {
   padding: 16px 0;
   max-width: 410px;
}

.order-advantage__cards {
   padding: 24px 0;
}

.order-advantage__card {
   padding: 18px 0 18px 50px;
   border-bottom: 1px solid rgba(36, 98, 187, 0.16);
   position: relative;
   z-index: 0;
}

.order-advantage__card:last-child {
   border-bottom: unset;
}

.order-advantage__card_icon {
   position: absolute;
   top: 18px;
   left: 0;
}

.order-advantage__card_label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 18px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
   padding-bottom: 10px;
}

.order-advantage__card_text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
}

.order-advantage__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.order-advantage__button {
   max-width: 175px;
}

.order-advantage__text {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 18px;
   line-height: 130%;
   color: #485371;
   padding-left: 20px;
}

.about {
   width: 100%;
   position: relative;
   padding: 70px 0 25px;
   margin: 0 auto;
   background: #f1f5fc;
   z-index: 0;
}

.about__title {
   text-align: center;
}

.about__title span {
   color: #2462bb;
}

.about__cards {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 20px;
   padding: 45px 0;
}

.about__card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 23.8%;
   flex: 0 1 23.8%;
   border-radius: 24px;
   position: relative;
   overflow: hidden;
}

.about__card_img {
   position: absolute;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 16px;
   overflow: hidden;
}

.about-card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 23.8%;
   flex: 0 1 23.8%;
   min-height: 269px;
   border-radius: 16px;
   overflow: hidden;
   padding: 24px;
   background: #fff;
}

.about-card:first-child {
   min-height: 306px;
}

.about-card__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 18px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
   padding: 42px 0 10px;
}

.about-card__text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
}

.about-form {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 49%;
   flex: 0 1 49%;
   padding: 42px 47px 61px;
   border-radius: 16px;
   background: #2462bb;
}

.about-form__title {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 26px;
   line-height: 110%;
   text-transform: uppercase;
   color: #fff;
}

.about-form__subtitle {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 20px;
   line-height: 150%;
   color: #fff;
   opacity: 0.8;
   padding: 5px 0 24px;
}


.sendform__title{
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 26px;
   line-height: 110%;
   text-transform: uppercase;
   color: #fff;
}

.calc__form .sendform__title{
font-size: 20px;
color: #2462bb;
}

.form-callback {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 15px;
}

.form-callback__label {
   border: 1px solid rgba(255, 255, 255, 0.41);
   border-radius: 8px;
   padding: 12px 16px;
   max-width: 210px;
   width: 100%;
   height: 48px;
   background: rgba(255, 255, 255, 0.2);
   position: relative;
   overflow: hidden;
}

.form-callback__label input {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 12px 16px;
   background: transparent;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
}

.form-callback__label input::-webkit-input-placeholder {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
}

.form-callback__label input::-moz-placeholder {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
}

.form-callback__label input:-ms-input-placeholder {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
}

.form-callback__label input::-ms-input-placeholder {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
}

.form-callback__label input::placeholder {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #fff;
}

.form-callback__button {
   max-width: 162px;
   background: #fff;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 100%;
   color: #2462bb;
}

.form-callback__attachment {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 14px;
   line-height: 125%;
   color: #fff;
   opacity: 0.54;
   padding-top: 10px;
}

.order {
   width: 100%;
   position: relative;
   padding: 90px 0 30px;
   margin: 0 auto;
   z-index: 0;
}

.order__title {
   text-align: center;
}

.order__subtitle {
   text-align: center;
   padding: 12px 0;
}

.order__body {
   padding: 60px 0;
}

.order__ways {
   max-width: 1330px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding-bottom: 32px;
   margin: 0 auto;
}

.order__ways:first-child {
   border-bottom: 1px dashed rgba(36, 98, 187, 0.4);
   margin-bottom: 32px;
   position: relative;
}

.order__ways:first-child::after {
   content: "";
   position: absolute;
   border-top: 1px dashed rgba(36, 98, 187, 0.4);
   width: 100%;
   top: 18px;
   left: 0;
   z-index: -1;
}

.order__ways:first-child::before {
   content: "";
   position: absolute;
   border-right: 1px dashed rgba(36, 98, 187, 0.4);
   width: 100%;
   height: 90%;
   bottom: 0;
   right: 0;
   z-index: -1;
}

.order__ways:last-child {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   position: relative;
}

.order__ways:last-child::after {
   content: "";
   border-top: 1px dashed rgba(36, 98, 187, 0.4);
   width: 80%;
   top: 18px;
   left: 0;
   position: absolute;
   z-index: -1;
}

.order__ways:last-child::before {
   content: "";
   position: absolute;
   border-left: 1px dashed rgba(36, 98, 187, 0.4);
   width: 100%;
   height: 30%;
   top: -30px;
   left: 0;
   z-index: -1;
}

.order__way {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 23%;
   flex: 0 1 23%;
   margin: 0 10px 0 0;
}

.order-way {
   position: relative;
}

.order-way__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 18px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
   padding: 20px 0 10px;
}

.reviews {
   width: 100%;
   position: relative;
   margin: 0 auto;
   padding: 30px 0 50px;
   z-index: 0;
   background: #fff;
}

.reviews__top {
   position: relative;
   margin-bottom: 32px;
}

.reviews-slider__prev {
   left: unset;
   right: 100px;
}

.reviews-slider__item {
   padding: 26px 18px 33px 96px;
   border-radius: 24px;
   background: #f1f5fc;
   position: relative;
}

.reviews-slider__avatar {
   position: absolute;
   top: 26px;
   left: 18px;
}

.reviews-slider__auto {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 120%;
   color: #2462bb;
}

.reviews-slider__name {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 14px;
   line-height: 150%;
   color: rgba(17, 25, 66, 0.8);
   padding: 4px 0 16px;
}

.reviews-slider__text {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
   padding-bottom: 20px;
}

.reviews-inner-slider {
   position: relative;
   z-index: 0;
}

.reviews-inner-slider::after {
   content: "";
   position: absolute;
   width: 71px;
   height: 90px;
   right: -5px;
   top: 0;
   background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(241, 245, 252, 0)),
      to(#f1f5fc)
   );
   background: linear-gradient(90deg, rgba(241, 245, 252, 0) 0%, #f1f5fc 100%);
   z-index: 1;
}

.reviews-inner-slider__nav {
   z-index: 10;
}

.reviews-inner-slider__next {
   -webkit-transform: scale(0.6);
   -ms-transform: scale(0.6);
   transform: scale(0.6);
   right: 0;
   background: #fff url(../img/icon/next.svg);
}
.reviews-inner-slider img {
   width: 90px;
   height: 90px;
   object-fit: cover;
}

.faq {
   width: 100%;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   background: #f1f5fc;
   padding: 80px 0 90px;
   z-index: 0;
}

.faq__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.faq__text-block {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 39%;
   flex: 0 1 39%;
   padding-top: 10px;
}

.faq__subtitle {
   padding: 16px 0 42px;
}

.faq__button {
   max-width: 220px;
}

.faq__accordion {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 58%;
   flex: 0 1 58%;
}

.faq__item {
   border-bottom: 1px solid rgba(56, 113, 238, 0.46);
}

.faq__item.active .faq__icon {
   -webkit-transform: translateY(-50%) rotate(180deg);
   -ms-transform: translateY(-50%) rotate(180deg);
   transform: translateY(-50%) rotate(180deg);
}

.faq__question {
   width: 100%;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 22px;
   color: #090532;
   position: relative;
   text-align: left;
   padding: 20px 30px 10px 0;
   background: transparent;
   cursor: pointer;
}

.faq__icon {
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 40px;
   font-weight: 400;
   color: #3871ee;
   -webkit-transition: -webkit-transform 0.3s ease;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.faq__answer {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
   max-height: 0;
   overflow: hidden;
   -webkit-transition: max-height 0.4s ease;
   transition: max-height 0.4s ease;
   padding: 0 15px;
}

.news {
   width: 100%;
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   padding: 90px 0;
   background: #fff;
   z-index: 0;
}

.news__content {
   position: relative;
   padding: 0 40px;
}

.news__title {
   text-align: center;
}

.news__slider {
   padding: 32px 0 0;
}

.news__slide {
   border-radius: 16px;
   padding: 8px 8px 16px 8px;
   background: #f1f5fc;
}

.news__slide_img {
   width: 100%;
   height: 275px;
   border-radius: 10px;
   -o-object-fit: cover;
   object-fit: cover;
}

.news__slide_title {
   height: 70px;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 20px;
   line-height: 130%;
   color: #111942;
   padding: 10px 10px 8px;
}

.news__slide_description {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: #485371;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 0 10px;
}

.delivery {
   width: 100%;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   background: #fff;
   z-index: 0;
}

.delivery__content {
   width: 96%;
   border-radius: 32px;
   background: #f1f5fc;
   padding: 90px 35px 0;
   margin-bottom: 100px;
}

.delivery__title {
   text-align: center;
}

.delivery__cards {
   max-width: 1240px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 32px auto;
}

.delivery__bg {
   width: 100%;
}

.delivery-card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 24%;
   flex: 0 1 24%;
}

.delivery-card__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
   padding: 9px 0 8px;
}

.delivery-card__text {
   max-width: 270px;
   width: 100%;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #111942;
}

.main-page {
   width: 100%;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   z-index: 0;
}

.main-page_hero {
   width: 100%;
   min-height: 555px;
   position: relative;
   border-radius: 32px;
   padding: 81px 0;
   background: -webkit-gradient(
         linear,
         left top,
         left bottom,
         from(rgba(0, 0, 0, 0)),
         to(#000)
      ),
      url("path_to_image");
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%),
      url("path_to_image");
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 0;
}

.brand-page-hero{
   min-height: 300px;
   padding: 50px 0;
}

.main-page_hero img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -o-object-fit: cover;
   object-fit: cover;
   z-index: -1;
}

.main-page__label {
   max-width: 700px;
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 32px;
   line-height: 110%;
   color: #111942;
}

.main-page__title {
   color: #fff;
   text-align: center;
}

.main-page__bottom {
   padding: 65px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
}

.brand-page-bottom{
   padding: 30px 0 0;
}

.main-page__text {
   max-width: 700px;
   padding-left: 24px;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
}

.about-page {
   width: 100%;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   z-index: 0;
}

.about-page__body {
   width: 100%;
   position: relative;
   background: #f1f5fc;
   border-radius: 24px;
   margin: 32px auto 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.about-page__director {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 30%;
   flex: 0 1 30%;
   border-radius: 24px;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
   z-index: 0;
}

.no-webp .about-page__director::after {
   background-image: url(../img/background/director.png);
}

.about-page__director::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   z-index: -1;
}

.about-page__director_name {
   position: absolute;
   bottom: 20px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   max-width: 275px;
   width: 100%;
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 13px;
   line-height: 110%;
   text-transform: uppercase;
   text-align: center;
   color: #606782;
   border-radius: 8px;
   padding: 12px 16px;
   background: #fff;
}

.about-page__director_name span {
   display: block;
   font-size: 20px;
   color: #111942;
   padding: 10px;
}

.about-page__text-block {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 45%;
   flex: 0 1 45%;
   padding: 48px 40px 54px 0;
}

.about-page__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 32px;
   line-height: 110%;
   text-transform: uppercase;
   color: #111942;
}

.about-page__text {
   max-width: 600px;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
   padding: 24px 0 32px;
}

.test-drive {
   width: 100%;
   margin: 90px auto;
   position: relative;
   overflow: hidden;
   z-index: 0;
}

.test-drive__body {
   min-height: 600px;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   border-radius: 24px;
   overflow: hidden;
}

.no-webp .test-drive__body::after {
   background-image: url(../img/background/test-drive.png);
}

.test-drive__body::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   z-index: -1;
}

.test-drive__text-block {
   max-width: 675px;
   width: 100%;
   padding: 38px 32px;
}

.test-drive__title {
   color: #fff;
   padding-bottom: 18px;
}

.test-drive__text {
   color: #fff;
}

.test-drive__form {
   max-width: 678px;
   width: 100%;
   border-radius: 16px;
   background: #2462bb;
   padding: 32px;
}

.test-drive__form_title {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 26px;
   line-height: 110%;
   text-transform: uppercase;
   color: #fff;
   padding-bottom: 24px;
}

.about-advantages__card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 18%;
   flex: 0 1 18%;
}

.partners {
   width: 100%;
   position: relative;
   margin: 0 auto;
   background: #f1f5fc;
   z-index: 0;
}

.partners__top {
   width: 100%;
   position: relative;
   background: #fff;
   padding: 90px 0;
   margin: 0 auto;
   text-align: center;
   z-index: 0;
}

.partners__title {
   margin-bottom: 46px;
}

.partners__slider {
   max-width: 1920px;
   padding: 0 50px;
}

.partners__sliders {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: distribute;
   justify-content: space-around;
}

.partners__body {
   max-width: 1920px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 0 auto;
   padding: 70px 50px 90px;
   position: relative;
   gap: 20px;
}

.partners__ways {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 30%;
   flex: 0 0 30%;
   position: relative;
}

.partners__ways::before {
   content: "";
   position: absolute;
   top: 0;
   left: 28px;
   width: 1px;
   height: calc(100% - 60px);
   border-left: 1px dashed rgba(36, 98, 187, 0.4);
}

.partners__callbacks {
   flex: 0 0 70%;
  top: 30px;
  align-self: flex-start;
  -webkit-transition: top 0.3s ease;
   transition: top 0.3s ease;
}

.no-webp .partners__callback {
   background-image: url(../img/images/callback.png);
}

.partners__callback {
   max-width: 1240px;
   width: 100%;
   height: 642px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   border-radius: 32px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 23px;   
   position: static;
}


.partners-way {
   position: relative;
   padding: 0 0 42px 82px;
}

.partners-way__icon {
   position: absolute;
   top: 0;
   left: 0;
}

.partners-way__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
}

.partners-way__text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
}

.partners-form {
   max-width: 678px;
   width: 100%;
   background: #2462bb;
   border-radius: 16px;
   padding: 32px;
}

.partners-form__title {
   text-align: center;
}

.partners-form__subtitle {
   text-align: center;
}

.catalog {
   width: 100%;
   position: relative;
   padding: 20px 0 80px;
   margin: 0 auto;
   z-index: 0;
}

.catalog__top {
   width: 100%;
   padding: 32px 0 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.catalog__brands {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 16px;
   padding-bottom: 10px;
}

.catalog__brand {
   border-radius: 8px;
   padding: 12px 24px;
   background: #f1f5fc;
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 16px;
   color: #111942;
   -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   white-space: nowrap;
}

.catalog__brand:hover {
   color: #fff;
   background: #2462bb;
}

.catalog__brand._active {
   color: #fff;
   background: #2462bb;
}

.catalog__sort {
   border: 1px solid rgba(36, 98, 187, 0.3);
   border-radius: 8px;
   padding: 10px 10px 10px 15px;
   max-width: 252px;
   width: 100%;
   height: 44px;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 15px;
   line-height: 160%;
   color: #111942;
}

.catalog__sort select {
   width: 100%;
}

.catalog__inner {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-top: 1px solid #dee8f5;
   padding: 32px 0;
}

.catalog__filters {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 20%;
   flex: 0 1 20%;
}

.catalog__products {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 80%;
   flex: 0 1 80%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 20px;
}

.catalog__product {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 32%;
   flex: 0 1 32%;
}

.filter__group {
   border-top: 1px solid #dee8f5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 16px 0;
}

.filter__group:first-child {
   border-top: unset;
}

.filter__label {
   height: 40px;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 20px;
   line-height: 110%;
   color: #111942;
   position: relative;
   padding: 9px 0;
}

.filter__label::after {
   content: "";
   position: absolute;
   width: 12px;
   height: 7px;
}

.filter__slider {
   margin: 11px 0 21px;
}

.filter__inputs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 16px;
}

.filter__input {
   border: 1px solid rgba(36, 98, 187, 0.3);
   border-radius: 8px;
   padding: 10px 10px 10px 15px;
   height: 38px;
   max-width: 133px;
   width: 100%;
}

.filter__option {
   padding: 2px 0;
}

.filter__text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 110%;
   color: #485371;
   padding: 5px 8px;
}

/* Базовый контейнер */

.filter__slider {
   position: relative;
   width: 100%;
   height: 6px;
   background: #e0e0e0;
   border-radius: 4px;
   margin: 10px 0 21px;
}

/* Линия между ползунками */

.filter__slider .noUi-connect {
   background: #1c5dff;
   /* Цвет активного диапазона */
}

/* Ползунки */

.filter__slider .noUi-handle {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: #1c5dff;
   top: -8px;
   cursor: pointer;
   -webkit-transition: background 0.3s;
   transition: background 0.3s;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
}

.filter__slider .noUi-handle:hover {
   background: #0056b3;
}

/* Убираем дефолтные элементы */

.filter__slider .noUi-handle::before,
.filter__slider .noUi-handle::after {
   display: none;
}

/* Линия оси */

.filter__slider .noUi-base {
   position: relative;
}

/* Делаем ползунки крупнее на мобильных устройствах */

.product-page__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 40px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 10px 0 80px;
}

.product-page__bottom {
   background: #f1f5fc;
   border-radius: 16px;
   padding: 24px 32px 24px 24px;
   max-width: 504px;
   width: 100%;
}

.gallery {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 50%;
   flex: 1 1 50%;
}

.gallery__main {
   border-radius: 24px;
   overflow: hidden;
   -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   position: relative;
   max-height: 650px;
}

.gallery__main picture {
   width: 100%;
   display: block;
   opacity: 1;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
   border-radius: 24px;
   overflow: hidden;
}

.gallery__main.is-fading picture {
   opacity: 0;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
}

.gallery__image {
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 24px;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
}

.gallery__thumbnails {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 10px;
   position: relative;
   margin: -80px auto 0;
   z-index: 2;
}

.gallery__thumb {
   width: 80px;
   height: 60px;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 8px;
   cursor: pointer;
   border: 2px solid transparent;
}

.gallery__thumb--active {
   border-color: #2d5dcc;
}

.info {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 40%;
   flex: 1 1 40%;
}

.info__title {
   font-size: 32px;
   margin-bottom: 20px;
   font-weight: 700;
}

.info__colors,
.info__specs,
.info__pricing,
.info__form {
   margin-bottom: 20px;
}

.colors__label {
   font-weight: bold;
   margin-bottom: 10px;
}

.colors__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
}

.colors__item {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   border: 1px solid #ccc;
   cursor: pointer;
}

.colors__item img {
   width: 100%;
   object-fit: cover;
}

.specs {
   max-width: 340px;
   width: 100%;
   list-style: none;
   padding: 0;
}

.specs__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 6px;
}

.specs__label {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 65%;
   flex: 0 1 65%;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 110%;
   color: #111942;
   padding: 5px 0 0 8px;
}

.specs__value {
   text-align: left;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 110%;
   color: #485371;
}

.pricing {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 27px;
}

.pricing__item {
   display: block;
}

.pricing__label {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 15px;
   line-height: 110%;
   color: rgba(72, 83, 113, 0.7);
}

.pricing__value {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 26px;
   line-height: 110%;
   text-transform: uppercase;
   color: #111942;
   display: block;
}

.order-form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 15px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.order-form__button {
   max-width: 172px;
   width: 100%;
   padding: 12px 20px;
   border-radius: 8px;
   background-color: #2d5dcc;
   color: #fff;
   border: none;
   cursor: pointer;
}

.order-form__button:hover {
   background-color: #1c46a0;
}

.order-form__select {
   max-width: 256px;
   width: 100%;
   padding: 12px;
   border: 1px solid #ccc;
   border-radius: 8px;
   font-size: 16px;
}

.product-info__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.product-info__title {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 35%;
   flex: 0 1 35%;
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 32px;
   line-height: 110%;
   text-transform: uppercase;
   color: #111942;
}

.product-info__subtitle {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
}

.product-info__banner {
   width: 100%;
   margin: 52px auto -100px;
   border-radius: 32px;
}

.product-info__cards {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
   justify-content: space-around;
   gap: 40px;
   margin: 0 20px;
}

.product-info__card {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 25%;
   flex: 0 1 25%;
   background: #f1f5fc;
   border-radius: 16px;
   padding: 32px;
}

.product-info__bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 40px;
   padding: 70px 0 90px;
}

.product-info__text {
   flex: 0 1 50%;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
}

.product-info__text h3 {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 110%;
   text-transform: uppercase;
   color: #000;
   padding: 5px 0 15px;
}
.product-info__text p,
.product-info__text li {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #111942;
   padding: 5px 0;
}

.product-info__text li {
   padding: 5px 10px;
}

.p-info-card__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 20px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
   padding: 9px 0;
}

.p-info-card__text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #111942;
}

/* new code */
.news-page {
   max-width: 960px;
   width: 100%;
   padding: 10px 0 100px;
}

.news__title {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 48px;
   line-height: 110%;
   text-transform: uppercase;
   color: #111942;
   text-align: left;
   margin-bottom: 20px;
}

.news__content {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 18px;
   line-height: 160%;
   color: #485371;
   padding: 20px 0;
}

.news__img img {
   width: 100%;
   object-fit: cover;
   border-radius: 12px;
   overflow: hidden;
}

.news__tags {
   padding: 16px 0 22px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.news__tags span {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   color: #888da1;
}

.news__tags span a {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   color: #888da1;
}

.post-filters {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.archive-posts__filters {
   display: flex;
   align-items: center;

   gap: 16px;
}

.archive-posts__filter {
   border-radius: 8px;
   padding: 12px 24px;
   background: #f1f5fc;
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 16px;
   color: #111942;
}

.archive-posts__filter._active {
   background: #2462bb;
   color: #fff;
}

.archive-posts__sorts {
   border: 1px solid rgba(36, 98, 187, 0.3);
   border-radius: 8px;
   padding: 10px 10px 10px 15px;
   max-width: 252px;
   width: 100%;
   height: 44px;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 15px;
   line-height: 160%;
   color: #111942;
}

.archive-posts__list {
   margin: 50px 0;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}

.archive-posts__item {
   flex: 0 1 30%;
   border-radius: 16px;
   padding: 8px 8px 20px 8px;
   background: #f1f5fc;
}

.archive-posts__title {
   padding: 10px 0;
}
.archive-posts__title a {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 20px;
   line-height: 130%;
   color: #111942;
}

.archive-posts__excerpt {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: #485371;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   /* Количество строк */
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.archive-posts__thumbnail img {
   width: 100%;
   height: 250px;
   border-radius: 12px;
   object-fit: cover;
   overflow: hidden;
}

.archive-posts__load-more {
   margin: 10px auto 50px;
}

/* /new code */

.footer {
   width: 100%;
   position: relative;
   margin: 0 auto;
   padding: 50px 0 0;
   overflow: hidden;
   background: #111942;
   z-index: 0;
}

.footer__content {
   width: 96%;
}

.footer__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.footer__info {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 20%;
   flex: 0 1 20%;
}

.footer__adress {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 18px;
   color: #fff;
   padding: 15px 0;
}

.footer__socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
}

.footer__contacts {
   text-align: center;
}

.footer__menu-block{
   display: flex;
   justify-content: space-around;
   flex: 0 1 60%;
}

.footer__link{
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 15px;
   color: #fff;
   padding: 5px 10px;
}

.footer__link span{
   font-weight: 700;
}

.footer__menu{
   flex-direction: column;
   align-items: flex-start;
}

.footer__menu .menu__link{
   color: #fff;
}

.footer__phone {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 24px;
   color: #fff;
}

.footer__work-time {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   color: rgba(255, 255, 255, 0.59);
   text-align: center;
}

.footer__button {
   margin-top: 32px;
   margin-left: auto;
}

.footer__bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: 40px;
   padding: 20px 0;
   border-top: 1px solid rgba(255, 255, 255, 0.21);
}

.footer__politic {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 14px;
   text-transform: uppercase;
   color: #fff;
   margin: 0 10px;
}

.overlay_popup {
   display: none;
   position: fixed;
   z-index: 999;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.75);
}

.modal {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   min-width: 0;
   overflow: hidden;
   z-index: 1000;
   padding: 10px 15px;
   display: none;
}

.modal._active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.modal__body {
   border-radius: 16px;
   max-width: 708px;
   width: 100%;
   background: #2462bb;
   padding: 42px 47px 61px;
   position: relative;
}

.modal__close {
   position: absolute;
   width: 28px;
   height: 28px;
   top: 30px;
   right: 46px;
   cursor: pointer;
   z-index: 1002;
}

.popup-form {
   padding-top: 20px;
}

.popup-form__label {
   width: 419px;
   height: 96px;
   padding: 44px 73px 44px 41px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 22px;
   border-radius: 10px;
   background: #fff;
   position: relative;
}

.popup-form__label input {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: transparent;
   padding: 20px 35px;
   color: #151515;
   font-size: 18px;
}

.popup-form__label input::-webkit-input-placeholder {
   opacity: 0.65;
}

.popup-form__label input::-moz-placeholder {
   opacity: 0.65;
}

.popup-form__label input:-ms-input-placeholder {
   opacity: 0.65;
}

.popup-form__label input::-ms-input-placeholder {
   opacity: 0.65;
}

.popup-form__label input::placeholder {
   opacity: 0.65;
}

.popup-form__button {
   max-width: 419px;
   width: 100%;
   height: 74px;
   border-radius: 6px;
   font-size: 15px;
   font-weight: 700;
   line-height: 22.1px;
   text-transform: uppercase;
   letter-spacing: 1.04px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
   -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
   text-align: center;
}

.popup-form__button:hover {
   -webkit-box-shadow: 0 17px 43px rgba(82, 184, 234, 0.27),
      inset 0 0 49px rgba(255, 255, 255, 0.41);
   box-shadow: 0 17px 43px rgba(82, 184, 234, 0.27),
      inset 0 0 49px rgba(255, 255, 255, 0.41);
}

.popup-form p {
   padding-top: 15px;
   color: #7a7a7a;
   font-size: 14px;
   line-height: 1.2;
   text-align: left;
}

.popup-form p a {
   color: #56b9eb;
   display: block;
}

.modal-form {
   max-width: 550px;
   width: 100%;
   height: 635px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
}

.modal-form .modal-catalog__info {
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   text-align: center;
   padding: 44px 30px 44px 30px;
}

.modal-form .modal-catalog__label {
   color: #ffffff;
   font-size: 32px;
   font-weight: 600;
}

.modal-form .modal-catalog__sublabel {
   font-size: 18px;
   font-weight: 500;
   padding: 14px 0;
   color: #fff;
}

.modal-form .popup-form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.agreement {
   color: #fff;
   max-width: 80%;
}

.agreement a {
   color: #fff;
}

.privacy {
   max-width: 1160px;
   margin: 0 auto;
   padding: 150px 0 100px;
}

.privacy__title {
   font-weight: 500;
   font-size: 36px;
   line-height: 100%;
   letter-spacing: -0.02em;
}

.privacy__subtitle {
   text-align: right;
   font-weight: 400;
   font-size: 20px;
   line-height: 140%;
   padding: 30px 0;
}

.privacy__label {
   font-weight: 700;
   padding: 30px 0 15px;
}

.privacy__text {
   font-size: 16px;
}

._privacy {
   font-size: 10px;
}

.gallery__color-set {
   display: none;
   opacity: 0;
   transition: opacity 0.4s ease;
}

.gallery__color-set.active {
   display: block;
   opacity: 1;
}

.colors__item.active {
   outline: 1px solid #2462bb;
}

.gallery__placeholder {
   padding: 40px;
   text-align: center;
   background: #f7f7f7;
   color: #888;
   font-style: italic;
}

.catalog-filter-mob {
   display: none;
}

.close-filter-icon {
   display: none;
}

/* calc  */
.calc {
   width: 100%;
   margin: 0 auto;
   position: relative;
   padding: 90px 0;
   z-index: 0;
}
.calc__content {
   background: #f1f5fc;
   border-radius: 32px;
   display: flex;
}

.calc__text-block {
   flex: 0 0 37%;
   padding: 46px 42px;
}

.calc__form {
   max-width: 390px;
   width: 100%;
   flex-direction: column;
   gap: 15px;
   padding-top: 32px;
}
.calc-form__text {
   max-width: 330px;
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   color: #485371;
   padding: 20px 0 14px;
}

.calc-form__label {
   max-width: 100%;
   border: 1px solid rgba(36, 98, 187, 0.3);
   border-radius: 8px;
   padding: 16px 20px;
   background: #fff;
}

.calc-form__label input {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 150%;
   color: #111942;
}

.calc-form__label input::placeholder {
   color: #111942;
   opacity: 0.7;
}
.calc__attachment {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 12px;
   line-height: 125%;
   color: #485371;
   opacity: 0.54;
   max-width: 220px;
}

.calc__bg {
   width: 100%;
   position: relative;
   border-radius: 32px;
   overflow: hidden;
   margin-right: -20px;
   padding: 36px 24px;
   z-index: 0;
   display: flex;
   align-items: flex-end;
}

.calc__bg img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   object-fit: cover;
   z-index: -1;
}
.price-block {
   border-radius: 24px;
   padding: 24px;
   max-width: 220px;
   min-height: 275px;
   background: #fff;
   flex-wrap: wrap;
   justify-content: space-between;
}
.price-item {
   padding: 16px 0;
}
.price-item__label {
   font-family: var(--font-family);
   font-weight: 600;
   font-size: 15px;
   line-height: 160%;
   color: #111942;
   padding-bottom: 6px;
}
.price-item__value {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 26px;
   line-height: 92%;
   color: #2462bb;
}

.custom-select {
   position: relative;
   background: white;
   border: 1px solid #ccc;
   border-radius: 6px;
   cursor: pointer;
}

.select-selected {
   padding: 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.select-items {
   display: none;
   position: absolute;
   background-color: white;
   width: 100%;
   height: 300px;
   overflow-x: scroll;
   border: 1px solid #ccc;
   z-index: 99;
   border-radius: 6px;
   z-index: 10;
}

.select-items div {
   padding: 10px;
}

.select-items div:hover {
   background-color: #f0f0f0;
}

.contacts__wrapper {
   display: flex;
   justify-content: space-between;
   padding: 50px 0;
}
.contacts__info {
   flex: 0 1 40%;
}
.contacts__item {
   padding: 20px 0;
}
.contacts__label {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 18px;
   line-height: 110%;
   text-transform: uppercase;
   color: #2462bb;
}
.contacts__text {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 18px;
   line-height: 130%;
   color: #111942;
}
.contacts__link {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 18px;
   line-height: 130%;
   color: #111942;
}
.contacts__form {
}
.contacts__map {
   flex: 0 1 55%;
   border-radius: 32px;
   overflow: hidden;
}

.service {
   width: 100%;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   z-index: 0;
}

.service__cards {
   margin: 50px 0;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}

.service-card {
   flex: 0 1 31%;
   border-radius: 16px;
   padding: 8px 8px 20px 8px;
   background: #f1f5fc;
}
.service-card__img {
   width: 100%;
   height: 250px;
   border-radius: 12px;
   object-fit: cover;
   overflow: hidden;
}
.service-card__title {
   padding: 10px 0;
}
.service-card__text {
   font-family: var(--font-family);
   font-weight: 500;
   font-size: 16px;
   line-height: 140%;
   color: #485371;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

@media (min-width: 1500px) {
   .order__body {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);
   }
}

@media (min-width: 1921px) {
   .privacy__title {
      font-size: calc(36px + 2 * (100vw - 375px) / 1545);
   }
}

@media (max-width: 1500px) {
   .privacy__title {
      font-size: calc(24px + 16 * (100vw - 375px) / 1065);
   }
}

@media (max-width: 1480px) {
   .gallery__main {
      max-height: 510px;
   }

   .catalog__product {
      flex: 0 1 31%;
   }
}

@media (max-width: 1199px) {
   .header__burger {
      display: block;
      position: relative;
      width: 16px;
      height: 12px;
      cursor: pointer;
      margin: 14px 12px 14px 20px;
      z-index: 10;
   }

   .header__burger::before {
      content: "";
      position: absolute;
      width: 40px;
      height: 40px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border: 1.05px solid rgba(218, 218, 218, 0.67);
      border-radius: 50%;
   }

   .header__burger span {
      top: calc(50% - 1px);
      left: 0;
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #1e1e1e;
   }

   .header__burger span:first-child {
      top: 0px;
   }

   .header__burger span:last-child {
      top: auto;
      bottom: 0px;
   }

   .header__burger._active::before {
      display: none;
   }

   .header__burger._active span {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
   }

   .header__burger._active span:first-child {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: calc(50% - 1px);
   }

   .header__burger._active span:last-child {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      bottom: calc(50% - 1px);
   }

   .menu {
      width: 100%;
      height: 400px;
      position: absolute;
      top: 55px;
      right: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background: #f1f5fc;
      padding: 50px 20px;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-transform: translateY(-150%) scaleY(0);
      -ms-transform: translateY(-150%) scaleY(0);
      transform: translateY(-150%) scaleY(0);
      -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
      opacity: 0;
      z-index: 10;
   }

   .menu.active {
      -webkit-transform: translateY(0) scaleY(1);
      -ms-transform: translateY(0) scaleY(1);
      transform: translateY(0) scaleY(1);
      opacity: 1;
   }

   .header-contacts {
      max-width: 600px;
   }

   .catalog__product {
      flex: 0 1 45%;
   }
   .catalog__products {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-around;
   }

   .about__cards {
      justify-content: center;
   }

   .about__card {
      flex: 0 1 45%;
   }
   .about-form {
      flex: 0 1 90%;
   }
}

@media (max-width: 991.98px) {
   .test-drive__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      min-height: 900px;
      border-radius: 0;
   }
   ._pc {
      display: none;
   }

   ._mob {
      display: block;
   }

   .modal__master {
      max-width: 350px;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .advantages__content {
      flex-wrap: wrap;
      gap: 30px;
   }
   .advantages__texts,
   .advantages-card {
      flex: 0 1 50%;
   }

   .catalog__inner {
      flex-direction: column;
   }

   .catalog-filter-mob {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .catalog__brands {
      overflow-y: scroll;
   }

   .filter {
      position: absolute;
      max-width: 350px;
      width: 100%;
      height: 100vh;
      overflow-y: scroll;
      top: 0;
      left: 0;
      background: #fff;
      padding: 10px 16px 180px;
      transform: translateX(-150%);
      -webkit-transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
   }

   .filter._active {
      transform: translateY(0);
   }

   .filter-mob-button {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .close-filter-icon {
      display: block;
      text-align: right;
   }
   .filter__group--price {
      border: unset;
   }

   .product-info__top {
      flex-direction: column;
      padding: 20px 0;
   }

   .product-info__title {
      padding: 20px 0 30px;
   }
   .gallery {
      flex: 0 1 100%;
   }
   .product-info__cards {
      flex-wrap: wrap;
   }
   .product-info__card {
      flex: 0 1 40%;
   }

   .partners__callbacks {
      display: none;
   }

   .partners__ways {
      flex: 0 1 100%;
   }
   .calc {
      padding: 0;
   }

   .calc__content {
      background: #fff;
   }

   .calc__bg {
      display: none;
   }
   .calc__text-block {
      flex: 0 1 100%;
   }
   .calc__title {
      text-align: center;
   }
   .calc__form,
   .calc__attachment {
      margin: 0 auto;
   }

   .contacts__wrapper {
      flex-direction: column;
   }

   .contacts__map {
      height: 500px;
      margin-top: 30px;
      border-radius: 0;
   }

   .service-card {
      flex: 0 1 48%;
   }
}

@media (max-width: 767.98px) {
   .header__logo {
      max-width: 83px;
   }

   .header-contacts {
      max-width: 450px;
   }
   .filter__slider .noUi-handle {
      width: 24px;
      height: 24px;
   }
   .order {
      background: #f1f5fc;
      padding: 60px 0 0;
   }

   .order__body {
      padding: 30px 0 0;
   }

   .order__ways {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 0;
   }

   .order__ways:first-child {
      margin-bottom: 0;
      border: unset;
   }

   .order__ways:first-child::after {
      display: none;
   }

   .order__ways:first-child::before {
      display: none;
   }

   .order__ways:last-child::after {
      display: none;
   }

   .order__ways:last-child::before {
      display: none;
   }

   .order__way {
      min-height: 78px;
      margin: 0 0 40px;
   }

   .order-way {
      padding-left: 60px;
   }

   .order-way__icon {
      position: absolute;
      top: 0;
      left: 0;
   }

   .order-way__label {
      padding: 0 0 10px;
   }
   .modal {
      padding: 25px 5px 5px;
   }

   .modal__master {
      display: none;
   }

   .popup-form {
      padding-top: 0;
   }

   .popup-form__label {
      margin: 10px auto;
      max-width: 370px;
      height: 50px;
   }

   .popup-form__label input {
      padding: 10px 15px;
   }

   .popup-form__button {
      max-width: 370px;
      height: 50px;
      margin: 10px auto;
   }

   .popup-form p {
      font-size: 12px;
      text-align: center;
      padding-top: 5px;
   }

   .modal-form {
      max-width: 450px;
      height: 90vh;
      text-align: center;
   }

   .modal-form .modal-catalog__info {
      padding: 20px 15px;
      text-align: center;
   }

   .modal-form .modal-catalog__sublabel {
      padding: 15px 0;
      font-size: 16px;
   }

   .modal-form .popup-form .popup-form__label {
      height: 70px;
      margin: 15px auto;
   }

   .modal-form .popup-form .popup-form__button {
      height: 70px;
   }

   .order-advantage__content {
      flex-direction: column;
      gap: 30px;
   }

   .about-page__body {
      flex-direction: column;
   }
   .about-page__director {
      min-height: 400px;
   }
   .about-page__label {
      font-size: 24px;
   }

   .test-drive__form_title {
      max-width: 210px;
   }

   .advantages__title {
      text-align: center;
   }
}

@media (max-width: 650px) {
   ._container {
      width: 100%;
      padding: 0 16px;
   }

   .breadcrumbs {
      padding: 0;
   }
   .breadcrumbs__item:not(:last-child)::after {
      padding: 0 5px 0 3px;
   }

   .breadcrumbs__link {
      font-size: 12px;
   }

   .header__logo::before {
      display: none;
   }

   .header-contacts {
      max-width: 200px;
   }

   .header-contacts__phone {
      display: none;
   }

   .header-contacts__socials {
      display: none;
   }

   .header-contacts__mob {
      display: block;
   }

   .main {
      padding: 46px 0;
   }

   .main::after {
      background-image: url(../img/background/main_bg-mobile.webp);
   }

   .main__content {
      width: 100%;
   }

   .main__btn {
      max-width: 100%;
   }

   .main__text {
      display: none;
   }

   .faq__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .delivery {
      margin: 0 auto 30px;
   }

   .delivery__content {
      width: 100%;
      border-radius: 0;
      padding: 60px 15px 0;
   }

   .delivery__cards {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 40px 0;
      padding: 0 40px;
   }

   .delivery-card {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
   }

   .main-page__label {
      font-size: 28px;
   }

   .test-drive__content {
      padding: 0;
   }

   .gallery__main {
      max-height: 280px;
      border-radius: 8px;
   }

   .gallery__main picture {
      border-radius: 8px;
   }

   .gallery__image {
      border-radius: 8px;
   }
   .gallery__thumbnails {
      /* max-width: 450px;
      padding: 0 50px 0 0;
      justify-content: space-between; */
      max-width: 380px;
      text-align: center;
      display: block;
      margin: 20px auto 0;
      overflow-x: auto;
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* IE 10+ */
   }

   .gallery__thumbnails::-webkit-scrollbar {
      display: none; /* Chrome/Safari */
   }

   .gallery__thumb {
      width: 80px;
      height: auto;
      cursor: pointer;
   }

   .about__card:first-child {
      display: none;
   }
   .about__card {
      flex: 0 1 100%;
   }
   .about-form {
      flex: 0 1 100%;
   }
   .form-callback {
      flex-direction: column;
   }
   .form-callback__label {
      max-width: 100%;
   }
   .form-callback__button {
      max-width: 100%;
   }
   .about-form {
      padding: 42px 22px 30px;
   }
   .about-form__title {
      font-size: 20px;
      text-align: center;
   }
   .about-form__subtitle {
      text-align: center;
      font-size: 16px;
   }

   .advantages__texts,
   .advantages-card {
      flex: 0 1 100%;
   }

   .advantages__button {
      display: none;
   }

   .top-products__nav,
   .reviews-slider__nav,
   .news__slider_nav {
      display: none;
   }

   .reviews-slider__item {
      padding: 110px 18px 33px;
   }

   .reviews-inner-slider img {
      padding: 5px;
   }
   .footer__info{
      text-align: center;
   }

   .footer__link{
      text-align: center;
   }

   .faq__button {
      max-width: 100%;
      margin: 30px auto 0;
      text-align: center;
   }

   .footer__top {
      flex-direction: column;
      align-items: center;
      gap: 30px;
   }
   .footer__adress {
      text-align: center;
   }

   .footer__socials {
      justify-content: center;
   }

   .footer__contacts {
      width: 100%;
      text-align: center;
   }

   .footer__button {
      margin: 20px auto;
      max-width: 100%;
   }

   .footer__bottom {
      flex-direction: column;
      gap: 10px;
   }
   .pricing__label {
      font-size: 13px;
   }
   .pricing__value {
      font-size: 22px;
   }
   .order-form__button {
      max-width: 100%;
   }

   .product-info__cards {
      margin: 0 auto;
   }

   .product-info__card {
      flex: 0 1 100%;
   }

   .product-info__banner {
      margin: 50px auto;
   }

   .product-info__bottom {
      flex-direction: column;
   }

   .reviews {
      padding: 30px 0;
   }

   .bestseller {
      padding: 30px 0;
   }

   .modal__close {
      width: 15px;
      height: 15px;
      top: 15px;
      right: 15px;
   }

   .main-page__content {
      padding: 0;
   }
   .main-page_hero {
      border-radius: 0;
   }

   .main-page__title {
      font-size: 24px;
   }
   .main-page__bottom {
      padding: 20px 16px;
      flex-direction: column;
   }

   .main-page__text {
      padding: 20px 0;
   }

   .news__title {
      text-align: center;
      font-size: 24px;
   }
   .calc__form {
      max-width: 100%;
   }
   .calc__text-block {
      padding: 60px 0;
   }
   .price-block {
      padding: 0;
      display: flex;
      gap: 20px;
      max-width: 100%;
      min-height: 100%;
   }

   .price-item {
      flex: 0 1 45%;
   }

   .calc-form__button {
      max-width: 100%;
   }

   .contacts__map {
      height: 300px;
   }

   .service-card {
      flex: 0 1 100%;
   }
}

@media (max-width: 479.98px) {
   .header__button {
   max-width: 160px;
   padding: 10px 16px;
   }  
   .order-advantage__buttons {
      flex-direction: column;
   }
   .order-advantage__button {
      max-width: 100%;
   }
   .order-advantage__text {
      padding: 20px 0;
   }

   .popup-form__label {
      max-width: 320px;
      padding: 5px 15px;
      margin: 5px auto;
   }

   .popup-form__label input {
      padding: 5px 15px;
   }

   .modal-form {
      max-width: 350px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .modal-form .modal-catalog__info {
      max-width: 350px;
      padding: 20px 10px;
   }

   .catalog__product {
      flex: 0 1 100%;
   }

   .catalog__sort {
      max-width: 225px;
   }

   .product-page__bottom {
      padding: 16px 10px;
   }
}
@media (max-width: 369.98px) {
   .top-products__attribut {
      transform: scale(0.8);
   }
   .top-products__price {
      font-size: 18px;
   }
   .gallery__thumb {
      width: 75px;
   }
}

@media only screen and (min-width: 1000px) and (max-width: 1366px) {
   .modal {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
   }

   .modal__body {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
   }
}

.webp .about-page__director::after {
   background-image: url(../img/background/director.webp);
}

.webp .test-drive__body::after {
   background-image: url(../img/background/test-drive.webp);
}

.webp .partners__callback {
   background-image: url(../img/images/callback.webp);
}