@charset "UTF-8";

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

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

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

@font-face {.first-block__form .bx-filter-popup-result.first-block__form .bx-filter-popup-result
   font-family: "Montserrat";
   font-display: swap;
   src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
}

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

* {
   padding: 0px;
   margin: 0px;
   border: 0px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type=number] {
   -moz-appearance: textfield;
}
*,
*:before,
*:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   outline: none;
}

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

html {
   font-size: 16px;
   scroll-behavior: smooth;
}

html,
body {

   min-width: 320px;
}

body {
   line-height: 1;
   font-family: "Montserrat";
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
   font-family: "Montserrat";
   font-size: inherit;
   resize: vertical;
}

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

input:disabled {
   opacity: 1;
}

button {
   cursor: pointer;
   background-color: inherit;
}

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-weight: inherit;
   font-size: inherit;
}

svg path {
   fill: inherit;
}

* {
   scrollbar-width: thin;
   scrollbar-color: #828282 transparent;
}

/* *::-webkit-scrollbar {
	height: 4px;
	width: 4px;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background-color: #828282;
	border-radius: 6px;
	border: 0px solid transparent;
} */

body {
   color: #000;
}
html._lock {
   overflow: hidden !important;
}
body._lock {
   overflow: hidden !important;
}

/* body::-webkit-scrollbar {
	height: 15px;
	width: 15px;
}

body::-webkit-scrollbar-track {
	background: transparent;
}

body::-webkit-scrollbar-thumb {
	background-color: #828282;
	border-radius: 0px;
	border: 1px solid transparent;
} */
.wrapper {
   width: 100%;
   min-height: 100%;
   overflow: hidden;
   margin-top: 200px;
   display: flex;
   flex-direction: column;
}

@media (max-width: 900px) {
   .wrapper {
      padding: 0;
   }
}

.wrapper._loaded .preloader {
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease 0s;
}

._container,
.row.mb-5,
.row.mb-2 {
   padding: 0 3.5208333333vw;
}
.catalog__wrapper{

}
@media (max-width: 1439.98px) {

   ._container,
   .row.mb-5,
   .row.mb-2 {
      padding: 0 3.5208333333vw;
   }
   .catalog_fixed {
      display: block;
      width: calc(100% - 382px);
      margin-left: 382px;
   }
}

@media (max-width: 1279.98px) {

}

@media (max-width: 900px) {
   .new_auto_block
   ._container,
   .row.mb-5,
   .row.mb-2 {
      padding: 0px 15px;
   }
}

.form {
   margin: 32px 0px 0px 0px;
   max-width: 486px;
}

.form__row {
   display: flex;
   justify-content: space-between;
}

.form__col {
   flex: 0 1 50%;
}

.form__line {
   margin: 0px 0px 15px 0px;
   position: relative;
}

.form__line-inner {
   position: relative;
}

.form__line._focus .form__input-placeholder {
   font-size: 12px;
   top: 0;
}

.form__line._focus .form__input-clear {
   opacity: 1;
   right: 48px;
}

.form__line._focus .form__dropdown {
   position: absolute;
   margin-top: 10px;
   box-sizing: border-box;
   min-width: 100%;
   background: white;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 15px 0px;
   overflow: hidden auto;
   visibility: visible;
   opacity: 1;
   pointer-events: auto;
   height: initial;
   max-width: 100%;
   max-height: 320px;
   z-index: 999999 !important;
}

.form__line._focus .form__dropdown_preload {
   overflow: hidden;
}

.form__line .form__error {
   color: #ea1414;
}

.form__txta {
   border-radius: 5px;
   background-color: #e4e9f0;
   padding: 29px 35px 19px 14px;
   color: #000000;
   font-size: 18px;
   line-height: 22px;
   width: 100%;
}

.form__txta.parsley-error {
   border: 3px solid #ea1414;
}

.form__input {
   border-radius: 5px;
   background-color: #e4e9f0;
   padding: 29px 35px 19px 14px;
   color: #000000;
   font-size: 18px;
   line-height: 22px;
   width: 100%;
}

.form__input._focus+.form__input-placeholder {
   font-size: 12px;
   top: 0;
}

.form__input._focus+.form__input-clear {
   opacity: 1;
}

.form__input-placeholder {
   pointer-events: none;
   position: absolute;
   top: 24px;
   left: 14px;
   color: #0000009a;
   font-size: 18px;
   line-height: 22px;
   transition: all 0.3s ease 0s;
}

.form__input-clear {
   opacity: 0;
   cursor: pointer;
   position: absolute;
   right: 16px;
   top: 32px;
   transition: all 0.3s ease 0s;
}

.form__button {
   width: 100%;
   background-color: #5479b8;
   color: #fff;
   font-size: 16px;
   line-height: 18px;
   height: 48px;
   transition: all 0.3s ease 0s;
   cursor: pointer;
   border-radius: 5px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
}

.form__button::after {
   content: "";
   position: absolute;
   display: block;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   background: #e03733;
   border-top: 1px solid #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}

.form__button:hover {
   background-color: #2d4c80;
   color: #fff;
}

.form__button:active {
   background-color: #5479b8;
   box-shadow: inset 0px 0px 8px 0px #000;
}

.form__button:hover::after {
   background: #a00;
}

.form__button_transparent {
   background-color: transparent;
   border: solid 1px rgba(255, 255, 255, 0.5);
}

.form__button_transparent::before,
.form__button_transparent::after {
   display: none;
}

.form__button_transparent:hover {
   border: solid 1px rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0.2);
}

.form__dropdown {
   position: absolute;
   margin-top: 10px;
   box-sizing: border-box;
   min-width: 100%;
   background: #fff;
   z-index: 20 !important;
   box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
   overflow-y: auto;
   overflow-x: hidden;
   height: 0;
   max-width: 100%;
   max-height: 320px;
   transition: all 0.3s ease 0s;
}

.form__dropdown_preload {
   overflow: hidden;
}

.form__dropdown_preload::before {
   content: url();
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 30;
   background: white;
   background: linear-gradient(80deg, #e4e9f0 70%, white 80%, #e4e9f0 90%);
   background-size: 200% 100%;
   animation: 1.5s shine linear infinite;
}

@keyframes shine {
   to {
      background-position-x: -200%;
   }
}

.form__dropdown-inner {
   color: #0000009a;
   border-radius: 5px;
   box-sizing: border-box;
   clear: both;
   cursor: pointer;
   display: block;
   font-family: inherit;
   font-size: 18px;
   font-weight: normal;
   line-height: 68px;
   outline: none;
   position: relative;
   text-align: left !important;
   transition: all 0.3s ease-in-out;
   user-select: none;
   white-space: nowrap;
   width: auto;
   overflow: hidden;
   border: none;
}

.form__dropdown-inner .text-empty {
   white-space: normal;
   padding: 10px 10px;
   line-height: 34px;
}

.form__dropdown-item .item {
   cursor: pointer;
   background-color: transparent;
   transition: transparent 0.3s ease 0s;
   cursor: pointer;
   font-weight: 400;
   line-height: 68px;
   list-style: none;
   min-height: 68px;
   outline: none;
   padding-left: 14px;
   padding-right: 25px;
   text-align: left;
   transition: all 0.2s;
}

.form__dropdown-item .item:hover {
   background-color: #f6f6f6;
}

.form.is-error .form__input,
.form__input.parsley-error,
.form.is-error textarea {
   border: 3px solid #ea1414;
}

.form.is-error .error-text {
   color: #ea1414;
   margin: 15px 0px;
   display: block;
}

.form.is-error .error-text div {
   color: #ea1414;
   padding: 5px 0px;
}

.button {
   display: inline-flex;
   padding: 0px 0px;
}

.button._fw {
   width: 100%;
}

.select {
   position: relative;
}

.select__item {
   position: relative;
}

.select__title {
   color: #000;
   border: 1px solid #d9d9d9;
   background-color: #fff;
   cursor: pointer;
   border-radius: 4px;
}

@media (max-width: 1279.98px) {
   .select__title {
      font-size: 18px;
   }
}

.select__value {
   display: flex;
   font-size: 14px;
   height: 30px;
   padding: 0px 15px;
   align-items: center;
   justify-content: space-between;
   flex-direction: row-reverse;
}

.select__value span {
   height: 1em;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.select__value:before {
   content: "";
   display: inline-block;
   transition: all 0.3s ease 0s;
   width: 11px;
   height: 7px;
   background: url("../img/icons/select.svg") center/100% no-repeat;
}

.select__input {
   width: 100%;
   background-color: transparent;
   height: 100%;
}

.select__options {
   color: #000;
   position: absolute;
   top: 29px;
   border-radius: 0 0 4px 4px;
   min-width: 100%;
   left: 0;
   background-color: #fff;
   border-top: 0;
   border: 1px solid #d9d9d9;
   border-top: 0;
   font-size: 14px;
   padding: 10px 0px 5px 0px;
}

@media (max-width: 1279.98px) {
   .select__options {
      font-size: 18px;
   }
}

.select__option {
   cursor: pointer;
   padding: 5px 15px;
   margin: 0px 0px 0px 0px;
}

@media (min-width: 992px) {
   .select__option:hover {
      background: #d9d9d9;
   }
}

.select._active {
   z-index: 5;
}

.select._active .select__value:before {
   transform: rotate(-180deg);
}

.select._active .select__options {
   display: block;
}

/* input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	&:focus {
		outline: none;
	}
}
.input {
	border-radius: 0 !important;
	width: 100%;
	display: block;
	padding: 0px 20px;
	&._focus {
	}
	&._error {
	}
}
textarea.input {
	resize: none;
	padding: 0px 0px;
} */
.checkbox {
   position: relative;
}

.checkbox__input {
   position: absolute;
   width: 0;
   height: 0;
   opacity: 0;
   visibility: hidden;
}

.checkbox__input:checked+.checkbox__text:before {
   background: url("../img/svg/check_grey.svg") center no-repeat;
}

.checkbox__text {
   display: inline-flex;
   align-items: center;
   position: relative;
   font-size: 12px;
   color: #5b5b5b;
   cursor: pointer;
   font-weight: normal;
   line-height: 16px;
   letter-spacing: normal;
}

.checkbox__text:before {
   content: "";
   align-self: flex-start;
   margin: 0px 14px 0px 0px;
   flex: 0 0 16px;
   left: 0;
   top: 0;
   width: 16px;
   height: 16px;
   border-radius: 2px;
   background: #fff;
   border: 1px solid #a7a9ac;
}

.checkbox a {
   color: #5b5b5b;
   text-decoration: underline;
}

@media (min-width: 992px) {
   .checkbox a:hover {
      text-decoration: none;
   }
}

.checkbox._error .checkbox__text {
   color: #ee1212;
}

.checkbox._error .checkbox__text:before {
   border: 1px solid #ee1212;
}

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

.options__item {
   position: relative;
   cursor: pointer;
}

.options__input {
   position: absolute;
   width: 0;
   height: 0;
   opacity: 0;
   left: 0;
   top: 0;
   visibility: hidden;
}

.options__input:checked+.options__text:after {
   transform: scale(1);
}

.options__text {
   display: inline-flex;
   align-items: center;
   position: relative;
   font-size: 16px;
   color: #ffffff;
   letter-spacing: -0.3px;
   line-height: calc(20 / 16);
}

.options__text:before {
   content: "";
   align-self: flex-start;
   margin: 0px 14px 0px 0px;
   flex: 0 0 20px;
   left: 0;
   top: 0;
   border-radius: 50%;
   width: 20px;
   height: 18px;
   background: #fff;
   border: 1px solid #a7a9ac;
}

.options__text:after {
   content: "";
   transition: all 0.3s ease 0s;
   transform: scale(0);
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #77243a;
   position: absolute;
   left: 5px;
   top: 4px;
}

.rating {
   display: flex;
   align-items: flex-end;
   font-size: 40px;
   line-height: 0.75;
   transition: opacity 0.3s ease 0s;
}

.rating.rating_sending {
   opacity: 0.2;
}

.rating.rating_set .rating__active,
.rating.rating_set .rating__item {
   cursor: pointer;
}

.rating__body {
   position: relative;
}

.rating__body::before {
   content: "★★★★★";
   display: block;
}

.rating__active {
   position: absolute;
   width: 0%;
   height: 100%;
   top: 0;
   left: 0;
   overflow: hidden;
}

.rating__active::before {
   content: "★★★★★";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   color: #ffd300;
}

.rating__items {
   display: flex;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.rating__item {
   flex: 0 0 20%;
   height: 100%;
   opacity: 0;
}

.rating__value {
   font-size: 50%;
   line-height: 1;
   padding: 0px 0px 0px 10px;
}

.quantity {
   width: 127px;
   height: 34px;
   display: flex;
   border-radius: 5px;
   overflow: hidden;
}

.quantity__button {
   flex: 0 0 50px;
   position: relative;
   cursor: pointer;
   background-color: #e4e9f0;
}

.quantity__button::before,
.quantity__button::after {
   content: "";
   position: absolute;
   top: 45%;
   left:38%;
   transition: all 0.3s ease 0s;
   margin: 0px 0px 0px 0px;
   background-color: #324769;
   width: 17px;
   height: 3px;
}

@media (min-width: 1279.98px) {

   .quantity__button:hover::before,
   .quantity__button:hover::after {
      background-color: rgba(0, 0, 0, 0.5);
   }
}

.quantity__button_plus::before {
   transform: rotate(-90deg);
}

.quantity__input {
   background-color: #e4e9f0;
   flex: 1 1 auto;
}

.quantity__input input {
   background-color: #e4e9f0;
   height: 100%;
   color: #000;
   font-size: 20px;
   line-height: 22px;
   width: 100%;
   text-align: center;
}

.main-title {
   font-size: 35px;
   line-height: normal;
}

.main-title h1 {
   font-weight: normal;
}

@media (max-width: 1439.98px) {
   .main-title {
      font-size: 40px;
   }
}

@media (max-width: 900px) {
   .main-title {
      font-size: 30px;
   }
}

.product {
   padding: 10px 32px 25px 32px;
   position: relative;
   background-color: #fff;
   display: flex;
   flex-direction: column;
   /* height: 100%; */
}

.product:hover .product__name {
   color: #a00000;
}

@media (max-width: 375px) {
   .product {
      padding: 10px 15px 25px 15px;
   }
}

.product__image {
   margin: 0px 0px 21px 0px;
   height: 188px;
   display: flex;
   justify-content: center;
   min-width: 180px;
}

.product__image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.product__labels {
   position: absolute;
   top: 0;
   left: 32px;
   display: flex;
}

.product__label {
   font-size: 16px;
   font-weight: 600;
   line-height: normal;
   padding: 3px 11px;
   border-radius: 3px;
}

.product__label:not(:last-child) {
   margin: 0px 5px 0px 0px;
}

.product__label_hit {
   color: #fff;
   background-color: #853232;
}

.product__label_action {
   color: #fff;
   background-color: #000;
}

.product__label_new {
   color: #fff;
   background-color: #2d6641;
}
.catalog_fixed {
   display: block;
   width: calc(100% - 422px);
   margin-left: 422px;
}
.product__name {
   flex: 1 1 auto;
   display: inline-block;
   color: #007ca1;
   font-size: 16px;
   line-height: 24px;
   margin: 0px 0px 23px 0px;
   transition: all 0.3s ease 0s;
   max-width: 400px;
}

.product__article {
   margin: 0px 0px 30px 0px;
   font-size: 9px;
}

.product__property {
   margin-bottom: 10px;
}

.product__property__title {
   color: rgb(148, 148, 148);
}

.product__property__value {
   font-weight: 600;
}

.product__sizes {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0px 0px 33px 0px;
   gap: 5px;
}

.product__prices {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0px 0px 23px 0px;
}

.product__buttons {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   width: 100%;
}

.product__button {
   flex: 1 1 100%;
}

.product__button-item {
   font-size: 15px;
   line-height: 21px;
   color: #5479b8;
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 0 1 100%;
   transition: all 0.3s ease 0s;
}

.product__button-item svg {
   width: 23px;
   height: 21px;
   margin: 0px 10px 0px 0px;
}

.product__button-item svg use {
   fill: #324769;
   transition: all 0.3s ease 0s;
}

.product__button-item .svg-stock-cross use {
   fill: #db5959;
}

.product__button-item:hover {
   color: #a00000;
}

.product__button-item:hover svg use {
   fill: #a00000;
}

.size__item {
   display: flex;
   align-items: center;
}

.size__item svg {
   width: 24px;
   height: 24px;
}

.size__item #bearing_width_min {
   fill: #a00000;
}

.size #bearing_width_min {
   fill: #a00000;
}

.size__text {
   font-size: 16px;
   line-height: 24px;
   margin: 0px 0px 0px 7px;
   color: #000000;
}

.price {
   font-size: 20px;
   line-height: 20px;
}


.price__main:has(+ .price__discount) {
   color: #00BF63;
}

.price__main {
   color: black; /* по умолчанию */
}

.price__old {
   color: #818181;
}

.price__discount {
   color: #5a9d5a;
}

.stock_cross use {
   fill: #db5959;
}

.stock_lot use {
   fill: #0bb20c;
}

.parsley-required,
.parsley-type {
   color: #db5959;
   margin-top: 6px;
}

.parsley-errors-list {
   position: absolute;
   top: -26px;
   left: 0;
}

.clear-btn {
   align-self: flex-start;
   position: relative;
   z-index: 100;
}

._ibg {
   position: relative;
}

._ibg img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: contain;
}

#map {
   background: url("../img/icons/loading.gif") center/50px no-repeat;
   height: 100%;
}

.swiper-container {
   overflow: hidden;

}

.swiper-container .swiper-wrapper {
   width: 100%;
   height: 100%;
   box-sizing: content-box;
   display: flex;
   position: relative;
}

.bx-mac .swiper-container .swiper-wrapper {
   max-height: 600px;
}

.swiper-container.swiper-container-vertical .swiper-wrapper {
   flex-direction: column;
}

.swiper-container.swiper-container-autoheight .swiper-wrapper {
   align-items: flex-start;
}

.swiper-container-initialized .swiper-slide {
   flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-container-android .swiper-wrapper {
   transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
   display: none !important;
}

._tabs-block {
   display: none;
}

._tabs-block._active {
   display: block;
}

.nice-select {
   color: #0000009a;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background-color: #e4e9f0;
   border-radius: 5px;
   box-sizing: border-box;
   clear: both;
   cursor: pointer;
   display: block;
   float: left;
   font-family: inherit;
   font-size: 18px;
   font-weight: normal;
   height: 70px;
   line-height: 68px;
   outline: none;
   padding-left: 14px;
   padding-right: 26px;
   position: relative;
   text-align: left !important;
   transition: all 0.3s ease-in-out;
   user-select: none;
   white-space: nowrap;
   width: auto;
   overflow: hidden;
   border: none;
}

.nice-select:hover {
   border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
   border-color: #000;
}

.nice-select:after {
   border-bottom: 2px solid #000;
   border-right: 2px solid #000;
   content: "";
   display: block;
   height: 10px;
   margin-top: -4px;
   pointer-events: none;
   position: absolute;
   right: 12px;
   top: 50%;
   transform-origin: 66% 66%;
   transform: rotate(45deg);
   transition: all 0.15s ease-in-out;
   width: 10px;
}

.nice-select.open {
   overflow: visible;
}

.nice-select.open:after {
   transform: rotate(-135deg);
}

.nice-select.open .list {
   opacity: 1;
   pointer-events: auto;
   transform: scale(1) translateY(0);
}

.nice-select.disabled {
   opacity: 0.5;
   pointer-events: none;
}

.nice-select.disabled:after {
   border-color: #333333;
}

.nice-select.wide {
   width: 100%;
}

.nice-select.wide .list {
   left: 0 !important;
   right: 0 !important;
}

.nice-select.right {
   float: right;
}

.nice-select.right .list {
   left: auto;
   right: 0;
}

.nice-select.small {
   font-size: 14px;
   height: 70px;
   line-height: 68px;
}

.nice-select.small:after {
   height: 4px;
   width: 4px;
}

.nice-select.small .option {
   line-height: 68px;
   min-height: 68px;
}

.nice-select .list {
   background-color: #fff;
   border-radius: 5px;
   border: 1px solid rgba(68, 68, 68, 0.11);
   box-sizing: border-box;
   margin-top: 4px;
   opacity: 0;
   overflow: hidden;
   padding: 0;
   pointer-events: none;
   position: absolute;
   top: 100%;
   left: 0;
   transform-origin: 50% 0;
   transform: scale(0.75) translateY(-35px);
   transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
   z-index: 9;
   width: 100%;
}

.nice-select .list:hover .option:not(:hover) {
   background-color: transparent !important;
}

.nice-select .option {
   cursor: pointer;
   font-weight: 400;
   line-height: 68px;
   list-style: none;
   min-height: 68px;
   outline: none;
   padding-left: 14px;
   padding-right: 25px;
   text-align: left;
   transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
   background-color: #f6f6f6;
}

.nice-select .option.selected {
   font-weight: bold;
}

.nice-select .option.disabled {
   background-color: transparent;
   color: rgba(0, 0, 0, 0.61);
   cursor: default;
}

.no-csspointerevents .nice-select .list {
   display: none;
}

.no-csspointerevents .nice-select.open .list {
   display: block;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
   background-color: rgba(0, 0, 0, 0.45);
   border-radius: 2px;
   color: #999;
   cursor: pointer;
   display: block;
   margin-top: -10px;
   position: absolute;
   display: block;
   width: 40px;
   height: 36px;
   top: 50%;
   transform: translate(0px, -50%);
   z-index: 1080;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
   pointer-events: none;
   opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
   color: #fff;
}

.lg-actions .lg-next {
   right: 20px;
   background: url("../img/svg/arrow_next_wht.svg") 0 0/100% no-repeat;
}

.lg-actions .lg-prev {
   left: 20px;
   background: url("../img/svg/arrow_prev_wht.svg") 0 0/100% no-repeat;
}

@keyframes lg-right-end {
   0% {
      left: 0;
   }

   50% {
      left: -30px;
   }

   100% {
      left: 0;
   }
}

@keyframes lg-left-end {
   0% {
      left: 0;
   }

   50% {
      left: 30px;
   }

   100% {
      left: 0;
   }
}

.lg-outer.lg-right-end .lg-object {
   -webkit-animation: lg-right-end 0.3s;
   -o-animation: lg-right-end 0.3s;
   animation: lg-right-end 0.3s;
   position: relative;
}

.lg-outer.lg-left-end .lg-object {
   -webkit-animation: lg-left-end 0.3s;
   -o-animation: lg-left-end 0.3s;
   animation: lg-left-end 0.3s;
   position: relative;
}

.lg-toolbar {
   z-index: 1082;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
   color: #999;
   cursor: pointer;
   float: right;
   font-size: 24px;
   height: 47px;
   line-height: 27px;
   padding: 10px 0;
   text-align: center;
   width: 50px;
   text-decoration: none !important;
   outline: medium none;
   -webkit-transition: color 0.2s linear;
   -o-transition: color 0.2s linear;
   transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
   color: #fff;
}

.lg-toolbar .lg-close {
   background: url("../img/svg/close_wht.svg") center no-repeat;
}

.lg-toolbar .lg-download {
   display: none;
}

.lg-sub-html {
   background-color: rgba(0, 0, 0, 0.45);
   bottom: 0;
   color: #eee;
   font-size: 16px;
   left: 0;
   padding: 10px 40px;
   position: fixed;
   right: 0;
   text-align: center;
   z-index: 1080;
}

.lg-sub-html h4 {
   margin: 0;
   font-size: 13px;
   font-weight: bold;
}

.lg-sub-html p {
   font-size: 12px;
   margin: 5px 0 0;
}

#lg-counter {
   color: #999;
   display: inline-block;
   font-size: 16px;
   padding-left: 20px;
   padding-top: 12px;
   vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
   opacity: 1;
   -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
   opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
   -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
   color 0.2s linear;
   -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
   color 0.2s linear;
   transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
   color 0.2s linear;
}

.lg-hide-items .lg-prev {
   opacity: 0;
   -webkit-transform: translate3d(-10px, 0, 0);
   transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
   opacity: 0;
   -webkit-transform: translate3d(10px, 0, 0);
   transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
   opacity: 0;
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
   -webkit-transform: scale3d(0.5, 0.5, 0.5);
   transform: scale3d(0.5, 0.5, 0.5);
   opacity: 0;
   -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
   -webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
   opacity: 1;
}

.lg-outer .lg-thumb-outer {
   background-color: #0d0a0a;
   bottom: 0;
   position: absolute;
   width: 100%;
   z-index: 1080;
   max-height: 350px;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
   -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
   -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
   transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
   cursor: -webkit-grab;
   cursor: -moz-grab;
   cursor: -o-grab;
   cursor: -ms-grab;
   cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
   cursor: move;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: -o-grabbing;
   cursor: -ms-grabbing;
   cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
   -webkit-transform: translate3d(0, 0%, 0);
   transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
   padding: 10px 0;
   height: 100%;
   margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
   border-radius: 5px;
   cursor: pointer;
   float: left;
   overflow: hidden;
   height: 100%;
   border: 2px solid #fff;
   border-radius: 4px;
   margin-bottom: 5px;
}

@media (min-width: 1025px) {
   .lg-outer .lg-thumb-item {
      -webkit-transition: border-color 0.25s ease;
      -o-transition: border-color 0.25s ease;
      transition: border-color 0.25s ease;
   }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
   border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
   padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
   padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
   -webkit-transition: bottom 0.25s ease;
   -o-transition: bottom 0.25s ease;
   transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
   bottom: 100px;
}

.lg-outer .lg-toggle-thumb {
   background-color: #0d0a0a;
   border-radius: 2px 2px 0 0;
   color: #999;
   cursor: pointer;
   font-size: 24px;
   height: 39px;
   line-height: 27px;
   padding: 5px 0;
   position: absolute;
   right: 20px;
   text-align: center;
   top: -39px;
   width: 50px;
}

.lg-outer .lg-toggle-thumb:after {
   content: "\e1ff";
}

.lg-outer .lg-toggle-thumb:hover {
   color: #fff;
}

.lg-outer .lg-video-cont {
   display: inline-block;
   vertical-align: middle;
   max-width: 1140px;
   max-height: 100%;
   width: 100%;
   padding: 0 5px;
}

.lg-outer .lg-video {
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   overflow: hidden;
   position: relative;
}

.lg-outer .lg-video .lg-object {
   display: inline-block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
   width: 84px;
   height: 59px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -42px;
   margin-top: -30px;
   z-index: 1080;
   cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
   background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
   background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
   background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
   height: 64px;
   margin-left: -32px;
   margin-top: -32px;
   width: 64px;
   opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
   opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
   background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
   background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
   width: 100% !important;
   height: 100% !important;
   position: absolute;
   top: 0;
   left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
   visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
   display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
   visibility: visible;
}

.lg-progress-bar {
   background-color: #333;
   height: 5px;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1083;
   opacity: 0;
   -webkit-transition: opacity 0.08s ease 0s;
   -moz-transition: opacity 0.08s ease 0s;
   -o-transition: opacity 0.08s ease 0s;
   transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
   background-color: #a90707;
   height: 5px;
   width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
   width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
   opacity: 1;
}

.lg-autoplay-button:after {
   content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
   content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
   -webkit-transition-duration: 0s;
   transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
   -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
   -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
   transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
   -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

#lg-zoom-in:after {
   content: "\e311";
}

#lg-actual-size {
   font-size: 20px;
}

#lg-actual-size:after {
   content: "\e033";
}

#lg-zoom-out {
   opacity: 0.5;
   pointer-events: none;
}

#lg-zoom-out:after {
   content: "\e312";
}

.lg-zoomed #lg-zoom-out {
   opacity: 1;
   pointer-events: auto;
}

.lg-outer .lg-pager-outer {
   bottom: 60px;
   left: 0;
   position: absolute;
   right: 0;
   text-align: center;
   z-index: 1080;
   height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
   overflow: visible;
}

.lg-outer .lg-pager-cont {
   cursor: pointer;
   display: inline-block;
   overflow: hidden;
   position: relative;
   vertical-align: top;
   margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
   box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
   background-color: #fff;
   color: #fff;
   bottom: 100%;
   height: 83px;
   left: 0;
   margin-bottom: 20px;
   margin-left: -60px;
   opacity: 0;
   padding: 5px;
   position: absolute;
   width: 120px;
   border-radius: 3px;
   -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
   -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
   transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
   -webkit-transform: translate3d(0, 5px, 0);
   transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
   width: 100%;
   height: 100%;
}

.lg-outer .lg-pager {
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 50%;
   box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
   display: block;
   height: 12px;
   -webkit-transition: box-shadow 0.3s ease 0s;
   -o-transition: box-shadow 0.3s ease 0s;
   transition: box-shadow 0.3s ease 0s;
   width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
   box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 10px dashed;
   bottom: -10px;
   display: inline-block;
   height: 0;
   left: 50%;
   margin-left: -5px;
   position: absolute;
   vertical-align: middle;
   width: 0;
}

.lg-fullscreen:after {
   content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
   content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
   background-color: rgba(0, 0, 0, 0.25);
   bottom: 0;
   cursor: default;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 1081;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
   -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
   transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   -moz-transform: translate3d(0, 0px, 0);
   -o-transform: translate3d(0, 0px, 0);
   -ms-transform: translate3d(0, 0px, 0);
   -webkit-transform: translate3d(0, 0px, 0);
   transform: translate3d(0, 0px, 0);
   opacity: 1;
   visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
   color: #fff;
}

.lg-outer .lg-dropdown {
   background-color: #fff;
   border-radius: 2px;
   font-size: 14px;
   list-style-type: none;
   margin: 0;
   padding: 10px 0;
   position: absolute;
   right: 0;
   text-align: left;
   top: 50px;
   opacity: 0;
   visibility: hidden;
   -moz-transform: translate3d(0, 5px, 0);
   -o-transform: translate3d(0, 5px, 0);
   -ms-transform: translate3d(0, 5px, 0);
   -webkit-transform: translate3d(0, 5px, 0);
   transform: translate3d(0, 5px, 0);
   -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
   -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
   -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
   transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
   content: "";
   display: block;
   height: 0;
   width: 0;
   position: absolute;
   border: 8px solid transparent;
   border-bottom-color: #fff;
   right: 16px;
   top: -16px;
}

.lg-outer .lg-dropdown>li:last-child {
   margin-bottom: 0px;
}

.lg-outer .lg-dropdown>li:hover a,
.lg-outer .lg-dropdown>li:hover .lg-icon {
   color: #333;
}

.lg-outer .lg-dropdown a {
   color: #333;
   display: block;
   white-space: pre;
   padding: 4px 12px;
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
   background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
   display: inline-block;
   line-height: 1;
   margin-top: -3px;
   vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
   color: #333;
   display: inline-block;
   float: none;
   font-size: 20px;
   height: auto;
   line-height: 1;
   margin-right: 8px;
   padding: 0;
   vertical-align: middle;
   width: auto;
}

.lg-outer #lg-share {
   position: relative;
}

.lg-outer #lg-share:after {
   content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
   color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
   content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
   color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
   content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
   color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
   content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
   color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
   content: "\e903";
}

.group {
   *zoom: 1;
}

.group:before,
.group:after {
   display: table;
   content: "";
   line-height: 0;
}

.group:after {
   clear: both;
}

.lg-outer {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1050;
   opacity: 0;
   -webkit-transition: opacity 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s;
   transition: opacity 0.15s ease 0s;
}

.lg-outer * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.lg-outer.lg-visible {
   opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
   -webkit-transition-duration: inherit !important;
   transition-duration: inherit !important;
   -webkit-transition-timing-function: inherit !important;
   transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
   opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
   cursor: -webkit-grab;
   cursor: -moz-grab;
   cursor: -o-grab;
   cursor: -ms-grab;
   cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
   cursor: move;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: -o-grabbing;
   cursor: -ms-grabbing;
   cursor: grabbing;
}

.lg-outer .lg {
   height: 100%;
   width: 100%;
   position: relative;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   max-height: 100%;
}

.lg-outer .lg-inner {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   white-space: nowrap;
}

.lg-outer .lg-item {
   background: url("../img/icons/loading.gif") no-repeat scroll center center transparent;
   display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
   display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
   display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
   display: inline-block;
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
   content: "";
   display: inline-block;
   height: 50%;
   width: 1px;
   margin-right: -1px;
}

.lg-outer .lg-img-wrap {
   position: absolute;
   padding: 0 5px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.lg-outer .lg-item.lg-complete {
   background-image: none;
}

.lg-outer .lg-item.lg-current {
   z-index: 1060;
}

.lg-outer .lg-image {
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
   max-height: 100%;
   width: auto !important;
   height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
   opacity: 0;
   -webkit-transition: opacity 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s;
   transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
   opacity: 1;
}

.lg-outer .lg-empty-html {
   display: none;
}

.lg-outer.lg-hide-download #lg-download {
   display: none;
}

.lg-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1040;
   background-color: rgba(0, 0, 0, 0.9);
   opacity: 0;
   -webkit-transition: opacity 0.15s ease 0s;
   -o-transition: opacity 0.15s ease 0s;
   transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
   opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
   -webkit-transition: none 0s ease 0s !important;
   -moz-transition: none 0s ease 0s !important;
   -o-transition: none 0s ease 0s !important;
   transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
   opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
   opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
   -webkit-transition: opacity 0.1s ease 0s;
   -moz-transition: opacity 0.1s ease 0s;
   -o-transition: opacity 0.1s ease 0s;
   transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
   opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
   -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
   opacity: 0;
   position: absolute;
   left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
   left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
   left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
   left: 0;
   opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
   -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
   transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.pagging {
   display: flex;
   justify-content: space-between;
   width: 100%;
}

.pagging__arrow {
   flex: 0 1 11%;
   height: 40px;
   border: solid 1px #cacaca;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: all 0.3s ease 0s;
}

.pagging__arrow:first-child {
   margin: 0px 35px 0px 0px;
}

@media (max-width: 900px) {
   .pagging__arrow:first-child {
      margin: 0px 0px 0px 0px;
   }
}

.pagging__arrow:last-child {
   margin: 0px 0px 0px 35px;
}

@media (max-width: 900px) {
   .pagging__arrow:last-child {
      margin: 0px 0px 0px 9px;
   }
}

.pagging__arrow svg {
   width: 23px;
   height: 14px;
}

.pagging__arrow svg use {
   fill: rgba(0, 0, 0, 0.55);
   transition: all 0.3s ease 0s;
}

.pagging__arrow:hover {
   background-color: #3d4a62;
}

.pagging__arrow:hover use {
   fill: #fff;
}

.pagging__list {
   display: flex;
   justify-content: center;
   flex: 1 1 auto;
}

.pagging__li {
   flex: 0 1 15%;
   height: 40px;
   border: solid 1px #cacaca;
   display: flex;
   justify-content: center;
   align-items: center;
}

.pagging__li-dots {
   flex: 0 1 9.4%;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.pagging__item {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #3d4a62;
   font-size: 18px;
   line-height: 22px;
   transition: all 0.3s ease 0s;
}

.pagging__item._active {
   color: #fff;
   background-color: #3d4a62;
}

.pagging__item:hover {
   color: #fff;
   background-color: #3d4a62;
}

.pagging__item-dots {
   color: #3d4a62;
   font-size: 18px;
   line-height: 22px;
}

.breadcrumbs__list {
   display: flex;
   flex-wrap: wrap;
}

.breadcrumbs__li {
   padding: 7px 0px;
}

.breadcrumbs__li:not(:last-child) {
   margin: 0px 43px 0px 0px;
}

.breadcrumbs__link {
   font-size: 17px;
   color: #006da0;
   transition: all 0.3s ease 0s;
}

.breadcrumbs__link:hover {
   color: #a00000;
}

.breadcrumbs__item {
   font-size: 17px;
   color: #006da0;
   cursor: not-allowed;
}

.popup {
   -webkit-overflow-scrolling: touch;
   z-index: 100;
   position: fixed;
   top: 0px;
   left: 0;
   width: 100%;
   height: 100%;
   transition: visibility 0.8s ease 0s;
   visibility: hidden;
   z-index: 5000;
}

.popup::before {
   content: "";
   background-color: rgba(255, 255, 255, 0.8);
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   transition: opacity 0.8s ease 0s;
}

.popup._active {
   overflow: hidden;
   visibility: visible;
}

.popup._active::before {
   opacity: 1;
}

.popup._active .popup__body {
   transition: all 0.3s ease 0.2s;
   transform: translate(0px, 0px);
   box-shadow: 0 0 104px 0 rgba(62, 90, 138, 0.57);
}

.popup__content {
   display: flex;
   flex-direction: column;
   align-items: center;
   min-height: 100%;
   flex: 1 1 auto;
   width: 100%;
   justify-content: center;
   align-items: flex-end;
   height: 100%;
}

.popup__body {
   transform: translate(100%, 0px);
   transition: all 0.3s ease 0s;
   background-color: #fff;
   padding: 40px 60px;
   width: 100%;
   height: 100%;
   max-width: 684px;
   display: flex;
   flex-direction: column;
}

@media (max-width: 620px) {
   .popup__body {
      padding: 10px;
      max-width: 100%;
   }
}

.popup__title {
   font-size: 50px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #000;
   flex: 0 1 90%;
}

@media (max-width: 620px) {
   .popup__title {
      font-size: 35px;
   }
}

.popup__close {
   width: 36px;
   height: 36px;
   cursor: pointer;
   z-index: 30;
   background: url("../img/svg/close.svg") 0 0 no-repeat;
   flex: 0 0 36px;
   margin: 12px 0px 0px 0px;
}

.popup__top {
   display: flex;
   justify-content: space-between;
   margin: 0px 0px 30px 0px;
}

.popup__center {
   height: 100%;
   overflow: auto;
   flex: 1 1 100%;
   max-width: 486px;
}

@media (max-width: 620px) {
   .popup__center {
      max-width: 100%;
      padding: 0px 0px 25px 0px;
   }
}

.popup__text {
   font-size: 18px;
   line-height: 24px;
}

.popup__form {
   margin: 0px 0px 37px 0px;
}

@media (max-width: 620px) {
   .popup__form .form {
      max-width: 100%;
   }
}

.popup__btns {
   display: flex;
   justify-content: center;
}

.popup__btn {
   font-size: 17px;
   line-height: 20px;
   color: #006da0;
   border-bottom: dashed 1px #246aaa;
   transition: all 0.3s ease 0s;
}

.popup__btn:hover {
   border-bottom: dashed 1px #a00000;
   color: #a00000;
}

.popup .form__row {
   margin: 0px 0px 30px 0px;
}

.popup .popup__center {
   scrollbar-width: thin;
   scrollbar-color: #828282 transparent;
}

.popup .popup__center::-webkit-scrollbar {
   height: 0px;
   width: 0px;
}

.popup .popup__center::-webkit-scrollbar-track {
   background: transparent;
}

.popup .popup__center::-webkit-scrollbar-thumb {
   background-color: #828282;
   border-radius: 0px;
   border: 0px solid transparent;
}

.modal-catalog {
   position: fixed;
   top: 0;
   right: 0%;
   height: 100%;
   margin: 0;
   overflow: auto;
   z-index: 4000;
   visibility: hidden;
   width: 100%;
}

.modal-catalog::before {
   content: "";
   background-color: #3e5a8a;
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   pointer-events: none;
   z-index: 1490;
}

.modal-catalog._active:after {
   opacity: 1;
}

.modal-catalog._active {
   visibility: visible;
   z-index: 1500;
}

.modal-catalog._active::before {
   opacity: 1;
}

.modal-catalog._active .modal-catalog__top {
   transform: translate(0px, 0px);
}

.modal-catalog._active .l-col {
   transform: translate(0px, 0px);
}

.modal-catalog._active .r-col {
   transform: translate(0px, 0px);
}

.modal-catalog._active .modal-catalog__close {
   transform: translate(0px, 0px);
   z-index: 100000;
}

.modal-catalog._active .modal-catalog__body {
   position: relative;
   z-index: 99999;
}

.modal-catalog__close {
   cursor: pointer;
   width: 36px;
   height: 36px;
   position: fixed;
   left: 2.5%;
   top: 50%;
   z-index: 2;
   transition: all 0.3s ease 0s;
   transform: translate(-300%, 0px);
}

.l-col::-webkit-scrollbar,
.r-col::-webkit-scrollbar {
   height: 4px;
   width: 4px;
}

.l-col::-webkit-scrollbar-track,
.r-col::-webkit-scrollbar-track {
   background: transparent;
}

.l-col::-webkit-scrollbar-thumb,
.r-col::-webkit-scrollbar-thumb {
   background-color: #828282;
   border-radius: 6px;
   border: 0px solid transparent;
}

@media (max-width: 900px) {
   .modal-catalog__close {
      top: 16px;
      left: auto;
      width: 26px;
      height: 24px;
      right: 8px;
   }
}

.modal-catalog__close svg {
   width: 100%;
   height: 100%;
}

.modal-catalog__close svg use {
   fill: #fff;
}

.modal-catalog__body {
   display: flex;
   flex-wrap: wrap;
}

.modal-catalog__top {
   transition: all 0.3s ease 0s;
   background-color: #314768;
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-height: 72px;
   padding: 15px 64px 15px 9%;
   transform: translate(0px, -100%);
}

@media (max-width: 900px) {
   .modal-catalog__top {
      flex-direction: column;
      justify-content: center;
      padding: 0;
   }
}

.modal-catalog__menu-list {
   display: flex;
   flex-wrap: wrap;
}

@media (max-width: 900px) {
   /*.modal-catalog__menu-list {*/
   /*   display: block;*/
   /*   margin: 20px 0px;*/
   /*   text-align: center;*/
   /*}*/
   .modal-catalog__menu {
      padding: 10px;
      padding-right: 70px;
      border-bottom: 1px solid #6b88c2;
   }
   .img_catalog{
      width: 100px;
      height: 100px;
      margin: auto;
   }
   .img_catalog img {
      width: 100px;
      height: 100px;
   }
   .op_new .catalog_name{
      font-size: 13px;
      color: #547cbb;
   }
   .item_section{
      padding: 10px;
   }
}
.c-switch {
   display: inline-flex;
   position: relative;
   padding: 3px;
   border-radius: 50px;
   background: #F0F0F0;
   /*border: 3px solid #e03733;*/
}
.c-switch__highlight {
   width: 50%;
   position: absolute;
   top: 3px;
   left: 0;
   bottom: 3px;
   background: #3e5a8a;
   border-radius: 50px;
   transition: 0.3s;
}
.c-switch button {
   position: relative;
   padding: 0.875em 1.75em;
   font-weight: bold;
   font-size: 0.7rem;
   color: #647992;
   background: none;
   border-radius: 50px;
   border: 0;
   outline: none;
   transition: 0.3s;
   cursor: pointer;
}

.c-switch__highlight::before {
   content: "";
   position: absolute;
   display: block;
   left: 0.875em;
   bottom: 0;
   width: calc(100% - 1.7em);
   height: 5px;
   background: #e03733;
   border-top: 1px solid #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}

.c-switch button:hover, .c-switch button:focus, .c-switch button.is-active {
   color: white;
}

.modal-catalog__menu-item {
   padding: 7px 0px;
}

.modal-catalog__menu-item:not(:last-child) {
   margin: 0px 60px 0px 0px;
}

.mobil_catalog{
   display: none;
}
.new_menu_mobil .mob_catalog_block {
   margin: 20px;
   background: #fff;
   border-radius: 16px;
}
 .mob_catalog_block {
   margin: 20px;
   background: #fff;
   border-radius: 16px;
   border-top: 2px solid #dbd9d8;
   margin-top: -20px
}
.mob_catalog {
   background:#547cbb ;
   margin: 15px;
   width: 100%;
}
.modal-catalog__menu-link {
   font-family: Montserrat;
   font-size: 17px;
   color: #547cbb ;
   font-weight: 500;
}

.modal-catalog__cab-link {
   margin: 0px 0px 0px 25px;
}

@media (max-width: 900.98px) {
   .modal-catalog__cab-link {
      display: none;
   }
   .l-col{
      display: none;
   }
   .r-col{
      display: none;
   }
   .mobil_catalog{
      display: block;
      width: 100%;
   }
   .new_menu_mobil .mobil_catalog{
      width: 100%;
      overflow: scroll;
      display: flex;
      flex: 1 1 0;
      min-height: 0;
      overflow-y: auto;
      background: #547cbb;
   }
   .item_section {
      grid-template-columns: repeat(2,minmax(0,1fr));
   }
   .switch_box{
      padding:20px;
   }
   .op_new .modal-catalog__link{
      padding-left: 17px !important;
   }
   .op_new.modal-catalog::before{
      background-color:#547cbb !important;
   }
   .op_new .new_menu_mobil .modal-catalog__top{
      background: #547cbb;
   }
   .new_menu_mobil .js_open_sec_item{
      border-bottom: 1px solid #dbd9d8;
   }
   .new_menu_mobil .js_open_sec_item:last-child{
      border-bottom: none;
   }
   .arrow_example_1 {
      width: 15px;
      height: 15px;
      border-top: 2px solid #fff !important;
      border-right: 2px solid #fff !important;
      margin: 16px 0 0 10px;
      transform: rotate(45deg);
      display: none;
      transition: 1s;
   }
   .js_back_sec{
      display: none;
   }
   .mobil_catalog .item_section {
      grid-template-columns: repeat(2,minmax(0,1fr));
   }
}

.modal-catalog__cab-link svg {
   width: 30px;
   height: 30px;
}

.modal-catalog__cab-link svg use {
   fill: #fff;
}

.modal-catalog__col {
   flex: 0 1 50%;
   height: calc(100vh - 72px);
   overflow: auto;
   padding: 57px 20px 0px 0px;
}

@media (max-width: 900px) {
   .modal-catalog__col {
      flex: 1 1 100%;
      height: 100%;
   }
}

.modal-catalog__title {
   font-size: calc(28px + 12 * ((100vw - 320px) / 1600));
   font-weight: 500;
   color: #fff;
   margin: 0px 0px 60px 0px;
   display: block;
}

.modal-catalog__title:hover {
   color: #fff;
}

.modal-catalog__list {
   padding: 0px 0px 0px 60px;
}
.modal-catalog__list .item_section{
   margin-top:0px;
   padding-top: 20px;
}
@media (max-width: 1439.98px) {
   .modal-catalog__list {
      padding: 0;
   }
}

.modal-catalog__item {
   margin-bottom: calc(20px + 35 * ((100vw - 320px) / 1600));
}

.modal-catalog__link {
   font-size: calc(25px + 5 * ((100vw - 320px) / 1600));
   font-weight: 400;
   color: #fff;
}

.modal-catalog__link:hover {
   color: #fff;
}

.modal-catalog__sublist {
   margin: 10px 0 0 55px;
}

.modal-catalog__sublist-item .modal-catalog__link {
   font-size: 25px;
   font-weight: 400;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.72;
   letter-spacing: normal;
   color: #fff;
}

@media (max-width: 1170px) {
   .modal-catalog__sublist-item .modal-catalog__link {
      font-size: calc(18px + 7 * ((100vw - 320px) / 850));
   }
}

.l-col {
   background-color: #3e5a8a;
   padding-left: 9%;
   transition: all 0.3s ease 0s;
   transform: translate(-100%, 0px);
}

.r-col {
   background-color: #5479b8;
   padding-left: 5.5%;
   transition: all 0.3s ease 0s;
   transform: translate(100%, 0px);
}

.popup.popup_cabinet .checkbox__input:checked+.checkbox__text:before {
   background: #4c4c4c url("../img/svg/check_white.svg") center no-repeat;
}

.popup.popup_cabinet .checkbox__text {
   font-size: 16px;
   line-height: 22px;
}

.popup.popup_cabinet .checkbox__text::before {
   width: 24px;
   height: 24px;
   flex: 0 0 24px;
   border-radius: 5px;
}

.popup.popup_register .popup__nav {
   display: flex;
   justify-content: flex-start;
}

@media (max-width: 479.98px) {
   .popup.popup_register .popup__nav {
      flex-direction: column;
   }
}

.popup.popup_register .popup__nav-item {
   font-size: 16px;
   line-height: 22px;
   color: #000;
   font-weight: bold;
   padding: 12px 16px;
   border-radius: 10px;
   background-color: #e4e9f0;
   cursor: pointer;
   max-width: 214px;
   display: flex;
   transition: all 0.3s ease 0s;
}

@media (max-width: 479.98px) {
   .popup.popup_register .popup__nav-item {
      max-width: 100%;
      justify-content: space-between;
   }
}

.popup.popup_register .popup__nav-item::after {
   flex: 0 0 24px;
   content: "";
   display: block;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   border: solid 2px #979797;
   margin: 0px 0px 0px 10px;
   transition: all 0.3s ease 0s;
}

.popup.popup_register .popup__nav-item._active {
   box-shadow: inset 0 4px 0 0 #00000080;
   background-color: #3e5a8a;
   color: #fff;
}

.popup.popup_register .popup__nav-item._active::after {
   box-shadow: 0 0 0 2px #979797;
   background-color: white;
   border: solid 4px #3e5a8a;
}

.popup.popup_register .popup__nav-item:first-child {
   margin: 0px 20px 0px 0px;
}

@media (max-width: 479.98px) {
   .popup.popup_register .popup__nav-item:first-child {
      margin: 0px 0px 10px 0px;
   }
}

.popup.popup_register .form__button {
   margin: 26px 0px 0px 0px;
}

.popup.popup_order-product .form__button {
   margin: 26px 0px 0px 0px;
}

.popup.popup_bye-click .form__button {
   margin: 26px 0px 0px 0px;
}

.popup.popup_callback .form__button {
   margin: 26px 0px 0px 0px;
}

.popup.popup_callback .form__txta {
   max-width: 486px;
}

.popup.popup_basket.basket-empty .popup__body {
   max-width: 402px;
}

.popup.popup_basket.basket-empty .popup__body::before {
   opacity: 0;
}

.popup.popup_basket.basket-empty .popup__top {
   justify-content: flex-end;
}

.popup.popup_basket.basket-empty .popup__center {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.popup__empty-icon use {
   fill: #5479b8;
}

.popup.popup_basket.basket-empty .popup__empty-logo {
   margin: 0px 0px 46px 0px;
}

.popup.popup_basket.basket-empty .popup__empty-icon {
   width: 52px;
   height: 43px;
}

.popup.popup_basket.basket-empty .popup__empty-text {
   text-align: center;
   font-size: 24px;
   font-weight: 500;
}

@media (min-width: 1921px) {
   .popup.popup_basket.basket-empty .popup__empty-text {
      font-size: 34px;
   }
}

.popup.popup_basket .popup__body {
   max-width: 1180px;
   padding: 40px 60px 40px 43px;
   position: relative;
   z-index: 2;
}

@media (max-width: 1150px) {
   .popup.popup_basket .popup__body {
      padding: 40px 20px 40px 20px;
   }
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__body {
      padding: 0;
   }
}

.popup.popup_basket .popup__body::before {
   z-index: -1;
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   width: calc(100% - 402px);
   height: 100vh;
   background-color: #3e5a8a;
}

@media (max-width: 1150px) {
   .popup.popup_basket .popup__body::before {
      width: calc(100% - 363px);
   }
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__body::before {
      width: 100%;
   }
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__top {
      padding: 24px 15px 0px 15px;
      margin: 0px 0px 15px 0px;
   }
}

@media (max-width: 900px) and (orientation: landscape) {
   .popup.popup_basket .popup__top {
      padding: 5px 15px 5px 15px;
      margin: 0px 0px 0px 0px;
   }
}

.popup.popup_basket .popup__title {
   color: #fff;
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__title {
      font-size: 30px;
   }
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__close {
      margin: 0;
   }
}

.popup.popup_basket .popup__center {
   display: flex;
   justify-content: space-between;
   overflow: hidden;
   max-width: 100%;
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__center {
      flex-direction: column;
      padding: 0;
      overflow: auto;
   }
}

.popup.popup_basket .popup__left {
   flex: 1 1 auto;
   height: 100%;
   overflow: auto;
   padding: 0px 10px 0px 0px;
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__left {
      height: auto;
      overflow: visible;
      padding: 0;
   }
}

.popup.popup_basket .popup__right {
   flex: 0 0 343px;
   padding: 0px 0px 0px 66px;
}

@media (max-width: 1150px) {
   .popup.popup_basket .popup__right {
      padding: 0px 0px 0px 34px;
   }
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__right {
      background-color: #fff;
      padding: 30px 20px 60px 20px;
      flex: 1 1 auto;
   }
}

.popup.popup_basket .popup__left {
   scrollbar-width: thin;
   scrollbar-color: white transparent;
}

.popup.popup_basket .popup__left::-webkit-scrollbar {
   height: 8px;
   width: 30px;
}

@media (max-width: 1150px) {
   .popup.popup_basket .popup__left::-webkit-scrollbar {
      width: 20px;
   }
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__left::-webkit-scrollbar {
      width: 0;
      height: 0;
   }
}

.popup.popup_basket .popup__left::-webkit-scrollbar-track {
   background: transparent;
}

.popup.popup_basket .popup__left::-webkit-scrollbar-thumb {
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 17px;
   border: 11px solid #3e5a8a;
}

@media (max-width: 1150px) {
   .popup.popup_basket .popup__left::-webkit-scrollbar-thumb {
      border: 7px solid #3e5a8a;
   }
}

@media (max-width: 900px) {
   .popup.popup_basket .popup__left::-webkit-scrollbar-thumb {
      border: 0px solid #3e5a8a;
   }
}

.basket-card {
   background-color: #fff;
   display: flex;
   justify-content: space-between;
   padding: 25px 16px;
   margin: 0px 0px 20px 0px;
   max-width: 705px;
   border-radius: 24px;
}

@media (max-width: 900px) {
   .basket-card {
      padding: 15px;
      position: relative;
      min-height: 245px;
   }
}

@media (max-width: 900px) {
   .basket-card {
      max-width: none;
   }
}

.basket-card__image {
   flex: 0 0 160px;
   height: 130px;
}

@media (max-width: 900px) {
   .basket-card__image {
      flex: 0 0 91px;
      height: 90px;
   }
}

.basket-card__image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.basket-card__center {
   display: flex;
   flex-direction: column;
   margin: 0px 0px 0px 20px;
   flex: 1 1 auto;
}

/* @media (max-width: 1150px) {
	.basket-card__center {
		max-width: 331px;
	}
} */
.basket-card__name {
   font-size: 18px;
   line-height: 24px;
   color: #007ca1;
   margin: 0px 0px 15px 0px;
}

@media (max-width: 900px) {
   .basket-card__name {
      font-size: 16px;
   }
}

@media (max-width: 479.98px) {
   .basket-card__name {
      margin: 0px 0px 110px 0px;
   }
}

.basket-card__size {
   font-size: 18px;
   line-height: 24px;
   margin: 0px 0px 15px 0px;
}

@media (max-width: 900px) {
   .basket-card__size {
      position: absolute;
      bottom: 100px;
      left: 15px;
      margin: 0;
   }
}

@media (max-width: 900px) {
   .basket-card__size {
      position: static;
      margin: 0px 0px 15px 0px;
   }
}

@media (max-width: 479.98px) {
   .basket-card__size {
      position: absolute;
      margin: 0;
   }
}

.basket-card__bottom {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   row-gap: 15px;
   column-gap: 20px;
}

@media (max-width: 900px) {
   .basket-card__bottom {
      position: absolute;
      bottom: 15px;
      left: 15px;
   }

   .basket-card__bottom .quantity {
      order: 2;
   }
}

@media (max-width: 900px) {
   .basket-card__bottom {
      position: static;
   }
}

@media (max-width: 479.98px) {
   .basket-card__bottom {
      position: absolute;
   }
}

.basket-card__prices {
   display: flex;
   font-size: 20px;
   line-height: 20px;
   font-weight: 500;
   align-items: center;
   gap: 20px;
}

@media (max-width: 900px) {
   .basket-card__prices {
      order: 1;
      flex: 1 1 100%;
      /* margin: 0px 0px 15px 0px; */
   }
}

.basket-card__price {
   color: #000;
   /* margin: 0px 30px 0px 30px; */
}

/* @media (max-width: 1150px) {
	.basket-card__price {
		margin: 0px 25px;
	}
}
@media (max-width: 900px) {
	.basket-card__price {
		margin: 0px 25px 0px 0px;
	}
} */
.basket-card__price-old {
   color: #818181;
   text-decoration: line-through;
}

.basket-card__price-total {
   font-size: 20px;
   line-height: 20px;
   font-weight: 500;
   flex: 1 1 100%;
}

@media (max-width: 900px) {
   .basket-card__price-total {
      order: 3;
      flex: 1 1 auto;
      margin: 0px 0px 0px 20px;
   }
}

.basket-card__buttons {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-left: 10px;
}

.basket-card__del {
   margin: 0px 0px 18px 0px;
}

.basket-card__del svg {
   width: 22px;
   height: 25px;
}

.basket-card__del svg use {
   fill: #324769;
   transition: all 0.3s ease 0s;
}

.basket-card__del:hover use {
   fill: #a00000;
}

.basket-price__wrapper {
   padding: 20px 0px 0px 0px;
}

.basket-price__row {
   display: flex;
   justify-content: space-between;
   margin: 0px 0px 10px 0px;
}

.basket-price__row_total {
   margin: 30px 0px 22px 0px;
   align-items: flex-end;
}

.basket-price__row_total .basket-price__cost {
   font-size: 24px;
   line-height: 26px;
}

.basket-price__name {
   flex: 0 1 35%;
   font-size: 14px;
   line-height: 21px;
   color: #525252;
}

.basket-price__cost {
   flex: 0 1 65%;
   font-size: 18px;
   line-height: 20px;
   font-weight: 500;
   display: flex;
   justify-content: flex-end;
   white-space: nowrap;
}

.basket-price__discount {
   font-size: 15px;
   line-height: 24px;
   color: #2d8e0f;
   margin: 0px 0px 28px 0px;
}

.basket-price__button {
   height: 60px;
}

.popup.popup_search .popup__body {
   max-width: 775px;
   padding: 40px 49px 40px 115px;
}

.popup_search .form__input-placeholder {
   left: 30px;
}

@media (max-width: 900px) {
   .popup.popup_search .popup__body {
      padding: 15px;
   }
}

.popup.popup_search .popup__body .form {
   display: flex;
   flex-direction: column;
   height: 100%;
   max-width: none;
   margin: 0;
}

.popup.popup_search .popup__body .form__line {
   margin: 0;
   flex: 1 1 auto;
}

.popup.popup_search .popup__body .form__line svg {
   width: 30px;
   height: 30px;
   position: absolute;
   right: 19px;
   top: 20px;
   opacity: 1;
   visibility: visible;
   transition: all 0.3s ease 0s;
}

.popup.popup_search .popup__body .form__line svg use {
   fill: #324769;
}

.popup.popup_search .popup__body .form__line._focus svg {
   opacity: 0;
   visibility: hidden;
}

.popup.popup_search .popup__body .form__line .form__input-clear {
   right: 29px;
   top: 26px;
}

.popup.popup_search .popup__body .form__input {
   border-radius: 32px;
   padding: 22px 34px;
   font-size: 20px;
   line-height: 20px;
   font-weight: 500;
   padding-right: 65px;
}

.popup.popup_search .popup__body .form__button {
   margin: 15px 0px 0px 0px;
   flex: 0 0 6.8%;
   min-height: 48px;
}

.popup.popup_search .popup__top {
   align-items: center;
}

.popup.popup_search .popup__close {
   margin: 0px 20px 0px 0px;
}

.popup.popup_search .popup__center {
   max-width: 534px;
}

.form__result-container {
   max-height: 225px;
   overflow: auto;
   display: flex;
   flex-direction: column;
   padding: 10px 0;
   width: 100%;
}

.search-result--industrial {
   overflow: auto;
}

@media (max-width: 1440px) {
   .form__result-container {
      
   }
}

.form__result-container.empty {
   display: none;
}

.search-result--industrial .search-result__name {
   font-size: 12px;
   line-height: 15px;
   word-break: break-word;
}

.search-result--industrial .search-result__price {
   font-size: 15px;
}

.search-result--industrial .search-result__image {
   flex: 0 0 80px;
   height: 40px;
}

.first-block__form .form__result-container>.form__button {
   height: 60px;
   flex: 0 0 60px;
}

.search-result__item {
   display: flex;
   margin: 0px 0px 10px 0px;
}

@media (max-width: 900px) {

   /*.search-result__item::after {*/
   /*   content: "";*/
   /*   display: block;*/
   /*   flex: 0 0 34px;*/
   /*   width: 34px;*/
   /*   height: 34px;*/
   /*   background: url(../img/svg/search-item-radio-1.svg) center/contain no-repeat;*/
   /*}*/

   /*.search-result__item:hover::after {*/
   /*   background: url(../img/svg/search-item-radio-2.svg) center/contain no-repeat;*/
   /*}*/
}

.search-result__item:hover .search-result__name {
   color: #a00000;
}

.search-result__image {
   flex: 0 0 152px;
   height: 88px;
}

.search-result__image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

@media (max-width: 479.98px) {
   .search-result__image {
      flex: 0 0 102px;
   }
}

.search-result__content {
   flex: 1 1 auto;
   margin: 0px 0px 0px 20px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}

.search-result__name {
   font-size: 18px;
   line-height: 24px;
   color: #007ca1;
   margin: 0px 0px 13px 0px;
   transition: all 0.3s ease 0s;
}

@media (max-width: 479.98px) {
   .search-result__name {
      font-size: 16px;
   }
}

.search-result__prices {
   display: flex;
   align-items: center;
   flex-shrink: 0;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   margin-left: 10px;
}

@media (max-width: 450px) {
   .search-result__prices {
      flex-direction: column;
      align-items: flex-start;
      gap: 15px;
   }
}

.search-result__price {
   color: #000;
   margin: 0px 29px 0px 0px;
}

.search-result__price-old {
   color: #818181;
   text-decoration: line-through;
}

.popup.popup_consent .popup__title,
.popup.popup_policy .popup__title {
   font-size: 30px;
   font-weight: 600;
}

@media (max-width: 900px) {

   .popup.popup_consent .popup__title,
   .popup.popup_policy .popup__title {
      font-size: 22px;
   }
}

.popup.popup_consent .popup__text,
.popup.popup_policy .popup__text {
   margin: 0px 0px 20px 0px;
   font-size: 14px;
}

.popup.popup_consent .popup__subtitle,
.popup.popup_policy .popup__subtitle {
   font-weight: 500;
   font-size: 18px;
   margin: 0px 0px 10px 0px;
}

.popup.popup_consent .form__button,
.popup.popup_policy .form__button {
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 0 1 50%;
}

.popup.popup_consent .form__button:first-child,
.popup.popup_policy .form__button:first-child {
   margin: 0px 10px 0px 0px;
}

@media (max-width: 375px) {
   .popup_forgot-pass .popup__title {
      font-size: 25px;
   }
}

.preloader {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1000000;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   display: none;
}

.preloader__svg {
   animation: loader 1s infinite linear;
   width: 250px;
   height: 250px;
}

@keyframes loader {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(90deg);
   }
}

.header {
   padding: 0px 125px 0px 64px;
   position: relative;
}

@media (min-width: 1921px) {
   .header {
      margin: 0px 0px 50px 0px;
      min-width: 1400px;
      margin: auto;
   }
}

@media (max-width: 1500.98px) {
   .header {
      padding: 0px 104px 0px 3%;
      margin: 0px 0px 0px 0px;
   }
}

@media (max-width: 1440.98px) {
   .header {
      padding: 0px 90px 0px 15px;
   }
}

@media (max-width: 900px) {
   .header {
      padding: 0px 15px;
      margin: 0px 0px 20px 0px;
   }
}

.industrial .header__container {
   padding-left: 480px;
}

@media (max-width: 1350px) {
   .industrial .header__container {
      padding-left: 0px;
   }
}


.header__container {
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 30px;
   align-items: start;
   transition: max-height 0.3s ease, opacity 0.3s ease;
}

@media (max-width: 820px) and (min-width:767px) {

   .auto .header__container,
   .inner .header__container {
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      gap: 10px;
      margin-bottom: 15px;
   }
}

@media (max-width: 767px) {
   .header__container {
      padding-top: 15px;
      gap: 0;
      grid-template-columns: 1fr;
      grid-template-rows: repeat(3, auto);
   }
}

.header__top {
   opacity: 0.95;
   /* flex: 1 1 100%; */
   width: calc(100% - 7.0416666666vw);
   min-height: 69px;
   position: fixed;
   top: 0;
   z-index: 1000;
   background-color: rgb(255 255 255);
   margin: 0 3.5208333333vw;
   margin-top: 20px;
   border-radius: 20px;
   padding: 0 20px;
   padding: 15px 25px;
   box-shadow: 0px 2px 13px rgba(69, 94, 137, 0.262533);
}


@media (max-width: 1380px) {
}

@media (max-width: 900px) {
   .header__top {
      display: none;
   }
}

.header__user-link {
   font-size: 17px;
   color: #006da0;
}

.header__bottom {
   display: flex;
   justify-content: space-between;
   align-items: center;
   display: none !important;
}

@media (min-width:1050.98px) {
   .header__bottom {
      min-height: 100px;
   }
}



@media (min-width:900px) {
   .header__bottom {
      grid-column: 2/3;
   }

   .header__bottom .header__logo {
      display: none;
   }
   .header__bottom .right-menu__link{
      display: none;
   }
   .catalog-btn
}

.industrial .header__bottom {
   align-items: flex-start;
   display: none;
}


@media (max-width: 840px) {
   .header__bottom {
      min-height: auto;
   }
}

@media (max-width: 900px) {
   .header__bottom {
      display: flex;
      justify-content: space-between;
      margin: 0px 0px 5px 0px;
   }
}

@media (max-width: 479.98px) {
   .header__bottom {}
}

.header__b-left {
   display: flex;
   align-items: end;
   margin-right: 8vw;
   flex-shrink: 0;
}

@media (max-width: 1380px) {
   .header__b-left {
      margin-right: 60px;
   }
}

@media (max-width: 1000px) {
   .header__b-left {
      margin-right: 30px;
   }
   .fixed_menu{
      padding: 0px 15px !important;
   }
}

.header__logo {
   width: 77px;
   height: 49px;
   margin: 0px 10px 0px 0px;
}

.header__logo img {
   max-width: 100%;
}

@media (max-width: 1000px) {
   .header__logo {
      margin: 0px;
   }
}

@media (max-width: 900px) {
   .header__logo {
      margin: 0;
   }
}

.header__logo-text {
   line-height: 22px;
   color: #5d80bc;
   font-weight: bold;
   font-size: 16px;
}

@media (max-width: 1000px) {
   .header__logo-text {
      display: none;
   }
}


@media (max-width: 1050.98px) {
   .header__b-right {
      align-items: center;
   }
}

.industrial .header__b-right {
   flex-direction: column-reverse;
   align-items: flex-end;

}

@media (max-width: 900px) {
   .header__b-right {
      flex: none;
   }
}

.header__feedback {

}

.industrial .header__feedback {
   margin: 0;
}

@media (max-width: 1279.98px) {
   .header__feedback {
      margin: 0px 27px 0px 0px;
   }
}

@media (max-width: 991.98px) {
   .header__feedback {
      flex: 1 1 auto;
   }
}

@media (max-width: 900px) {
   .header__feedback {
      margin: 0;
   }
}

.header__phone {
   color: #000;
   font-size: 20px;
}

@media (max-width: 1050.98px) {
   .header__phone {
      font-size: 20px;
   }
}

.header__phone svg {
   width: 34px;
   height: 60px;
}

.header__phone svg use {
   transition: all 0.3s ease 0s;
   fill: #324769;
}

@media (min-width: 900px) {
   .header__phone svg {
      display: none;
   }
}

@media (max-width: 900px) {
   .header__phone svg {
      display: block;
   }
}

@media (max-width: 900px) {
   .header__phone {
      font-size: 0;
      margin: 0;
   }
}

.header__callback {
   font-size: 17px;
   color: #006da0;
   transition: all 0.3s ease 0s;
}

.header__callback:hover {
   color: #a00000;
}

@media (max-width: 900px) {
   .header__callback {
      display: none;
   }
}

.header__search {
   border-radius: 32px;
   background-color: #e4e9f0;
   flex: 0 1 26.15%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   height: 64px;
   min-width: 141px;
}

.industrial .header__search {
   flex: none;
   width: 100%;
   margin-bottom: 20px;
   max-width: 320px;

}

@media (max-width: 1050.98px) {
   .header__search {
      min-width: auto;
      flex: 0 1 5%;
      background-color: transparent;
      align-self: center;
   }

   .industrial .header__search {

      background-color: #e4e9f0;
      align-self: end;
   }
}

@media (max-width: 900px) {
   .header__search {
      display: none;
   }
}

.header__search-link {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header__search-link-span {
   margin-left: 20px;
   color: #0000009a;
   font-size: 18px;
   line-height: 22px;
}

@media (max-width: 1260px) {
   .header__search-link-span {
      display: none;
   }

   .header__search-link {
      justify-content: flex-end;
   }

   .industrial .header__search-link-span {
      display: block;
   }

   .industrial .header__search-link {
      justify-content: space-between;
      gap: 15px;
   }
}

@media (max-width: 767px) {
   .industrial .header__search-link-span {
      display: none;
   }
}

.header__search-link:hover use {
   fill: #a00000;
}

.header__search-link svg {
   margin: 0px 20px 0px 0px;
}

@media (max-width: 991.98px) {
   .header__search-link svg {
      margin: 0;
   }

   .industrial .header__search-link svg {
      margin: 0px 20px 0px 0px;
   }
}

@media (max-width: 900px) {
   .header__search-link {
      width: auto;
   }
}

.header__search-icon {
   width: 30px;
   height: 29px;
}

.header__search-icon use {
   transition: all 0.3s ease 0s;
   fill: #324769;
}

.header .first-block-auto {
   padding-bottom: 50px;
}

.menu__list {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 0px;
}

@media (max-width: 900px) {
   .menu__list {
      display: none;
   }
}

.menu__item {
   padding: 10px 0px;
   margin-right: 40px;
   font-weight: 400;
}

.menu__item:not(:last-child) {
   margin: 0px 3vw 0px 0px;
}

.menu__link {
   font-size: 17px;
   color: #006da0;
   transition: all 0.3s ease 0s;
}

.menu__link:hover {
   color: #a00000;
}

.menu__link.catalog-btn {
   position: static;
   height: auto;
   display: inline-block;
   width: auto;
   background: transparent;
   transform: none;
   line-height: 17px;
}

.catalog-btn {
   display: none !important;
   position: fixed;
   left: 0px;
   bottom: 0;
   height: calc(100vh);
   width: calc(9% + 15px);
   background-color: #3e5a8a;
   transition: all 0.3s ease 0s;
   transform: translate(-15px, 0px);
   z-index: 3;
   overflow: hidden;
}

.catalog-btn:hover {
   transform: translate(0%, 0px);
}

@media (min-width: 900px) {
   .catalog-btn {
      display: flex;
      justify-content: center;
      align-items: center;
   }
}

@media (max-width: 900px) {
   .catalog-btn {
      position: relative;
      height: 61px;
      width: 72px;
      border-radius: 10px;
      transform: translate(0%, 0px);
   }
}

.catalog-btn__logo img {
   width: 80%;
   pointer-events: none;
   margin: auto;
   display: block;
   height: 54px;

}

@media (min-width: 900px) {
   .catalog-btn__logo {
      position: absolute;
      top: 0;
      transition: all 0.3s ease 0s;
      padding: 8px 15% 8px 24%;
      z-index: 100;
      width: 100%;
      background-color:#fff ;
      height: 69px;
   }

   .catalog-btn__logo._active {
      top: 0px;
   }

   .catalog-btn__logo:hover {
      transform: scale(1.1);
   }
}

@media (max-width: 900px) {
   .catalog-btn__logo {
      display: none;
   }
}

.catalog-btn__link {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (max-width: 900px) {
   .catalog-btn__link {
      display: none;
   }
}

.catalog-btn__title {
   color: #fff;
   font-size: 32px;
   font-weight: 500;
   position: relative;
   transform: rotate(-90deg);
   display: block;
}


@media (max-width: 900px) {
   .catalog-btn__title {
      font-size: 0;
   }
}

.catalog-btn .icon-menu {
   display: none;
}

@media (max-width: 900px) {
   .catalog-btn .icon-menu {
      display: block;
      position: absolute;
      top: 27%;
      left: 23%;
      width: 37px;
      height: 28px;
      cursor: pointer;
      z-index: 5;
   }

   .catalog-btn .icon-menu span {
      transition: all 0.3s ease 0s;
      top: calc(50% - 1px);
      left: 0px;
      position: absolute;
      width: 100%;
      height: 3px;
      background-color: #3e5a8a;
   }

   .catalog-btn .icon-menu span:first-child {
      top: 0px;
   }

   .catalog-btn .icon-menu span:last-child {
      top: auto;
      bottom: 0px;
   }
}

.right-menu {
   position: fixed;
   right: 4.2vw;
   top: 33px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 37px;
   z-index: 1001;
}

@media (max-width: 1439.98px) {

}

@media (max-width: 1279.98px) {
}

@media (max-width: 840px) {
   .right-menu {
      top: 30px;
   }
}

@media (max-width: 900px) {
   .right-menu {
      position: relative;
      top: auto;
      right: auto;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      order: 3;
   }
}

.right-menu__link {
   position: relative;
}

@media (min-width: 900px) {

}

.right-menu__link:hover use {
   fill: #a00000;
}

.right-menu__link-count {
   width: 20px;
   height: 20px;
   border-radius: 5px;
   background-color: #ff3331;
   position: absolute;
   top: -5px;
   right: -5px;
   color: #fff;
   font-size: 14px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.right-menu__link-icon use {
   transition: all 0.3s ease 0s;
   fill: #324769;
}

.header__labels {
   display: flex;
   justify-content: space-between;
   gap: 30px;
   background: #fff;
}

@media (min-width:900px) {
   .header__labels {
      max-width: 485px;
   }

}

@media (max-width: 1500px) {
   .header__labels {
      gap: 6px;
   }
}

.header__label {
   background: #3e5a8a;
   color: #fff;
   font-size: 16px;
   line-height: 18px;
   padding: 8px 15px 6px;
   display: inline-block;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   transition: all 0.3s ease 0s;
   text-align: center;
}


.header__label::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 6px;
   background: #e03733;
   border-top: 1px solid #fff;
   transition: all 0.3s ease 0s;
}


.header__label:hover {
   color: #647992;
   background: #F0F0F0;
   border: 1px solid #D9D9D9;
   box-shadow: inset 0px 4px 3px rgba(147, 166, 197, 0.504717);
}


.header__label:hover::after {
   height: 0;
   border-top: 0px;
}

.header__label.hidden {
   display: none;
}


.header__label.header__label--grey {
   color: #647992;
   background: #F0F0F0;
   border: 1px solid #D9D9D9;
   box-shadow: inset 0px 4px 3px rgba(147, 166, 197, 0.504717);
}

.header__label.header__label--grey::after {
   border-top: 0px;
   height: 0;
}

@media (max-width: 900px) {
   .header__labels {
      position: static;
      transform: rotate(0deg);
      width: 100%;
      margin-bottom: 15px;
   }

   .header__label {
      flex: 1 1 50%;
      width: auto;
      padding: 10px;
      font-size: 14px;
      border-radius: 10px;
      line-height: 17px;
   }

   .header__label:first-child {
      margin-right: 2px;
   }

   .header__label:last-child {
      /* border-radius: 0px 10px 10px 0px; */
   }

   .header__label:only-child {
      border-radius: 10px;
      font-size: 16px;
      line-height: 24px;
   }

   .header__label::after {
      top: auto;
      left: 0;
      right: 0;
      bottom: 0;
      height: 6px;
      width: 100%;
      border-left: none;
      border-top: 1px solid #fff;
   }
}

.first-block {
   margin: 10px 0px 0px 0px;
   height: calc(100vh - 395px);
}

.first-block__form {
   flex: 1 1 auto;
   z-index: 9;
}
.first-block {
   display: grid;
   grid-template-columns: 530px 1fr;
   margin-left: -30px;
}

@media (min-width: 1280px) {

   .first-block__form {
      grid-column: 1/2;
      grid-row: 1;
      margin-top: -120px;
   }

   .first-block__header {
      grid-column: 2/3;
   }
}

@media (max-width: 1440px) and (min-width: 1280px) {
   .first-block__form {
      margin-top: -139px;
   }
}



@media (max-width: 1350px) and (min-width: 1280px) {
   .first-block__form {
      margin-top: 0px;

   }
}

@media (max-width: 1400px) and (min-width: 1280px) {
   .first-block {
      grid-template-columns: 480px 1fr;
   }
}

@media (min-width: 1921px) {
}

@media (max-width: 1600px) {
   .first-block {
      min-height: 150px;
      height: calc(100vh - 400px);
   }
}

@media (max-width: 1439.98px) {
   .first-block {
      height: auto;
      margin: 0px 0px 30px 0px;
      min-height: auto;
   }
}

@media (max-width: 1279px) {
}

@media (max-width: 1000px) {
   .first-block {
      padding: 0;
      margin: 32px 0px 0px 0px;
   }
}

.first-block__header {
   display: flex;
   justify-content: space-between;
   margin: 0px 0px 30px 0px;
   position: relative;
}

@media (max-width: 900px) {
   .first-block__header {
      margin: 0px 0px 20px 0px;
   }
}

@media (max-width: 1476px) {
   .first-block__title {
      font-size: 40px;
   }
}

.first-block__title {
   font-weight: 600;
   font-size: 50px;
   line-height: 61px;
   max-width: 490px;
}

@media (max-width: 1440px) {
   .first-block__title {
      font-size: 34px;
      max-width: none;
   }

}

@media (max-width: 1280px) {
   .first-block__title {
      max-width: none;
   }
}

.first-block__title h1 {
   font-weight: 600;

}

@media (min-width: 900px) {
   .first-block__title {
      margin: 0px 20px 0px 0px;
   }
}

@media (max-width: 900px) {
   .first-block__title {

      font-size: 20px;
   }
}

.first-block__link {
   flex: 0 0 255px;
   font-size: 30px;
   color: #d82d28;
   text-align: right;
   line-height: 32px;
   transition: all 0.3s ease 0s;
   display: none;
}

.first-block__link:hover {
   color: #a00000;
}

.first-block__link svg {
   position: absolute;
   top: 24px;
   right: -59px;
   height: 21px;
   width: 29px;
}

.first-block__link svg use {
   fill: #d82d28;
   transition: all 0.3s ease 0s;
}

.first-block__link:hover use {
   fill: #a00000;
}

@media (max-width: 1439.98px) {
   .first-block__link {
      position: absolute;
      right: 0px;
      width: 255px;
   }
}

@media (max-width: 1279.98px) {
   .first-block__link {
      border-radius: 10px;
      background-color: #f3f6fb;
      font-size: 20px;
      display: flex;
      width: 267px;
      height: 84px;
      align-items: center;
      padding: 0 0 0 65px;
      text-align: left;
      transform: rotate(-270deg) translate(113px, -177px);
      line-height: 24px;
      display: none;
   }

   .first-block__link svg {
      right: auto;
      transform: rotate(-90deg);
      top: 31px;
      left: 19px;
   }
}

@media (max-width: 885px) {
   .first-block__link {
      transform: rotate(-270deg) translate(73px, -177px);
   }
}

@media (max-width: 840px) {
   .first-block__link {
      transform: rotate(-270deg) translate(155px, -177px);
   }
}

@media (max-width: 900px) {
   .first-block__link {
      position: relative;
      transform: none;
      font-size: 30px;
      text-align: right;
      line-height: 37px;
      background-color: transparent;
      top: 0;
      left: 0;
      padding: 0px 0px 0px 0px;
      width: 100%;
      justify-content: space-between;
   }

   .first-block__link svg {
      position: static;
      transform: none;
      margin: 0px 0px 0px 25px;
      flex: 0 0 29px;
   }
}

@media (max-width: 355px) {
   .first-block__link {
      font-size: 25px;
      padding: 0px 20px 0px 0px;
   }

   .first-block__link svg {
      right: -25px;
   }
}

.first-block__form .form {
   max-width: 490px;
   margin: 0px 0px 0px 0px;
}

.industrial .first-block__form .form {
   padding: 32px;
   background: #E5E8EC;
   border-radius: 10px;
}

@media (max-width: 767px) {
   .industrial .first-block__form .form {
      padding: 20px 10px;
   }
}

.first-block__form .form:first-child {
   margin: 0px 0px 20px 0px;
   position: relative;
}

@media (max-width: 900px) {
   .first-block__form .form {
      max-width: 100%;
   }
}

@media (max-width: 1439.98px) {
   .first-block__form .form__line {
      margin: 0px 0px 15px 0px;
   }

   .first-block__form .form__line._focus .form__input-placeholder {
      top: 0;
   }
}

@media (max-width: 500px) {
   .first-block__form .form__line .form__input-placeholder {
      font-size: 14px;
      line-height: 16px;
   }
}

@media (max-width: 370px) {
   .first-block__form .form__line .form__input-placeholder {
      font-size: 13px;
      line-height: 19px;
   }
}

@media (max-width: 1439.98px) {
   .first-block__form .form__input {
      padding: 20px 35px 8px 14px;
   }
}



@media (max-width: 1439.98px) {
   .first-block__form .form .form__input-clear {
      top: 17px;
   }
}

.first-block__form .form__row {
   position: relative;
   align-items: center;
   margin-bottom: 15px;
}

.first-block__form .form__row .form__bearing {
   width: 30px;
   height: 30px;
   margin-right: 14px;
}

@media (max-width: 1439.98px) {
   .first-block__form .form__row .form__bearing {
      left: -47px;
   }
}

@media (max-width: 900px) {
   .first-block__form .form__row .form__bearing {
      display: none;
   }
}

.first-block__form .form__row .form__line {
   flex: 1 1 auto;
   margin: 0px 4px 0px 0px;
}

@media (max-width: 1439.98px) {
   .first-block__form .form__row .form__line {
      /* margin: 0px 4px 15px 0px; */
   }
}

.first-block__form .form__row .form__line:last-child {
   flex: 0 1 28.3%;
   margin: 0;
}

@media (max-width: 400px) {
   .first-block__form .form__row .form__line:last-child {
      flex: 0 0 99px;
   }
}

.first-block__form .form__button {
   height: 60px;
}

@media (max-width: 1439.98px) {
   .first-block__form .form__button {
      height: 54px;
   }
}

@media (max-width: 900px) {
   .first-block__form {
      margin: 0px 0px 28px 0px;
   }
}

.first-block__video-bg {
   position: absolute;
   bottom: -27%;
   right: -3%;
   z-index: -2;
   object-fit: cover;
   max-height: 475px;
}


@media (max-width: 1439.98px) {
   .first-block__video-bg {
      bottom: 0;
   }
}

@media (max-width: 1100px) {
   .first-block__video-bg {
      display: none;
   }
   .first-block__form .form {
      width: 100%;
      max-width: 100%;
   }

}

.first-block .form__label {
   font-weight: 400;
   font-size: 22px;
   line-height: 34px;
   margin: 0px 0px 20px 0px;
}

@media (max-width: 1400px) {
   .first-block .form__label {

      font-size: 20px;
      line-height: 24px;
   }
}

.first-block .first-block__first-form .form__label {
   flex: 1 1 100%;
}

.first-block .first-block__red-hover {
   opacity: 0;
}

.first-block .first-block__red-img {
   position: absolute;
   bottom: -27%;
   right: -3%;
   object-fit: cover;
   z-index: -1;
   transition: all 0.3s ease 0s;
   opacity: 0;
   visibility: hidden;
   max-height: 475px;
}

.first-block .first-block__red-img._active {
   opacity: 1;
   visibility: visible;
}

.first-block__form .form.first-block__second-form {
   position: relative;
   margin-bottom: 0px;
}

@media (max-width: 1440px) {
   .first-block__form .form.first-block__second-form {
      margin-top: 0;
   }
}

/* .first-block__form .form:after {
	content: "";
	position: absolute;
	top: -7px;
	left: -7px;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	pointer-events: none;
	background: #E5E8EC;
	border-radius: 10px;
	z-index: -1;
} */

.first-block__form .form__input {
   background: #fff;
}

.first-block__first-form .form__line {
   flex: 1 1 50%;
}

.first-block__first-form .form__button {
   flex: 0 1 28%;
}



@media (max-width: 1439.98px) {
   .first-block .first-block__red-img {
      bottom: 0;
   }
}

@media (max-width: 1100px) {
   .first-block .first-block__red-img {
      display: none;
   }
}

.first-block__first-form {
   display: grid;
   grid-template-columns: 1fr 102px;
   grid-template-rows: auto 60px 1fr;
   transition: all 0.3s ease 0s;
}

.first-block-auto__form .form__line.fixed,
.first-block__first-form.fixed {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 99999;
   background-color: #fff !important;
}

.first-block-auto__form .form__line.fixed {

   grid-template-columns: 1fr 46px;
   grid-template-rows: 70px 1fr;
   padding: 10px;
   row-gap: 15px;
   column-gap: 10px;
}

.form__line_place.fixed {
   grid-template-columns: 1fr;
}

.first-block-auto__form .form__line.fixed .form__dropdown {
   grid-column: 1/3;
   grid-row: 2/3;
   box-shadow: none;
   height: 100%;
   opacity: 1;
   visibility: visible;
   pointer-events: all;
}

.first-block-auto__form .form__line.fixed .form__dropdown {
   max-height: 100%;
   margin-top: 0;
   display: flex;
   flex-direction: column;
}

.first-block-auto__form .form__line.fixed .form__dropdown-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px;
}

.first-block-auto__form .form__line.fixed .form__dropdown-item .item {
   flex: 1 1 auto;
   line-height: 1;
   padding: 0;
   min-height: auto;

}

.first-block-auto__form .form__line.fixed .form__dropdown-item .item:hover {
   background: transparent;
}

.first-block-auto__form .form__line.fixed .form__dropdown-item:hover {
   background-color: #f6f6f6;
}

.first-block-auto__form .form__line.fixed .form__dropdown-item:hover::after {
   background: url(../img/svg/search-item-radio-2.svg) center/contain no-repeat;
}

.first-block-auto__form .form__line.fixed .form__dropdown-item::after {
   content: "";
   display: block;
   flex: 0 0 34px;
   width: 34px;
   height: 34px;
   background: url(../img/svg/search-item-radio-1.svg) center/contain no-repeat;
}

.first-block-auto__form .form__line.fixed .form__dropdown-inner {
   overflow: auto;

}
.first-block-auto__form .form__row{
   border: 2px solid #dddfe7;
   padding: 20px;
}


.first-block__first-form.fixed .form__result-container {
   min-height: 100%;
}

.first-block__first-form.fixed .form__result-container .search-result--industrial {
   height: 100%;
}

.first-block-auto__form .form__line.fixed .form__close,
.first-block__first-form .form__close {
   width: 36px;
   height: 36px;
   grid-column: 2/3;
   grid-row: 1/2;
   justify-self: end;
   cursor: pointer;
}

.first-block-auto__form .form__line.fixed .form__close {
   flex: 0 0 36px;
   align-self: flex-end;
   margin-top: 10px;
   margin-right: 10px;
   margin-bottom: 20px;
}

.first-block__first-form.fixed .form__input {
   background-color: #E4E9F0;
}

.first-block .first-block__first-form.fixed .form__label {
   grid-column: 1/2;
}

.first-block .first-block__first-form .form__label {
   grid-column: 1/3;
}

.first-block__first-form .form__line {
   grid-column: 1/2;
   margin: 0;
   margin-right: 10px;
}

.first-block__first-form .form__result-container {
   grid-column: 1/3;
   grid-row: 3/4;
   margin-top: 20px;
}

.first-block__first-form .form__button {
   grid-row: 2/3;
   grid-column: 2/3;
   height: 60px;
}

.first-block .form__input {
   padding: 24px 35px 14px 14px;
}

.first-block .form__input-clear {
   top: 23px;
}

.first-block .form__input-placeholder {
   top: 20px;
}

@media (max-width: 1600px) {

   .first-block__first-form .form__label {
      flex: 1 1 100%;
   }

   /* 	.first-block__first-form .form__line {
		flex: 1 1 auto;
	} */
}



@media (max-width: 400px) {
   .first-block__first-form .form__button {
      flex: 0 0 99px;
   }
}

.first-block-auto {
   margin: 77px 0px 0px 0px;
   padding: 0 0 0 90px;
}

@media (max-width: 1439.98px) {
   .first-block-auto {
      margin: 25px 0px 0px 0px;
      padding: 0 0 0 40px;
   }
}

@media (max-width: 900px) {
   .first-block-auto {
      padding: 0;
      margin: 32px 0px 0px 0px;
   }
}

.first-block-auto__header {
   display: flex;
   justify-content: space-between;
   margin: 0px 0px 40px 0px;
   position: relative;
}

@media (max-width: 1439.98px) {
   .first-block-auto__header {
      margin: 0px 0px 38px 0px;
   }
}

@media (max-width: 900px) {
   .first-block-auto__header {
      margin: 0px 0px 20px 0px;
   }
}

.first-block-auto__link {
   flex: 0 0 255px;
   font-size: 30px;
   color: #d82d28;
   transform: translate(0px, 0px);
   text-align: right;
   line-height: 32px;
   transition: all 0.3s ease 0s;
   display: none !important;
}

.first-block-auto__link:hover {
   color: #a00000;
}

.first-block-auto__link svg {
   position: absolute;
   top: 24px;
   right: -59px;
   height: 21px;
   width: 29px;
}

.first-block-auto__link svg use {
   fill: #d82d28;
   transition: all 0.3s ease 0s;
}

.first-block-auto__link:hover use {
   fill: #a00000;
}

@media (max-width: 1439.98px) {
   .first-block-auto__link {
      position: absolute;
      right: 0px;
      bottom: -82px;
      width: 255px;
   }
}

@media (max-width: 1279.98px) {
   .first-block-auto__link {
      border-radius: 10px;
      background-color: #f3f6fb;
      font-size: 20px;
      display: flex;
      width: 267px;
      height: 84px;
      align-items: center;
      padding: 0 0 0 65px;
      text-align: left;
      transform: rotate(-270deg) translate(113px, -177px);
      line-height: 24px;
   }

   .first-block-auto__link svg {
      right: auto;
      transform: rotate(-90deg);
      top: 31px;
      left: 19px;
   }
}

@media (max-width: 885px) {
   .first-block-auto__link {
      transform: rotate(-270deg) translate(73px, -177px);
   }
}

@media (max-width: 840px) {
   .first-block-auto__link {
      transform: rotate(-270deg) translate(155px, -177px);
   }
}

@media (max-width: 900px) {
   .first-block-auto__link {
      position: relative;
      transform: none;
      font-size: 30px;
      text-align: right;
      line-height: 37px;
      background-color: transparent;
      top: 0;
      left: 0;
      padding: 0px 0px 0px 0px;
      width: 100%;
      justify-content: space-between;
   }

   .first-block-auto__link svg {
      position: static;
      transform: none;
      margin: 0px 0px 0px 25px;
      flex: 0 0 29px;
   }
}

@media (max-width: 355px) {
   .first-block-auto__link {
      font-size: 25px;
      padding: 0px 20px 0px 0px;
   }

   .first-block-auto__link svg {
      right: -25px;
   }
}

.first-block-auto__form .form {
   max-width: 755px;
   margin: 0;
}
ю
@media (max-width: 991.98px) and (min-width: 900px) {
   .first-block-auto__form .form {
      padding: 0px 10px 0px 0px;
   }
}

.first-block-auto__form .form__line {
   margin: 0;
}

.first-block-auto__form .form__row {
   margin: 0px 0px 45px 0px;
}

@media (max-width: 1439.98px) {
   .first-block-auto__form .form__row {
      margin: 0px 0px 15px 0px;
   }
}

@media (max-width: 991.98px) {
   .first-block-auto__form .form__row:nth-child(1) {
      flex-direction: column;
   }
}

.first-block-auto__form .form__row:nth-child(1) .form__line {
   margin: 0px 5px 10px 0px;
   flex: 1 1 auto;
}

/* .first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(1) {
	margin: 0px 40px 0px 0px;
} */
@media (max-width: 991.98px) {
   .first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(1) {
      margin: 0px 0px 10px 0px;
   }

   .first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(1) .form__line {
      flex: 1 1 100%;
   }
}

.first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(2) {
   justify-content: flex-start;
}

.first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(2) .form__line {
   flex: 1 1 auto;
}

@media (max-width: 991.98px) {
   .first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(2) .form__line {
      flex: 1 1 100%;
      margin: 0px 0px 10px 0px;
   }
}

.first-block-auto__form .form__row:nth-child(2) {
   margin: 0px 0px 35px 0px;
}

.first-block-auto__form .form__row:nth-child(2) .form__inner {
   justify-content: flex-start;
}

.first-block-auto__form .form__row:nth-child(2) .form__inner .form__line {
   margin: 0px 5px 10px 0px;
   flex: 0 1 calc(100% / 3 - 5px);
}

@media (min-width: 991.98px) {
   .first-block-auto__form .form__row:nth-child(2) .form__inner .form__line.form__line_place {
      flex: 1 1 100%;
   }
}

@media (min-width: 1640.98px) {
   .first-block-auto__form .form__row:nth-child(2) .form__inner .form__line.form__line_place {
      margin-top: 5px;
   }
}

.first-block-auto__form .form__row:nth-child(2) .form__inner .form__line .form__select {
   min-width: 178px;
   width: 100%;
}

.first-block-auto__form .form__row:nth-child(2) .form__inner .form__line .form__select .list {
   max-height: 320px;
   overflow: auto;
}

.first-block-auto__form .form__row:nth-child(2) .form__inner .form__line .form__input {
   flex: 0 1 33.333%;
}

@media (max-width: 991.98px) {
   .first-block-auto__form .form__row:nth-child(2) .form__inner .form__line {
      flex: 0 1 49%;
   }

   .first-block-auto__form .form__row:nth-child(2) .form__inner .form__line .form__select {
      width: 100%;
   }
}

@media (max-width: 900px) {
   .first-block-auto__form .form__row:nth-child(2) .form__inner .form__line {
      flex: 1 1 100%;
      margin: 0px 0px 10px 0px;
   }
}

.first-block-auto__form .form__row:nth-child(3) .form__inner {
   justify-content: flex-start;
}

.first-block-auto__form .form__row:nth-child(3) .form__line {
   margin: 0px 5px 10px 0px;
   flex: 0 0 218px;
}

.first-block-auto__form .form__row:nth-child(3) .form__line:nth-child(2) {
   flex: 0 0 185px;
}

@media (max-width: 991.98px) {
   .first-block-auto__form .form__row:nth-child(3) .form__line:nth-child(2) {
      flex: 1 1 100%;
   }
}

@media (max-width: 991.98px) {
   .first-block-auto__form .form__row:nth-child(3) .form__line {
      flex: 1 1 100%;
      margin: 0px 0px 10px 0px;
   }
}

@media (max-width: 900px) {
   .first-block-auto__form .form__row:nth-child(3) {
      margin: 0px 0px 10px 0px;
   }
}

.first-block-auto__form .form__button {
   height: 70px;
   max-width: 341px;
}

@media (max-width: 900px) {
   .first-block-auto__form .form__button {
      max-width: none;
      height: 54px;
   }
}

.first-block-auto__form .form__inner {
   display: flex;
   flex-wrap: wrap;
}

.first-block-auto__form .form__label {
   flex: 1 1 100%;
   font-size: 20px;
   font-weight: 500;
   margin: 0px 0px 20px 0px;
   min-height: 20px;
}

@media (max-width: 1439.98px) {
   .first-block-auto__form .form__label {
      margin: 0px 0px 5px 0px;
   }
}

.first-block-auto__form .form .form__input-placeholder {
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;
}

@media (max-width: 900px) {
   .first-block-auto__form {
      margin: 0px 0px 28px 0px;
   }
}

.first-block-auto__video-bg {
   position: absolute;
   bottom: -11%;
   right: 0%;
   width: 50%;
   z-index: -1;
   object-fit: cover;
}

@media (max-width: 1100px) {
   .first-block-auto__video-bg {
      display: none;
   }
}

.preloader-in {
   position: relative;
}

.preloader-in::before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(255, 255, 255, 0.95);
   z-index: 2;
}

.preloader-in::after {
   content: url(../img/preloader.svg);
   z-index: 3;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   animation: preloader 2.5s infinite linear;
}

@keyframes preloader {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.footer__top {
   border-top: solid 1px #979797;
   border-bottom: solid 1px #979797;
}

.footer__row {
   display: flex;
   justify-content: space-between;
   padding: 50px 0px 25px 0px;
}

@media (max-width: 900px) {
   .footer__row {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      max-width: 300px;
      margin: 0 auto;
      text-align: center;
      padding: 30px 0px 20px 0px;
   }
   .footer__col .work-hours{
      margin-left: 0px;
   }
}

.footer__col {
   flex: 1 1 auto;
}

.footer__col:first-child {
   flex: 0 0 350px;
}

@media (max-width: 1439.98px) {
   .footer__col:first-child {
      flex: 0 0 215px;
   }
}

@media (max-width: 900px) {
   .footer__col:first-child {
      flex: 1 1 auto;
      margin: 0px 0px 15px 0px;
   }
}

.footer__col:last-child {
   flex: 0 1 25%;
   /*display: flex;*/
   /*flex-direction: column;*/
   /*align-items: flex-end;*/
}

@media (max-width: 991.98px) {
   .footer__col:last-child {
      flex: 1 1 auto;
   }
}

.footer__contacts {
   display: flex;
   flex-direction: column;
}

.footer__phone {
   font-size: 24px;
   line-height: 34px;
   color: #000;
   font-weight: 300;
   margin: 0px 0px 10px 0px;
}

.footer__mail {
   font-size: 16px;
   color: #007ca1;
   margin: 0px 0px 25px 0px;
   transition: all 0.3s ease 0s;
}

.footer__mail:hover {
   color: #a00000;
}

.footer__addres {
   font-size: 16px;
   line-height: 24px;
   color: #000;
}

.footer__addres:not(:last-child) {
   margin: 0px 0px 10px 0px;
}

.menu-footer {
   display: flex;
   width: 100%;
   justify-content: space-evenly;
}

@media (max-width: 991.98px) {
   .menu-footer {
      display: block;
   }
}

.menu-footer__item:not(:last-child) {
   margin: 0px 0px 27px 0px;
}

.menu-footer__link {
   font-size: 16px;
   line-height: 18px;
   color: #006da0;
   transition: all 0.3s ease 0s;
}

.menu-footer__link:hover {
   color: #a00000;
}

.payment {
   text-align: right;
   max-width: 190px;
}

.payment__text {
   font-size: 16px;
   line-height: 24px;
   color: #000;
   margin: 0px 0px 10px 0px;
   display: inline-block;
}

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

.copyright__body {
   display: flex;
   justify-content: space-between;
   padding: 40px 0px;
   flex-wrap: wrap;
   align-items: center;
}

@media (max-width: 991.98px) {
   .copyright__body {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
}

@media (max-width: 900px) {
   .copyright__body {
      padding: 35px 0px 50px 0px;
   }
}

.copyright__item {
   font-size: 14px;
   line-height: 21px;
   color: #525252;
}

/* .copyright__item:last-child {
	color: #007ca1;
	display: flex;
	align-items: center;
	transition: all 0.3s ease 0s;
} */

.copyright__item:last-child svg {
   width: 75px;
   height: 13px;
   margin: 0px 0px 0px 10px;
}

.copyright__item:last-child use {
   fill: #000;
   transition: all 0.3s ease 0s;
}

.copyright__item:last-child:hover {
   color: #a00000;
}

.copyright__item:last-child:hover svg use {
   fill: #a00000;
}

@media (max-width: 1439.98px) {
   .copyright__item:first-child {
      flex: 0 1 32%;
   }

   .copyright__item:nth-child(2) {
      flex: 1 1 auto;
   }

   .copyright__item:nth-child(3) {
      order: 4;
      flex: 1 1 100%;
      margin: 15px 0px 0px 32%;
   }
}

@media (max-width: 991.98px) {
   .copyright__item {
      text-align: center;
   }

   .copyright__item:first-child,
   .copyright__item:nth-child(2),
   .copyright__item:nth-child(3),
   .copyright__item:last-child {
      flex: none;
      margin: 15px 0px 0px 0px;
   }

   .copyright__item:first-child {
      order: 1;
   }

   .copyright__item:nth-child(2) {
      order: 3;
   }

   .copyright__item:nth-child(3) {
      order: 4;
   }

   .copyright__item:last-child {
      order: 2;
   }
}

.popular {
   background-color: #f3f6fb;
   padding: 55px 0px 85px 0px;
}

@media (max-width: 991.98px) {
   .popular {
      padding: 40px 0px 55px 0px;
   }
}

.popular__header {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.popular__title {
   font-size: 30px;
   font-weight: 500;
   margin: 0px 132px 20px 0px;
}

@media (max-width: 991.98px) {
   .popular__title {
      max-width: none;
   }
}

.popular__nav {
   display: flex;
}

.popular__nav-prev,
.popular__nav-prev1,
.popular__nav-prev2,
.popular__nav-prev3 {
   padding: 25px 21px 24px 19.6px;
   border-radius: 5px;
   border: solid 1px rgba(0, 0, 0, 0.28);
   margin: 0px 20px 0px 0px;
   transition: all 0.3s ease 0s;
   background-color: transparent;
   cursor: pointer;
}

.popular__nav-prev:hover,
.popular__nav-prev1:hover,
.popular__nav-prev2:hover,
.popular__nav-prev3:hover {
   background-color: rgba(84, 121, 184, 0.16);
}

.popular__nav-prev svg,
.popular__nav-prev1 svg,
.popular__nav-prev2 svg,
.popular__nav-prev3 svg {
   width: 23px;
   height: 14px;
}

.popular__nav-prev svg use,
.popular__nav-prev1 svg use,
.popular__nav-prev2 svg use,
.popular__nav-prev3 svg use {
   fill: #0e0e0e;
}

.popular__nav-next,
.popular__nav-next1,
.popular__nav-next2,
.popular__nav-next3 {
   padding: 25px 47.6px 24px 48px;
   border-radius: 5px;
   border: solid 1px rgba(0, 0, 0, 0.28);
   transition: all 0.3s ease 0s;
   background-color: transparent;
   cursor: pointer;
}

.popular__nav-next:hover,
.popular__nav-next1:hover,
.popular__nav-next2:hover,
.popular__nav-next3:hover {
   background-color: rgba(84, 121, 184, 0.16);
}

.popular__nav-next svg,
.popular__nav-next1 svg,
.popular__nav-next2 svg,
.popular__nav-next3 svg {
   width: 23px;
   height: 14px;
}

.popular__nav-next svg use,
.popular__nav-next1 svg use,
.popular__nav-next2 svg use,
.popular__nav-next3 svg use {
   fill: #0e0e0e;
}

.section-form {
   position: relative;
   background-color: #3b5cab;
   z-index: 1;
   padding: 78px 0px;
}

@media (max-width: 991.98px) {
   .section-form {
      padding: 30px 0px;
   }
}

.section-form::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(60, 122, 187, 0.6);
   z-index: -1;
}

.section-form__wrapper {
   display: flex;
   justify-content: space-between;
   position: relative;
   z-index: 2;
}

@media (max-width: 991.98px) {
   .section-form__wrapper {
      flex-direction: column;
   }
}

.section-form__col {
   flex: 0 1 31.333%;
}

.section-form__col:last-child {
   flex: 1 1 auto;
   margin: 0px 0px 0px 100px;
}

@media (max-width: 1439.98px) {
   .section-form__col:last-child {
      margin: 0px 0px 0px 55px;
   }
}

@media (max-width: 1279.98px) {
   .section-form__col:last-child {
      margin: 0px 0px 0px 50px;
   }
}

@media (max-width: 991.98px) {
   .section-form__col:last-child {
      margin: 30px 0px 0px 0px;
   }
}

@media (max-width: 1279.98px) {
   .section-form__col {
      flex: 0 0 282px;
   }
}

@media (max-width: 991.98px) {
   .section-form__col {
      flex: 1 1 auto;
   }
}

.section-form__title {
   font-size: 30px;
   color: #fff;
   font-weight: 500;
   margin: 0px 0px 28px 0px;
}

@media (max-width: 991.98px) {
   .section-form__title {
      font-size: 22px;
      margin: 0px 0px 19px 0px;
   }
}

.section-form__text {
   font-size: 16px;
   line-height: 24px;
   color: #fff;
   margin: 0px 0px 17px 0px;
}

.section-form__list {
   padding: 0px 0px 0px 35px;
}

.section-form__item {
   font-size: 16px;
   line-height: 24px;
   color: #fff;
   list-style-type: disc;
   margin: 0px 0px 15px 0px;
}

.section-form__form .form {
   margin: 0px 0px 0px 0px;
   max-width: none;
}

.section-form__form .form__row {
   justify-content: flex-start;
}

@media (max-width: 1279.98px) {
   .section-form__form .form__row {
      flex-direction: column;
   }
}

.section-form__form .form__col:first-child {
   flex: 0 1 402px;
   margin: 0px 70px 0px 0px;
}

@media (max-width: 1439.98px) {
   .section-form__form .form__col:first-child {
      margin: 0px 48px 0px 0px;
   }
}

@media (max-width: 1279.98px) {
   .section-form__form .form__col:first-child {
      margin: 0;
      flex: 1 1 auto;
   }
}

.section-form__form .form__col:last-child {
   flex: 1 1 auto;
   max-width: 251px;
}

@media (max-width: 1439.98px) {
   .section-form__form .form__col:last-child {
      max-width: 233px;
   }
}

@media (max-width: 1279.98px) {
   .section-form__form .form__col:last-child {
      max-width: 100%;
   }
}

.section-form__form .form__button {
   margin: 0px 0px 30px 0px;
}

.section-form__form .form__button_transparent {
   height: 70px;
}

@media (max-width: 991.98px) {
   .section-form__form .form__button_transparent {
      height: 48px;
   }
}

.section-form__form .form__checkbox .checkbox__input:checked+.checkbox__text:before {
   background: url(../img/svg/check.svg) center no-repeat;
}

.section-form__form .form__checkbox .checkbox__text {
   color: rgba(255, 255, 255, 0.5);
}

.section-form__form .form__checkbox .checkbox__text a {
   color: rgba(255, 255, 255, 0.5);
}

.section-form__form .form__checkbox .checkbox__text:before {
   background: transparent;
   border: 1px solid rgba(255, 255, 255, 0.5);
}

.section-form__bg {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 1280px;
   z-index: -3;
   margin: 0 auto;
   left: 0;
}

@media (max-width: 1279.98px) {
   .section-form__bg {
      display: none;
   }
}

.advantages {
   padding: 75px 0px;
   display: none !important;
}

@media (max-width: 900px) {
   .advantages {
      padding: 40px 0px;
   }
}

.advantages__row {
   display: flex;
   margin: 0px 0px 60px 0px;
}

.advantages__row:last-child {
   margin: 0px 0px 0px 0px;
}

@media (max-width: 991.98px) {
   .advantages__row {
      flex-direction: column;
      margin: 0px 0px 50px 0px;
   }
}

.advantages__item {
   display: flex;
   flex: 0 0 325px;
   margin: 0px 50px 0px 0px;
   align-items: flex-start;
}

@media (max-width: 1279.98px) {
   .advantages__item {
      margin: 0px 35px 0px 0px;
      flex: 0 0 295px;
   }
}

@media (max-width: 991.98px) {
   .advantages__item {
      flex: 1 1 auto;
      margin: 0px 0px 20px 0px;
   }
}

.advantages__image {
   width: 62px;
   margin: 0px 57px 0px 0px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 0 0 62px;
}

@media (max-width: 1279.98px) {
   .advantages__image {
      margin: 0px 25px 0px 0px;
   }
}

.advantages__image img {
   max-width: 100%;
}

.advantages__title {
   font-size: 20px;
   font-weight: 500;
}

.advantages__text {
   font-size: 16px;
   line-height: 24px;
   flex: 1 1 auto;
   max-width: 810px;
}

.category {
   background-color: #dddfe7;
   padding: 12px 0px;
}

@media (max-width: 991.98px) {
   .category {
      padding: 44px 0px;
   }
}

.category__wrapper {
   display: flex;
   position: relative;
}

.category__video-block {
   position: relative;
   height: 604px;
   flex: 0 1 50%;
}

@media (max-width: 1279.98px) {
   .category__video-block {
      flex: 0 1 45%;
   }
}

@media (max-width: 991.98px) {
   .category__video-block {
      display: none;
   }
}

.category__video {
   opacity: 0;
   transition: all 0.3s ease 0s;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

@media (max-width: 1439.98px) {
   .category__video {
      justify-content: flex-start;
   }
}

@media (max-width: 1279.98px) {
   .category__video {
      align-items: flex-start;
   }
}

.category__video video {
   width: 70%;
   height: 90%;
}

@media (max-width: 1439.98px) {
   .category__video video {
      width: 85%;
   }
}

@media (max-width: 1279.98px) {
   .category__video video {
      height: 68%;
   }
}

.category__video._active {
   opacity: 1;
}

.category__list {
   flex: 0 1 50%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

@media (max-width: 991.98px) {
   .category__list {
      flex: 1 1 100%;
   }
}

.category__link {
   font-size: 24px;
   color: #006da0;
}

.category__link:not(:last-child) {
   margin: 0px 0px 54px 0px;
}

@media (max-width: 991.98px) {
   .category__link:not(:last-child) {
      margin: 0px 0px 33px 0px;
   }
}

@media (max-width: 991.98px) {
   .category__link {
      font-size: 22px;
      line-height: 25px;
   }
}

.main-product {
   margin: 15px 0px 45px 0px;
}

.main-product__title {
   margin: 0px 0px 40px 0px;
}

.main-product__block {
   display: flex;
   position: relative;
}

.main-product__btn-share {
   position: absolute;
   top: 10px;
   right: 15px;
}

@media (max-width: 1200.98px) {
   .main-product__btn-share.desktop {
      display: none;
   }
}

@media (min-width: 1200.98px) {
   .main-product__btn-share {
      position: absolute;
      top: 15px;
      right: 15px;
   }

   .main-product__content {
      position: relative;
   }

   .main-product__btn-share.mobile {
      display: none;
   }
}



@media (max-width: 1200px) {
   .main-product__block {
      flex-direction: column;
   }
}

@media (max-width: 760px) {
   .main-product__block {
      margin: 0;
   }
}

.main-product__col {
   flex: 0 1 50%;
}

@media (min-width: 1921px) {
   .main-product__button {

   }
}

@media (max-width: 1200px) {
   .bx-mac .main-product__col {
      flex: none;
   }
}

.main-product__image {
   height: 100%;
   width: 100%;
   cursor: pointer;
}

@media (max-width: 1200px) {
   .main-product__image {
      height: 210px;
      max-width: 100%;
   }
}

.main-product__image img {
   width: 100%;
   object-fit: contain;
   max-height: 500px;
}

.main-product__content {
   padding: 39px 70px 58px 48px;
   border-radius: 10px;
   border: solid 1px #b9c7da;
   margin: 0px 0px 0px 55px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

@media (min-width: 1279.98px) {
   .main-product__content {
      width: 562px;
   }
}

@media (min-width: 1921px) {
   .main-product__content {
      width: auto;
   }
}

@media (max-width: 1279.98px) {
   .main-product__content {
      padding: 39px 50px 27px 50px;
   }
}

@media (max-width: 1200px) {
   .main-product__content {
      margin: 30px 0px 0px 0px;
   }

   .main-product__image img {
      height: 100%;
   }
}

@media (max-width: 479.98px) {
   .main-product__content {
      padding: 20px 15px 20px 15px;
   }
}

.main-product__row {
   display: flex;
   flex-wrap: wrap;
}

@media (max-width: 1279.98px) {
   .main-product__row {
      justify-content: space-between;
   }
}

.main-product__row:not(:last-child) {
}

.main-product__row:nth-child(2) {
   margin: 0px 0px 0px 0px;
}

.main-product__label {
   background-color: #000;
   color: #fff;
   font-size: 16px;
   font-weight: bold;
   margin: 0px 30px 0px 0px;
   padding: 4px 5px;
   border-radius: 3px;
}

.main-product__price {
   font-size: 40px;
   font-weight: 500;
   margin: 0px 30px 17px 0px;
}

@media (max-width: 1279.98px) {
   .main-product__price {
      flex: 1 1 100%;
   }
}

@media (max-width: 479.98px) {
   .main-product__price {
      font-size: 30px;
   }
}

.main-product__price-old {
   font-size: 30px;
   font-weight: 500;
   color: #818181;
   margin: 0px 30px 30px 0px;
}

@media (max-width: 479.98px) {
   .main-product__price-old {
      font-size: 20px;
   }
}

.main-product__discount {
   font-size: 30px;
   font-weight: 500;
   color: #5a9d5a;
}

@media (max-width: 479.98px) {
   .main-product__discount {
      font-size: 20px;
   }
}

.main-product__quantity {
   height: 70px;
   margin: 0px 30px 0px 0px;
   width: 162px;
}

@media (min-width: 1921px) {
   .main-product__quantity {
      width: 100%;
   }
}

@media (max-width: 1279.98px) {
   .main-product__quantity {
      flex: 1 1 100%;
      width: 100%;
      margin: 0px 0px 15px 0px;
   }
}

@media (max-width: 991.98px) and (min-width: 900px) {

}

.main-product__quantity .quantity {
   height: 100%;
   width: 100%;
}

.main-product__button {
   max-width: 190px;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 70px;
}

@media (min-width: 1921px) {
   .main-product__button {
      max-width: 100%;
   }
}

@media (max-width: 1279.98px) {
   .main-product__button {
      flex: 1 1 100%;
      max-width: 100%;
   }
}

@media (max-width: 991.98px) and (min-width: 900px) {

}

.main-product__btn {
   font-size: 16px;
   line-height: 21px;
   color: #5479b8;
   font-weight: 500;
   display: flex;
   align-items: center;
   transition: all 0.3s ease 0s;
}

@media (max-width: 1279.98px) {
   .main-product__btn {
      flex: 1 1 100%;
   }
}

.main-product__btn:first-child {
   margin: 0px 50px 0px 0px;
}

@media (max-width: 1279.98px) {
   .main-product__btn:first-child {
      margin: 0px 0px 20px 0px;
   }
}

.main-product__btn svg {
   width: 33px;
   height: 30px;
   margin: 0px 15px 0px 0px;
}

.main-product__btn svg use {
   transition: all 0.3s ease 0s;
   fill: #324769;
}

.main-product__btn:hover {
   color: #a00;
}

.main-product__btn:hover use {
   fill: #a00;
}

.main-product__social {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}

.main-product__social .uSocial-Share {
   flex: 0 1 38%;
}

.main-product__social-text {
   margin: 0px 25px 0px 0px;
   font-size: 16px;
   font-weight: normal;
}

@media (max-width: 760px) {
   .main-product__social-text {
      font-size: 0;
   }
}

.parametrs {
   margin: 0px 0px 85px 0px;
}

@media (max-width: 900px) {
   .parametrs {
      margin: 0px 0px 30px 0px;
   }
}

.parametrs__desc {
   margin: 0px 0px 50px 0px;
   font-size: 16px;
   line-height: 24px;
}

.parametrs__block {
   display: flex;
   margin: 0px 0px 15px 0px;
   gap: 15px;
}

@media (max-width: 900px) {
   .parametrs__block {
      flex-direction: column;
      margin: 0;
   }
}

.parametrs__col:first-child {
   flex: 0 1 27%;
   order: 2;
}

@media (max-width: 900px) and (min-width: 479.98px) {
   .parametrs__col:first-child .parametrs__row {
      flex-direction: row;
      justify-content: space-between;
   }
}

.parametrs__col:last-child {
   flex: 0 1 73%;
   order: 1;
}

.parametrs__col:last-child .parametrs__row {
   margin: 0px 0px 40px 0px;
}

.parametrs__row {
   display: flex;
   flex-direction: column;
   margin: 0px 0px 30px 0px;
   gap: 15px;
}

.parametrs__name {
   font-size: 16px;
   line-height: 18px;
   margin: 0px 0px 10px 0px;
}
.parametrs__name img{
   margin-right: 15px;
   margin-top: -5px;
   max-width: 45px;
}
.parametrs__text {
   font-size: 16px;
   line-height: 18px;
   font-weight: 600;
}

.parametrs__text_more {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.parametrs__text_more._active {
   display: block;
}

.parametrs__btn-more {
   font-size: 16px;
   color: #006da0;
   margin: 10px 0px 0px 0px;
}

.parametrs__text-offer {
   font-size: 11px;
   margin-bottom: 20px;
}

@media (min-width: 1921px) {
   .parametrs.industrial .parametrs__text {
      flex: 0 0 150px;
   }
}

.parametrs.industrial .parametrs__row {
   flex-direction: row;
}

@media (min-width: 1921px) {
   .parametrs.industrial .parametrs__row {
      justify-content: space-around;
   }
}

.parametrs.industrial .parametrs__name {
   flex: 0 1 280px;
}

.parametrs.industrial .parametrs__col:first-child .parametrs__row,
.parametrs.industrial .parametrs__col:last-child .parametrs__row {
   margin: 0px 0px 0px 0px;
}

.parametrs.industrial .parametrs__col:first-child {
   flex: 0 1 44%;
}

@media (max-width: 900px) {
   .parametrs.industrial .parametrs__col:first-child {
      margin: 0;
   }
}

.parametrs.industrial .parametrs__col:last-child {
   flex: 1 1 auto;
}

@media (max-width: 900px) and (min-width: 479.98px) {
   .parametrs.industrial .parametrs__col:last-child .parametrs__row {
      flex-direction: row;
      justify-content: space-between;
   }
}

.article__row {
   padding: 50px 0px;
   display: flex;
}

.article__content {
   display: flex;
   flex-direction: column;
   background-color: #f3f6fb;
   height: 100%;
}

.article__content:hover .article__title {
   color: #a00;
}

.article__content:hover .article__image img {
   transform: scale(1.03);
}

.article__image {
   padding: 0px 0px 60% 0px;
   background-color: #fff;
   margin: 0px 0px 25px 0px;
   overflow: hidden;
}

.article__image img {
   transition: all 0.3s ease 0s;
}

.article__title {
   font-size: 24px;
   color: #007ca1;
   margin: 0px 0px 20px 0px;
   flex: 1 1 auto;
   padding: 0px 27px 0px 38px;
   transition: all 0.3s ease 0s;
}

@media (max-width: 900px) {
   .article__title {
      padding: 0px 15px;
      font-size: 20px;
   }
}

.article__text {
   font-size: 16px;
   line-height: 24px;
   margin: 0px 0px 40px 0px;
   padding: 0px 27px 0px 38px;
   color: #000;
}

@media (max-width: 900px) {
   .article__text {
      padding: 0px 15px;
   }
}

.data {
   margin: 15px 0px 60px 0px;
}

@media (max-width: 900px) {
   .data {
      padding: 0;
   }
}

.data__title {
   margin: 0px 0px 35px 0px;
}

@media (max-width: 900px) {
   .data__title {
      padding: 0px 15px;
   }
}

.data__wrapper {
   display: flex;
   min-height: 438px;
}

@media (max-width: 1279.98px) {
   .data__wrapper {
      flex-direction: column;
   }
}

.personal-data {
   flex: 0 1 50%;
   background-color: #f3f6fb;
   margin: 0px 25px 0px 0px;
   padding: 26px 66px 45px 43px;
   display: flex;
   flex-direction: column;
}

@media (max-width: 1439.98px) {
   .personal-data {
      padding: 26px 45px 37px 43px;
   }
}

@media (max-width: 1279.98px) {
   .personal-data {
      margin: 0px 0px 25px 0px;
   }
}

@media (max-width: 900px) {
   .personal-data {
      padding: 34px 15px;
   }
}

.personal-data__title {
   font-size: 30px;
   color: #000;
   font-weight: 500;
   margin: 0px 0px 25px 0px;
}

@media (max-width: 900px) {
   .personal-data__title {
      font-size: 22px;
      margin: 0px 0px 20px 0px;
   }
}

.personal-data__content {
   flex: 1 1 auto;
   margin: 0px 0px 25px 0px;
}

.personal-data__row {
   display: flex;
   margin: 0px 0px 30px 0px;
}

@media (max-width: 479.98px) {
   .personal-data__row {
      flex-direction: column;
   }
}

.personal-data__name {
   font-size: 16px;
   line-height: 18px;
   flex: 0 0 34%;
   margin: 0px 10px 0px 0px;
}

@media (max-width: 479.98px) {
   .personal-data__name {
      margin: 0px 0px 10px 0px;
   }
}

.personal-data__text {
   font-size: 16px;
   line-height: 18px;
   font-weight: 600;
   flex: 0 1 auto;
}

.personal-data__btns {
   display: flex;
   justify-content: space-between;
}

@media (max-width: 1800px) {
   .personal-data__btns {
      flex-wrap: wrap;
   }
}

.personal-data__btn {
   max-width: 184px;
   flex: 0 1 33.333%;
   height: 48px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #5479b8;
   color: #fff;
   transition: all 0.3s ease 0s;
   position: relative;
   border-radius: 5px;
}

.personal-data__btn::after {
   content: "";
   position: absolute;
   display: block;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   background: #e03733;
   border-top: 1px solid #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}

.personal-data__btn:hover {
   background-color: #2d4c80;
}

.personal-data__btn:hover::after {
   background: #a00;
}

.personal-data__btn:last-child {
   color: #000;
   background-color: transparent;
   border-radius: 3px;
   border: solid 1px rgba(0, 0, 0, 0.2);
}

.personal-data__btn:last-child::before,
.personal-data__btn:last-child::after {
   display: none;
}

.personal-data__btn:last-child:hover {
   background-color: rgba(84, 121, 184, 0.16);
}

@media (max-width: 1800px) {
   .personal-data__btn:last-child {
      flex: 1 1 100%;
      margin: 20px 0px 0px 0px;
   }
}

@media (max-width: 479.98px) {
   .personal-data__btn:last-child {
      margin: 0;
   }
}

@media (max-width: 1800px) {
   .personal-data__btn {
      flex: 0 1 48%;
      max-width: none;
   }
}

@media (max-width: 479.98px) {
   .personal-data__btn {
      flex: 1 1 100%;
      margin: 0px 0px 15px 0px;
   }
}

.addresses {
   flex: 0 1 50%;
   background-color: #f3f6fb;
   padding: 26px 66px 45px 43px;
   display: flex;
   flex-direction: column;
}

@media (max-width: 1439.98px) {
   .addresses {
      padding: 26px 45px 37px 43px;
   }
}

@media (max-width: 900px) {
   .addresses {
      padding: 34px 15px;
   }
}

.addresses__title {
   font-size: 30px;
   color: #000;
   font-weight: 500;
   margin: 0px 0px 25px 0px;
}

@media (max-width: 900px) {
   .addresses__title {
      font-size: 22px;
      margin: 0px 0px 20px 0px;
   }
}

.addresses__content {
   flex: 1 1 auto;
   max-height: 276px;
   overflow: auto;
   margin-bottom: 20px;
}

@media (max-width: 1800px) {
   .addresses__content {
      max-height: 350px;
   }
}

@media (max-width: 1279.98px) {
   .addresses__content {
      max-height: 150px;
   }
}

.addresses__item {
   margin: 0px 0px 25px 0px;
}

.addresses__col {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
}

.addresses__address {
   font-size: 16px;
   line-height: 18px;
   margin: 0px 0px 12px 0px;
   display: flex;
   justify-content: space-between;
   flex: 0 1 70%;
   align-items: flex-start;
   padding: 0px 20px 0px 0px;
}

.addresses__default {
   color: #fff;
   background-color: #000;
   padding: 3px 10px;
   border-radius: 3px;
   display: inline-block;
   flex: 0 0 149px;
   margin: 0px 0px 10px 0px;
}

.addresses__btns {
   flex: 1 1 100%;
}

.addresses__btn {
   font-size: 14px;
   line-height: 21px;
   color: #525252;
   border-bottom: 1px dashed #000;
}

.addresses__btn:not(:last-child) {
   margin: 0px 19px 0px 0px;
}

.addresses__btn:hover {
   border-bottom: none;
}

.addresses__bottom {
   display: flex;
   height: auto;
   align-items: flex-end;
   justify-content: flex-start;
   width: 100%;
}

.addresses__btn-add {
   max-width: 184px;
   height: 48px;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: all 0.3s ease 0s;
   color: #000;
   background-color: transparent;
   border-radius: 3px;
   border: solid 1px rgba(0, 0, 0, 0.2);
   width: 100%;
}

.addresses__btn-add:hover {
   background-color: rgba(84, 121, 184, 0.16);
}

@media (max-width: 1800px) {
   .addresses__btn-add {
      max-width: 100%;
   }
}

.orders {
   padding-bottom: 38px;
}

@media (max-width: 1439.98px) {
   .orders {
      padding-bottom: 38px;
   }
}

@media (max-width: 1279.98px) {
   .orders {
      padding-bottom: 38px;
   }
}

@media (max-width: 900px) {
   .orders {
      padding: 0;
      padding-bottom: 38px;
   }
}

.orders__header {
   display: flex;
   align-items: center;
   margin: 0px 0px 40px 0px;
}

@media (max-width: 991.98px) {
   .orders__header {
      flex-direction: column;
      align-items: flex-start;
   }
}

@media (max-width: 900px) {
   .orders__header {
      padding: 0px 0px 0px 15px;
   }
}

.orders__title {
   margin: 0px 36px 0px 0px;
   font-size: 30px;
   font-weight: 500;
}

@media (max-width: 991.98px) {
   .orders__title {
      margin: 0px 0px 30px 0px;
   }
}

@media (max-width: 900px) {
   .orders__title {
      font-size: 22px;
   }
}

.orders__select .nice-select {
   border-radius: 20px;
   height: 41px;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   padding-right: 32px;
}

.orders__select .nice-select::after {
   top: 45%;
}

.orders__select .nice-select .list {
   border-radius: 20px;
}

.orders__list {
   margin: 0px 0px 38px 0px;
}

.orders__item:not(:last-child) {
   margin: 0px 0px 40px 0px;
}

.orders .pagging {
   padding: 0;
}

@media (max-width: 900px) {
   .orders .pagging {
      padding: 0px 15px;
   }
}

.order {
   background-color: #f3f6fb;
   padding: 8px;
   padding-top: 25px;
   position: relative;
}

@media (max-width: 900px) {
   .order {
      padding: 8px 15px;
      padding-top: 25px;
   }
}

.order__header {
   display: flex;
   justify-content: space-between;
   margin: 0px 0px 35px 0px;
   align-items: flex-start;
}

@media (max-width: 479.98px) {
   .order__header {
      flex-direction: column;
   }
}

.order__status {
   position: relative;
   padding: 15px 35px;
   left: -16px;
   color: #fff;
   font-size: 16px;
   font-weight: bold;
}

@media (max-width: 900px) {
   .order__status {
      left: 0;
      padding: 0;
   }
}

@media (max-width: 479.98px) {
   .order__status {
      margin: 0px 0px 10px 0px;
   }
}

.order__invoice {
   max-width: 190px;
}

.order__invoice-button {
   margin: 0px 0px 5px 0px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.order__invoice-text {
   font-size: 14px;
}

.order__details {
   padding: 0px 40px;
   display: flex;
}

@media (max-width: 991.98px) {
   .order__details {
      flex-direction: column;
   }
}

@media (max-width: 900px) {
   .order__details {
      padding: 0px;
   }
}

.order__details-col {
   flex: 0 1 50%;
}

.order__details-col:first-child {
   margin: 0px 20px 0px 0px;
}

.order__details-row {
   display: flex;
   font-size: 16px;
   line-height: 18px;
   margin: 0px 0px 30px 0px;
}

@media (max-width: 1279.98px) and (min-width: 991.98px),
(max-width: 479.98px) {
   .order__details-row {
      flex-direction: column;
   }
}

.order__details-name {
   flex: 0 0 180px;
}

@media (max-width: 1279.98px) and (min-width: 991.98px),
(max-width: 479.98px) {
   .order__details-name {
      flex: 1 1 auto;
      margin: 0px 0px 10px 0px;
   }
}

.order__details-content {
   flex: 1 1 auto;
   font-weight: 600;
}

.order__more-btn {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 48px;
   color: #000;
   background-color: rgba(27, 99, 166, 0.1);
}

.order__cards {
   padding: 38px 42px 44px 42px;
   overflow: hidden;
}

@media (max-width: 900px) {
   .order__cards {
      padding: 34px 0px 35px 0px;
   }
}

.order__cards-title {
   font-size: 20px;
   font-weight: 500;
   margin: 0px 0px 35px 0px;
}

.order__card {
   margin: 0px 0px 35px 0px;
}

.order__total {
   font-size: 20px;
   line-height: 20px;
   font-weight: 500;
   padding: 38px 0px 0px 100px;
   display: flex;
   position: relative;
}

@media (max-width: 991.98px) {
   .order__total {
      padding: 38px 0px 0px 0px;
   }
}

@media (max-width: 375px) {
   .order__total {
      font-size: 16px;
   }
}

.order__total::before {
   content: "";
   display: block;
   width: 150%;
   height: 1px;
   position: absolute;
   top: 0;
   left: -50px;
   background-color: #e3e3e3;
}

.order__text {
   margin: 0px 170px 0px 0px;
}

@media (max-width: 991.98px) {
   .order__text {
      margin: 0px 70px 0px 0px;
   }
}

@media (max-width: 479.98px) {
   .order__text {
      margin: 0px 20px 0px 0px;
   }
}

.status__accepted {
   background-color: #d3ad36;
}

@media (max-width: 900px) {
   .status__accepted {
      color: #d3ad36;
      background-color: transparent;
   }
}

.status__paid {
   background-color: #004ea6;
}

@media (max-width: 900px) {
   .status__paid {
      color: #004ea6;
      background-color: transparent;
   }
}

.status__sent {
   background-color: #43b627;
}

@media (max-width: 900px) {
   .status__sent {
      color: #43b627;
      background-color: transparent;
   }
}

.status__completed {
   background-color: #fc0;
}

@media (max-width: 900px) {
   .status__completed {
      color: #fc0;
      background-color: transparent;
   }
}

.status__canceled {
   background-color: #a00;
}

@media (max-width: 900px) {
   .status__canceled {
      color: #a00;
      background-color: transparent;
   }
}

.card-order {
   display: flex;
}

@media (max-width: 900px) {
   .card-order {
      position: relative;
   }
}

.card-order__image {
   flex: 0 0 112px;
   margin: 0px 25px 0px 0px;
}

.card-order__image img {
   max-width: 100%;
}

@media (max-width: 479.98px) {
   .card-order__image {
      flex: 0 0 90px;
   }
}

.card-order__col {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.card-order__name {
   font-size: 18px;
   line-height: 24px;
   color: #007ca1;
   margin: 0px 20px 15px 0px;
}

@media (max-width: 900px) {
   .card-order__name {
      margin: 0px 0px 100px 0px;
   }
}

@media (max-width: 479.98px) {
   .card-order__name {
      margin: 0px 0px 80px 0px;
   }
}

.card-order__size {
   color: #000;
   display: inline-block;
   margin: 0px 0px 15px 0px;
}

@media (max-width: 900px) {
   .card-order__size {
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 0px 0px 32px 0px;
   }
}

.card-order__prices {
   display: flex;
   font-size: 20px;
   line-height: 20px;
   font-weight: 500;
   color: #000;
   flex: 1 1 100%;
}

@media (max-width: 900px) {
   .card-order__prices {
      position: absolute;
      left: 0;
      bottom: 0;
   }
}

@media (max-width: 479.98px) {
   .card-order__prices {
      flex-wrap: wrap;
   }
}

@media (max-width: 375px) {
   .card-order__prices {
      font-size: 18px;
   }
}

.card-order__price {
   margin: 0px 70px 0px 0px;
}

@media (max-width: 991.98px) {
   .card-order__price {
      margin: 0px 20px 0px 0px;
   }
}

.card-order__quantity {
   margin: 0px 70px 0px 0px;
}

@media (max-width: 991.98px) {
   .card-order__quantity {
      margin: 0px 14px 0px 0px;
   }
}

.catalog__header {
   margin: 0px 0px 35px 0px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
}

@media (max-width: 998px) {
   .catalog__header {
      flex-wrap: wrap;
   }
}

.catalog__title {
   margin: 0px;
}

@media (max-width: 900px) {
   .catalog__title {
      margin: 0px 0px 20px 0px;
   }
}

.catalog__sort {
   display: flex;
}

@media (max-width: 900px) {
   .catalog__sort {
      flex-direction: column;
   }
}

.catalog__sort .nice-select {
   border-radius: 20px;
   height: 41px;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   padding-right: 32px;
   min-width: 235px;
}

.catalog__sort .nice-select::after {
   top: 45%;
}

.catalog__select {
   margin: 0px 30px 0px 0px;
}

@media (max-width: 900px) {
   .catalog__select {
      margin: 0px 0px 20px 0px;
   }
}

.catalog__center {
   background-color: #f3f6fb;
   padding: 45px 0px 80px 0px;
}

.catalog__wrapper {
   display: flex;
   gap: 80px;
}

@media (max-width: 1400px) {
   .catalog__wrapper {
      gap: 45px;
   }
}

@media (max-width: 1200px) {
   .catalog__wrapper {
      gap: 30px;
   }
}

@media (max-width: 900px) {
   .catalog__wrapper {
      flex-direction: column;
   }
}

@media (max-width: 350px) {
   .catalog__wrapper {
      padding: 0px 10px;
   }
}

.catalog__sidebar {
   flex: 0 0 292px;
   z-index: 99;
}

@media (max-width: 870px) {
   .catalog__sidebar {
      flex: 1 1 auto;
   }
}

.catalog__body {
   flex: 1 1 auto;
   width: 100%;
}

.catalog__body .pagging {
   padding: 0;
}

.catalog__content {
   margin: 0px 0px 75px 0px;
}

@media (min-width: 1231px) {
   .catalog__content .product {
      padding-top: 25px;
      padding-right: 35px;
      flex-direction: row;
      justify-content: space-between;
      margin: 0px 0px 10px 0px;
   }

   .catalog__content .product__center {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin: 0px 0px 0px 40px;
   }

   .catalog__content .product__col {
      flex: 0 0 18%;
      display: flex;
      flex-direction: column;
      min-width: 181px;
      margin: 0px 0px 0px 30px;
   }

   .catalog__content .product__image {
      flex: 0 1 550px;
      align-self: flex-start;
   }

   .catalog__content .product__article {
      margin: 0px 0px 25px 0px;
   }

   .catalog__content .product__sizes {
      min-width: 270px;
   }

   .catalog__content .product__prices {
      flex-wrap: wrap;
      flex: 1 1 auto;
      align-items: flex-start;
   }

   .catalog__content .product__prices .price__main {
      line-height: 24px;
      font-weight: 600;
      font-size: 25px;
      flex: 1 1 30%;
   }

   .catalog__content .product__prices .price__old {
      line-height: 24px;
      font-weight: 600;
      font-size: 16px;
      width: 100%;
   }

   .catalog__content .product__prices .price__discount {
      line-height: 24px;
      font-size: 16px;
   }

   .catalog__content .product__buttons {
      flex: 1 1 auto;
   }

   .catalog__content .product__button {
      margin: 0;
   }

   .catalog__content .product__button-item {
      flex: 1 1 100%;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
   }

   .catalog__content .product__button-item svg {
      margin: 0px 10px 0px 0px;
   }
}

@media (max-width: 1230px) {
   .catalog__content {
      display: flex;
      flex-wrap: wrap;
   }

   .catalog__content .product {
      margin: 0 auto 15px;
      box-shadow: -1px -1px 4px 0px #0000001A;
      border-radius: 10px;
   }
}

@media (max-width: 1439.98px) and (min-width: 1230px) {
   .catalog__content .product__name {
      flex: 0 1 auto;
   }
}

.catalog__content .product__sizes {
   min-width: 270px;
}

@media (max-width: 1439.98px) and (min-width: 1231px) {
   .catalog__content .product__sizes {
      position: absolute;
      left: 30px;
      bottom: 0;
   }
}
@media (max-width: 1439.98px) {
   .catalog__content .product__sizes {
      margin-bottom: 10px;
   }
}
.category-side__title,
.spoller-title {
   font-size: 17px;
   font-weight: 500;
   color: #000;
   margin: 0px 0px 25px 0px;
}

.category-side__list {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.category-side__item {
   color: #5479b8;
   font-size: 20px;
   font-weight: 500;
   cursor: pointer;
   padding: 14px 33px;
   transform: translate(-33px, 0px);
   transition: all 0.3s ease 0s;
   border: solid 1px transparent;
}

.category-side__item._active {
   border-radius: 35.5px;
   border: solid 1px #93a6c5;
}

.category-side__item:hover {
   border-radius: 35.5px;
   border: solid 1px #93a6c5;
}

.jobs__header {
   display: flex;
   align-items: flex-start;
   margin: 30px 0px 60px 0px;
}

@media (max-width: 991.98px) {
   .jobs__header {
      flex-direction: column;
   }
}

@media (max-width: 900px) {
   .jobs__header {
      margin: 30px 0px 30px 0px;
   }
}

.jobs__title {
   margin: 0px 63px 0px 0px;
}

@media (max-width: 991.98px) {
   .jobs__title {
      margin: 0px 0px 30px 0px;
   }
}

.jobs__text {
   margin: 0px 0px 30px 0px;
   font-size: 16px;
   line-height: 24px;
}

.jobs__text_link {
   color: #5479b8;
}

@media (max-width: 900px) {
   .jobs__text {
      margin: 0px 0px 15px 0px;
   }
}

.jobs__item {
   margin: 0px 0px 30px 0px;
}

.jobs__form {
   display: flex;
   flex-wrap: wrap;
   margin: 0px 0px 60px 0px;
}

@media (max-width: 900px) {
   .jobs__form {
      margin: 0px 0px 30px 0px;
   }
}

.jobs__form-col {
   flex: 0 1 33.333%;
}

@media (max-width: 1600px) {
   .jobs__form-col {
      flex: 0 1 50%;
   }
}

@media (max-width: 991.98px) {
   .jobs__form-col {
      flex: 1 1 100%;
   }
}

.jobs__form-col .form {
   margin: 0;
   max-width: 478px;
}

@media (max-width: 991.98px) {
   .jobs__form-col .form {
      max-width: 100%;
   }
}

.jobs__form-col .form__checkbox {
   margin: 25px 0px 0px 0px;
}

.jobs__form-col .form .input__file {
   opacity: 0;
   visibility: hidden;
   position: absolute;
   cursor: pointer;
}

.jobs__form-col .form .input__file-button {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.jobs__form-col .form .input__file-icon {
   width: 16px;
   height: 20px;
   margin: 0px 10px 0px 0px;
}

.jobs__form-title {
   font-size: 20px;
   font-weight: 500;
   margin: 0px 0px 35px 0px;
}

@media (max-width: 991.98px) {
   .jobs__form-title {
      margin: 0px 0px 20px 0px;
   }
}

.jobs__form-desc {
   font-size: 16px;
   max-width: 350px;
   line-height: 24px;
}

@media (max-width: 991.98px) {
   .jobs__form-desc {
      margin: 0px 0px 25px 0px;
      max-width: 100%;
   }
}

.vacancy {
   background-color: #f3f6fb;
   padding: 45px 80px 68px 80px;
}

@media (max-width: 900px) {
   .vacancy {
      padding: 15px;
   }
}

.vacancy__title {
   font-size: 30px;
   font-weight: 500;
   margin: 0px 0px 35px 0px;
}

@media (max-width: 479.98px) {
   .vacancy__title {
      font-size: 25px;
      margin: 0px 0px 10px 0px;
   }
}

.vacancy__desc {
   font-size: 16px;
   line-height: 24px;
   margin: 0px 0px 30px 0px;
}

@media (max-width: 479.98px) {
   .vacancy__desc {
      font-size: 14px;
      line-height: 1.5;
      margin: 0px 0px 20px 0px;
   }
}

.vacancy__row {
   display: flex;
}

.vacancy__row:not(:last-child) {
   margin: 0px 0px 30px 0px;
}

@media (max-width: 900px) {
   .vacancy__row:not(:last-child) {
      margin: 0px 0px 20px 0px;
   }
}

@media (max-width: 991.98px) {
   .vacancy__row {
      flex-direction: column;
   }
}

.vacancy__name {
   flex: 0 0 260px;
   font-size: 16px;
   line-height: 24px;
   font-weight: 600;
}

@media (max-width: 991.98px) {
   .vacancy__name {
      flex: 1 1 auto;
      margin: 0px 0px 10px 0px;
   }
}

.vacancy__text {
   font-size: 16px;
   line-height: 24px;
   flex: 1 1 auto;
}

@media (max-width: 479.98px) {
   .vacancy__text {
      font-size: 14px;
      line-height: 1.5;
   }
}



.news .pagging {
   padding: 0;
}

@media (max-width: 900px) {
   .news .pagging {
      padding: 0px 15px;
   }
}

.news__header {
   display: flex;
   flex-direction: column;
}

@media (max-width: 900px) {
   .news__header {
      padding: 0px 15px;
   }
}

.news__title {
   margin: 0px 0px 15px 0px;
}

.news__sort .nice-select {
   border-radius: 20px;
   height: 41px;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   padding-right: 32px;
   min-width: 235px;
}

.news__sort .nice-select::after {
   top: 45%;
}

.news__sort .nice-select .list {
   min-width: 235px;
}

.news__block {
   margin: 0px 0px 30px 0px;
}

.news__first-news {
   margin: 0px 0px 35px 0px;
   display: flex;
}

@media (max-width: 900px) {
   .news__first-news {
      flex-direction: column;
   }
}

.news__first-news:hover .news__image img {
   transform: scale(1.05);
}

.news__first-news .news__image {
   background-color: #f3f6fb;
   flex: 0 1 44%;
   max-height: 395px;
}

.news__image {
   overflow: hidden;
   max-height: 175px;
}

.news__image img {
   transition: all 0.3s ease 0s;
   width: 100%;
   object-fit: cover;
   height: 100%;
   min-height: 175px;
}

.news__content {
   padding: 20px;
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
}

@media (max-width: 900px) {
   .news__content {
      padding: 43px 15px 43px 15px;
   }
}

.news__name {
   color: #007ca1;
   font-size: 14px;
   font-weight: 500;
   flex: 1 1 auto;
   transition: all 0.3s ease 0s;
}

.news__name:hover {
   color: #a00;
}

.news__date {
   color: #696969;
   font-size: 12px;
   line-height: 1.5;
   margin-bottom: 10px;
}

.news__row {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
}

.news__post {
   display: flex;
   flex-direction: column;
   position: relative;
   box-shadow: 0px 1px 4px 0px #00000040;
   width: calc(33.33333% - 15px);
   border-radius: 5px;
   overflow: hidden;
}

.news__post .about-video__btn {
   top: 30%;
}

.news__image:hover .about-video__btn {
   background-color: rgba(115, 133, 159, 0.5);
}

.news__post:hover .news__image img {
   transform: scale(1.05);
}

@media (max-width: 1439.98px) {
   .news__post {
      flex: 0 1 calc(50% - 15px);
   }
}

@media (max-width: 991.98px) {
   .news__post {
      flex: 1 1 100%;
      margin: 0px 0px 0px 0px;
   }

   .news__post:not(:last-child) {
      margin: 0px 0px 30px 0px;
   }
}

.news-item {
   margin: 15px 0px 0px 0px;
}

.news-item__title {
   margin: 0px 0px 60px 0px;
}

.news-item__top {
   display: flex;
   margin: 0px 0px 70px 0px;
}

@media (max-width: 1439.98px) {
   .news-item__top {
      flex-direction: column;
      padding: 0px 125px 0px 116px;
   }
}

@media (max-width: 991.98px) {
   .news-item__top {
      padding: 0;
   }
}

@media (max-width: 900px) {
   .news-item__top {
      margin: 0px 0px 34px 0px;
   }
}

.news-item__image {
   flex: 0 1 42%;
   min-height: 400px;
}

.news-item__image img {
   object-fit: scale-down;
}

@media (max-width: 1439.98px) {
   .news-item__image {
      margin: 0px 0px 60px 0px;
      flex: 0 0 492px;
   }
}

@media (max-width: 900px) {
   .news-item__image {
      margin: 0px 0px 25px 0px;
      flex: 0 0 230px;
      min-height: auto;
   }
}

.news-item__col {
   flex: 1 1 auto;
   padding: 0px 0px 90px 112px;
}

@media (max-width: 1439.98px) {
   .news-item__col {
      padding: 0;
   }
}

.news-item__date {
   color: #696969;
   font-size: 16px;
   line-height: 24px;
   margin: 0px 0px 43px 0px;
}

@media (max-width: 900px) {
   .news-item__date {
      margin: 0px 0px 25px 0px;
   }
}

.news-item__text {
   font-size: 16px;
   line-height: 24px;
   max-width: 590px;
}

@media (max-width: 1439.98px) {
   .news-item__text {
      max-width: 795px;
   }
}

.news-item__photos,
.news-item__videos {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.news-item__videos video {
   width: 100% !important;
}

@media (max-width: 1439.98px) {
   .news-item__photos {
      padding: 0px 125px 0px 116px;
   }
}

@media (max-width: 991.98px) {
   .news-item__photos {
      padding: 0;
   }
}

.news-item__img {
   flex: 0 1 15.7%;
   margin: 0px 40px 30px 0px;
   max-height: 141px;
}

@media (max-width: 1439.98px) {
   .news-item__img {
      flex: 0 1 25%;
   }
}

@media (max-width: 900px) {
   .news-item__img {
      flex: 0 1 47%;
      margin: 0px 8px 8px 0px;
   }
}

.news-item__img img {
   width: 100%;
   object-fit: cover;
   height: 100%;
}

.article-item {
   margin: 15px 0px 50px 0px;
}

.article-item__title {
   margin: 0px 0px 60px 0px;
   overflow-wrap: break-word;
}

.article-item__top {
   display: flex;
   margin: 0px 0px 70px 0px;
}

@media (max-width: 1439.98px) {
   .article-item__top {
      flex-direction: column;
      padding: 0px 125px 0px 116px;
   }
}

@media (max-width: 991.98px) {
   .article-item__top {
      padding: 0;
   }
}

@media (max-width: 900px) {
   .article-item__top {
      margin: 0px 0px 34px 0px;
   }
}

.article-item__image {
   flex: 0 1 42%;
   max-height: 500px;
}

@media (max-width: 1439.98px) {
   .article-item__image {
      margin: 0px 0px 60px 0px;
      flex: 0 0 492px;
   }
}

@media (max-width: 900px) {
   .article-item__image {
      margin: 0px 0px 25px 0px;
      flex: 0 0 230px;
   }
}

.article-item__col {
   flex: 1 1 auto;
   padding: 0px 0px 90px 112px;
}

@media (max-width: 1439.98px) {
   .article-item__col {
      padding: 0;
   }
}

.article-item__date {
   color: #696969;
   font-size: 16px;
   line-height: 24px;
   margin: 0px 0px 43px 0px;
}

@media (max-width: 900px) {
   .article-item__date {
      margin: 0px 0px 25px 0px;
   }
}

.article-item__text {
   font-size: 16px;
   line-height: 24px;
   max-width: 590px;
}

@media (max-width: 1439.98px) {
   .article-item__text {
      max-width: 795px;
   }
}

.article-item__photos {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

@media (max-width: 1439.98px) {
   .article-item__photos {
      padding: 0px 125px 0px 116px;
   }
}

@media (max-width: 991.98px) {
   .article-item__photos {
      padding: 0;
   }
}

.article-item__img {
   flex: 0 1 15.7%;
   margin: 0px 40px 30px 0px;
   max-height: 141px;
}

@media (max-width: 1439.98px) {
   .article-item__img {
      flex: 0 1 25%;
   }
}

@media (max-width: 900px) {
   .article-item__img {
      flex: 0 1 47%;
      margin: 0px 8px 8px 0px;
   }
}

.article-item__img img {
   width: 100%;
   object-fit: cover;
   height: 100%;
}

@media (max-width: 900px) {
   .read-more {
      padding: 0;
   }
}

.read-more__title {
   font-size: 30px;
   font-weight: 500;
   margin: 0px 0px 60px 0px;
}

@media (max-width: 900px) {
   .read-more__title {
      padding: 0px 0px 0px 15px;
   }
}

.read-more__row {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
}

.read-more__post {
   display: flex;
   flex-direction: column;
   position: relative;
   box-shadow: 0px 1px 4px 0px #00000040;
   width: calc(33.33333% - 15px);
   border-radius: 5px;
   overflow: hidden;
}

@media (max-width: 1439.98px) {
   .read-more__post {
      flex: 0 1 50%;
   }
}

@media (max-width: 991.98px) {
   .read-more__post {
      flex: 1 1 100%;
   }
}

.read-more__post:hover .read-more__name {
   color: #a00;
}

.read-more__post:hover .read-more__image img {
   transform: scale(1.05);
}

.read-more__image {
   overflow: hidden;
   max-height: 175px;
}

.read-more__image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.3s ease 0s;
   min-height: 175px;
}

.read-more__content {
   padding: 20px;
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
}

@media (max-width: 900px) {
   .read-more__content {
      padding: 43px 15px;
   }
}

.read-more__name {
   color: #007ca1;
   margin: 0px 0px 20px 0px;
   font-weight: 500;
   overflow-wrap: anywhere;
   transition: all 0.3s ease 0s;
   font-size: 14px;
   flex: 1 1 auto;
   overflow-wrap: anywhere;
}

.read-more__text {
   flex: 1 1 auto;
   font-size: 16px;
   line-height: 1.5;
   margin: 0px 0px 15px 0px;
   color: #000;
}

.read-more__date {
   font-size: 16px;
   line-height: 1.5;
   color: #696969;
}

.articles {
   padding-bottom: 90px;
}

@media (max-width: 1439.98px) {
   .articles {
      padding-bottom: 90px;
   }
}

@media (max-width: 1279.98px) {
   .articles {
      padding-bottom: 90px;
   }
}

@media (max-width: 900px) {
   .articles {
      padding: 0;
      padding-bottom: 50px;
   }
}

.articles .pagging {
   padding: 0;
}

@media (max-width: 900px) {
   .articles .pagging {
      padding: 0px 15px;
   }
}

.articles__header {
   margin: 0px 0px 35px 0px;
   display: flex;
   flex-direction: column;
}

@media (max-width: 900px) {
   .articles__header {
      padding: 0px 15px;
   }
}

.articles__title {
   margin: 0px 0px 35px 0px;
}

.articles__sort .nice-select {
   border-radius: 20px;
   height: 41px;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   padding-right: 32px;
   min-width: 235px;
}

.articles__sort .nice-select::after {
   top: 45%;
}

.articles__block {
   margin: 0px 0px 30px 0px;
}

@media (max-width: 900px) {
   .articles__block {
      margin: 0px 0px 50px 0px;
   }
}

.articles__first-articles {
   margin: 0px 0px 35px 0px;
   display: flex;
}

@media (max-width: 900px) {
   .articles__first-articles {
      flex-direction: column;
   }
}

.articles__first-articles:hover .articles__image img {
   transform: scale(1.05);
}

.articles__first-articles .articles__image {
   background-color: #f3f6fb;
   flex: 0 0 44%;
   max-height: 395px;
}

.articles__first-articles .articles__name {
   min-height: auto;
   margin: 0px 0px 24px 0px;
}

.articles__image {
   overflow: hidden;
   max-height: 175px;
}

.articles__image img {
   transition: all 0.3s ease 0s;
   width: 100%;
   object-fit: cover;
   height: 100%;
   min-height: 175px;
}

.articles__content {
   padding: 20px;
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
}

@media (max-width: 900px) {
}

.articles__name {
   color: #007ca1;
   font-size: 14px;
   font-weight: 500;
   flex: 1 1 auto;
   transition: all 0.3s ease 0s;
   overflow-wrap: anywhere;
}

.articles__name:hover {
   color: #a00;
}

.articles__text {
   color: #000;
   flex: 1 1 auto;
   font-size: 16px;
   line-height: 24px;
   margin: 0px 0px 16px 0px;
}

.articles__date {
   color: #696969;
   font-size: 12px;
   line-height: 1.5;
   margin-bottom: 10px;
}

.articles__row {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
}

.articles__post {
   display: flex;
   flex-direction: column;
   position: relative;
   box-shadow: 0px 1px 4px 0px #00000040;
   width: calc(33.33333% - 15px);
   border-radius: 5px;
   overflow: hidden;
}

.articles__post:hover .articles__image img {
   transform: scale(1.05);
}

@media (max-width: 1439.98px) {
   .articles__post {
      flex: 0 1 calc(50% - 15px);
   }
}

@media (max-width: 991.98px) {
   .articles__post {
      flex: 1 1 100%;
      margin: 0px 0px 0px 0px;
   }

   .articles__post:not(:last-child) {
      margin: 0px 0px 30px 0px;
   }
}

.how-ord__title {
   margin: 0px 0px 60px 0px;
}

@media (max-width: 900px) {
   .how-ord__title {
      margin: 0px 0px 30px 0px;
   }
}

.how-ord__block {
   margin: 0px 0px 175px 0px;
}

@media (max-width: 900px) {
   .how-ord__block {
      margin: 0px 0px 60px 0px;
   }
}

.how-ord__row {
   display: flex;
   margin: 0px 0px 36px 0px;
}

@media (max-width: 1279.98px) {
   .how-ord__row {
      flex-direction: column;
      margin: 0px 0px 46px 0px;
   }
}

.how-ord__image {
   flex: 0 1 50%;
}

.how-ord__image img {
   max-width: 100%;
}

@media (max-width: 1279.98px) {
   .how-ord__image {
      margin: 0px 0px 35px 0px;
   }
}

@media (max-width: 900px) {
   .how-ord__image {
      margin: 0px 0px 15px 0px;
   }
}

.how-ord__col {
   flex: 0 1 50%;
   display: flex;
   flex-direction: column;
   margin: 0px 0px 0px 80px;
}

@media (max-width: 1279.98px) {
   .how-ord__col {
      margin: 0;
   }
}

.how-ord__subtitle {
   font-size: 30px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #000;
   margin: 0px 0px 22px 0px;
}

@media (max-width: 900px) {
   .how-ord__subtitle {
      font-size: 25px;
   }
}

.how-ord__text {
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.33;
   letter-spacing: normal;
   color: #000;
}

@media (max-width: 900px) {
   .how-ord__text {
      font-size: 16px;
   }
}


.contacts__title {
   margin: 0px 0px 55px 0px;
}

@media (max-width: 900px) {
   .contacts__title {
      margin: 0px 0px 16px 0px;
      padding: 0px 0px 0px 15px;
   }
}

.contacts__top {
   display: flex;
   margin: 0px 0px 50px 0px;
}

@media (max-width: 1650px) {
   .contacts__top {
      flex-direction: column;
   }
}

@media (max-width: 900px) {
   .contacts__top {
      margin: 0px 0px 10px 0px;
   }
}

.contacts__top .contacts__col:first-child {
   margin: 0px 13px 0px 0px;
   background-color: #455e89;
   color: #fff;
}

.contacts__top .contacts__col:first-child .contacts__text {
   color: #fff;
}

.contacts__text {
   color: #000;
}

@media (max-width: 1650px) and (min-width: 1100px) {
   .contacts__top .contacts__col:first-child {
      margin: 0px 0px 40px 0px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }

   .contacts__top .contacts__col:first-child .contacts__row {
      flex: 0 1 48%;
   }
}

@media (max-width: 1100px) {
   .contacts__top .contacts__col:first-child {
      margin: 0px 0px 40px 0px;
   }
}

@media (max-width: 900px) {
   .contacts__top .contacts__col:first-child {
      margin: 0px 0px 10px 0px;
   }

   .contacts__top .contacts__col:first-child .contacts__row {
      flex-direction: column;
   }

   .contacts__top .contacts__col:first-child .contacts__row .contacts__name {
      flex: 1 1 auto;
      margin: 0px 0px 5px 0px;
   }
}

.contacts__top .contacts__col:first-child .contacts__link {
   color: #fff;
}

.contacts__top .contacts__col:first-child .contacts__name {
   flex: 0 0 135px;
   margin: 0px 25px 0px 0px;
}

.contacts__top .contacts__col:last-child {
   display: flex;
}

@media (max-width: 900px) {
   .contacts__top .contacts__col:last-child {
      flex-direction: column;
   }
}

.contacts__top .contacts__col:last-child .contacts__col-inner {
   flex: 0 1 50%;
}

.contacts__top .contacts__col:last-child .contacts__row {
   flex-direction: column;
}

.contacts__top .contacts__col:last-child .contacts__row .contacts__name {
   margin: 0px 0px 10px 0px;
}

.contacts__col {
   padding: 42px 25px 40px 70px;
   background-color: #e5e9f0;
}

@media (min-width: 1650.98px) {
   .contacts__col[data-spollers] {
      flex: 0 1 86%;
   }
}

@media (max-width: 900px) {
   .contacts__col {
      padding: 30px 15px;
   }
}

.contacts__subtitle {
   font-size: 20px;
   font-weight: 500;
   margin: 0px 0px 38px 0px;
   line-height: normal;
}

.contacts__subtitle_small {
   font-weight: 400;
   font-size: 7px;
}

.contacts__subtitle[data-spoller] {
   display: flex;
   align-items: center;
   width: 100%;
   cursor: pointer;
}

.contacts__subtitle[data-spoller]._active::after {
   transform: rotate(-180deg);
}

.contacts__subtitle[data-spoller]::after {
   transition: transform 0.3s ease 0s;
   content: "";
   width: 24px;
   height: 24px;
   display: inline-block;
   margin-left: 20px;
   background: url(../img/svg/Arrow-Bottom.svg) center center/contain no-repeat;
   display: none;
}

@media (max-width: 900px) {
   .contacts__col-inner:first-child {
      margin-bottom: 40px;
   }

   .contacts__subtitle {
      margin: 0px 0px 25px 0px;
   }
}

.contacts__row {
   display: flex;
}

.contacts__row:not(:last-child) {
   margin: 0px 0px 25px 0px;
}

.contacts__name {
   font-size: 16px;
   line-height: 18px;
}

.contacts__text {
   font-size: 16px;
   line-height: 18px;
   font-weight: 600;
   flex: 1 1 auto;
}

.contacts__link {
   font-size: 16px;
   line-height: 18px;
   font-weight: 600;
}

.contacts__center {
   display: flex;
   margin: 0px 0px 83px 0px;
}

@media (max-width: 991.98px) {
   .contacts__center {
      flex-direction: column;
   }
}

@media (max-width: 900px) {
   .contacts__center {
      margin: 0px 0px 55px 0px;
   }
}

.contacts__center .contacts__col:first-child {
   flex: 0 0 48%;
   margin-right: 14px;
}

.contacts__center .contacts__col:first-child .contacts__name {
   flex: 0 0 110px;
   margin: 0px 50px 0px 0px;
}

@media (max-width: 1279.98px) {
   .contacts__center .contacts__col:first-child .contacts__row {
      flex-direction: column;
   }

   .contacts__center .contacts__col:first-child .contacts__name {
      flex: 1 1 auto;
      margin: 0px 0px 5px 0px;
   }
}

@media (max-width: 991.98px) {
   .contacts__center .contacts__col:first-child {
      margin: 0px 0px 10px 0px;
   }

   .contacts__center .contacts__col:first-child .contacts__row {
      flex-direction: row;
   }
}

@media (max-width: 479.98px) {
   .contacts__center .contacts__col:first-child .contacts__row {
      flex-direction: column;
   }
}

.contacts__center .contacts__col:last-child {
   display: flex;
   flex: 1 1 auto;
   padding: 0;
   background-color: transparent;
}

@media (max-width: 1279.98px) {
   .contacts__center .contacts__col:last-child {
      flex-direction: column;
   }

   .contacts__center .contacts__col:last-child .contacts__image {
      width: 156px;
      margin: 0px auto;
      display: block;
   }
}

@media (max-width: 900px) {
   .contacts__center .contacts__col:last-child .contacts__image {
      width: 100%;
   }
}

.contacts__center .contacts__col:last-child .contacts__col-inner {
   flex: 0 1 50%;
   padding: 43px 16px 16px 16px;
   background-color: #e5e9f0;
}

@media (max-width: 991.98px) {
   .contacts__center .contacts__col:last-child .contacts__col-inner {
      padding: 24px 15px 15px 15px;
   }
}

.contacts__center .contacts__col:last-child .contacts__col-inner:not(:last-child) {
   margin: 0px 14px 0px 0px;
}

@media (max-width: 1279.98px) {
   .contacts__center .contacts__col:last-child .contacts__col-inner:not(:last-child) {
      margin: 0px 0px 13px 0px;
   }
}

.contacts__center .contacts__col:last-child .contacts__col-inner .contacts__subtitle {
   padding-left: 24px;
}

@media (max-width: 991.98px) {
   .contacts__center .contacts__col:last-child .contacts__col-inner .contacts__subtitle {
      padding-left: 0;
      text-align: center;
      margin: 0px 0px 20px 0px;
   }
}

.contacts__image img {
   max-width: 100%;
}

.contacts__map {
   height: 400px;
   margin: 0px 0px 83px 0px;
}

@media (max-width: 991.98px) {
   .contacts__map {
      margin: 0px 0px 40px 0px;
   }
}

.contacts__form {
   display: flex;
   flex-wrap: wrap;
   margin: 0px 0px 60px 0px;
}

@media (max-width: 900px) {
   .contacts__form {
      margin: 0px 0px 30px 0px;
      padding: 0px 15px;
   }
}

.contacts__form-col {
   flex: 0 1 33.333%;
}

@media (max-width: 1600px) {
   .contacts__form-col {
      flex: 0 1 50%;
   }
}

@media (max-width: 991.98px) {
   .contacts__form-col {
      flex: 1 1 100%;
   }
}

.contacts__form-col .form {
   margin: 0;
   max-width: 478px;
}

@media (max-width: 991.98px) {
   .contacts__form-col .form {
      max-width: 100%;
   }
}

.contacts__form-col .form__checkbox {
   margin: 25px 0px 0px 0px;
}

.contacts__form-col .form .input__file {
   opacity: 0;
   visibility: hidden;
   position: absolute;
}

.contacts__form-col .form .input__file-button {
   display: flex;
   align-items: center;
}

.contacts__form-col .form .input__file-icon {
   width: 16px;
   height: 20px;
   margin: 0px 10px 0px 0px;
}

.contacts__form-title {
   font-size: 20px;
   font-weight: 500;
   margin: 0px 0px 35px 0px;
}

@media (max-width: 991.98px) {
   .contacts__form-title {
      margin: 0px 0px 20px 0px;
   }
}

.contacts__form-desc {
   font-size: 16px;
   max-width: 350px;
   line-height: 24px;
}

@media (max-width: 991.98px) {
   .contacts__form-desc {
      margin: 0px 0px 25px 0px;
      max-width: 100%;
   }
}

.work-hours__row {
   display: flex;
   margin: 0px 0px 30px 0px;
}

.work-hours__day {
   flex: 0 0 60px;
   margin: 0px 30px 0px 0px;
}

.delivery__title {
   margin: 15px 0px 60px 0px;
}

.delivery__row {
   display: flex;
   margin: 0px 0px 30px 0px;
}

.delivery__row:last-child {
   margin: 0px 0px 80px 0px;
}

@media (max-width: 991.98px) {
   .delivery__row {
      flex-direction: column;
   }
}

.delivery__name {
   flex: 0 0 330px;
   margin: 0px 64px 0px 0px;
   font-size: 20px;
   font-weight: 500;
}

@media (max-width: 1279.98px) {
   .delivery__name {
      flex: 0 0 220px;
   }
}

@media (max-width: 991.98px) {
   .delivery__name {
      flex: 1 1 auto;
      margin: 0px 0px 10px 0px;
   }
}

.delivery__text {
   flex: 1 1 auto;
   font-size: 16px;
   line-height: 24px;
}

.delivery__text .left {
   clip-path: inset(0 66.6% 0 0);
   display: flex;
   overflow: hidden;
   width: 50%;
}

.delivery__text .center {
   clip-path: inset(0 33.3% 0 33.3%);
   width: 50%;
   margin-left: -10%
}

.delivery__text .right {
   clip-path: inset(0 0 0 66.6%);
   width: 50%;
   margin-left: -32%;
}
.delivery__text img {
   width: 100%;
}

.delivery__lead {
   margin: 0px 0px 30px 0px;
}

@media (max-width: 900px) {
   .delivery__lead {
      margin: 0px 0px 10px 0px;
   }
}

.delivery__list {
   margin: 0px 0px 30px 0px;
   counter-reset: myCounter;
   list-style: none;
}

@media (max-width: 900px) {
   .delivery__list {
      margin: 0px 0px 10px 0px;
   }
}

.delivery__item {
   margin: 0px 0px 5px 0px;
}

.delivery__item::before {
   content: counter(myCounter) ") ";
   counter-increment: myCounter;
}

@media (max-width: 479.98px) {
   .delivery__item {
      margin: 0px 0px 10px 0px;
   }

   .delivery__item .delivery__link {
      display: block;
   }
}

.delivery__link {
   font-size: 16px;
   line-height: 24px;
   color: #007ca1;
   transition: all 0.3s ease 0s;
}

.delivery__link:hover {
   color: #a00;
}

.delivery__subtitle {
   margin: 0px 0px 50px 0px;
   font-size: 30px;
   font-weight: 500;
   padding: 20px 0px 0px 0px;
}

@media (max-width: 900px) {
   .delivery__subtitle {
      margin: 0px 0px 30px 0px;
   }
}

.favorites__header {
   margin: 0px 0px 36px 0px;
}

.favorites__subtitle {
   font-size: 30px;
   margin: 0px 0px 20px 0px;
}

.favorites__title {
   margin: 16px 0px 36px 0px;
}

.favorites__sort {
   display: flex;
}

@media (max-width: 900px) {
   .favorites__sort {
      flex-direction: column;
   }
}

.favorites__select {
   margin: 0px 30px 0px 0px;
   border-radius: 20px;
   height: 41px;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   padding-right: 32px;
   min-width: 235px;
}

.favorites__select::after {
   top: 46%;
}

@media (max-width: 900px) {
   .favorites__select {
      margin: 0px 0px 15px 0px;
   }

   .favorites__select:last-child {
      margin: 0;
   }
}

.favorites__center {
   background-color: #f3f6fb;
   padding: 44px 0px 65px 0px;
}

.favorites__list {
   margin: 0px 0px 50px 0px;
}

@media (min-width: 1231px) {
   .favorites__list .product {
      padding-top: 25px;
      padding-right: 65px;
      flex-direction: row;
      justify-content: space-between;
      margin: 0px 0px 10px 0px;
   }

   .favorites__list .product__center {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin: 0px 0px 0px 40px;
   }

   .favorites__list .product__col {
      flex: 0 0 18%;
      display: flex;
      flex-direction: column;
      min-width: 181px;
      margin: 0px 0px 0px 30px;
   }

   .favorites__list .product__image {
      flex: 0 1 271px;
      align-self: flex-start;
   }

   .favorites__list .product__article {
      margin: 0px 0px 25px 0px;
   }

   .favorites__list .product__sizes {
      min-width: 270px;
   }

   .favorites__list .product__prices {
      flex-wrap: wrap;
      flex: 1 1 auto;
      align-items: flex-start;
   }

   .favorites__list .product__prices .price__main {
      line-height: 24px;
      font-weight: 600;
      flex: 1 1 100%;
   }

   .favorites__list .product__prices .price__old {
      line-height: 24px;
      font-weight: 600;
      font-size: 16px;
   }

   .favorites__list .product__prices .price__discount {
      line-height: 24px;
      font-size: 16px;
   }

   .favorites__list .product__buttons {
      flex: 1 1 auto;
   }

   .favorites__list .product__button {
      margin: 0;
   }

   .favorites__list .product__button-item {
      flex: 1 1 100%;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
   }

   .favorites__list .product__button-item svg {
      margin: 0px 10px 0px 0px;
   }
}

@media (max-width: 1230px) {
   .favorites__list {
      display: flex;
      flex-wrap: wrap;
   }

   .favorites__list .product {
      max-width: 420px;
      margin: 0 auto 10px;
   }
}

@media (max-width: 1439.98px) and (min-width: 1230px) {
   .favorites__list .product__name {
      flex: 0 1 auto;
   }
}

.favorites__list .product__sizes {
   min-width: 270px;
}

@media (max-width: 1439.98px) and (min-width: 1231px) {
   .favorites__list .product__sizes {
      position: absolute;
      left: 30px;
      bottom: 0;
   }
}

.favorites__list .product__button-item:last-child {
   color: #db5959;
}

.favorites .pagging__item {
   background-color: #fff;
}

.favorites .pagging__item:hover {
   background-color: #3d4a62;
}

.favorites .pagging__item._active {
   color: #fff;
   background-color: #3d4a62;
}

.favorites .pagging__arrow {
   background-color: #fff;
}

.favorites .pagging__arrow:hover {
   background-color: #3d4a62;
}

.result {
   overflow: hidden;
}

.result__header {
   margin: 0px 0px 36px 0px;
}

.result__title {
   margin: 16px 0px 10px 0px;
}

.result__sort {
   display: flex;
}

@media (max-width: 900px) {
   .result__sort {
      flex-direction: column;
   }
}

.result__select {
   margin: 0px 30px 0px 0px;
   border-radius: 20px;
   height: 41px;
   font-size: 16px;
   line-height: 24px;
   display: flex;
   align-items: center;
   padding-right: 32px;
   min-width: 235px;
}

.result__select:after {
   top: 45%;
}

@media (max-width: 900px) {
   .result__select {
      margin: 0px 0px 15px 0px;
   }

   .result__select:last-child {
      margin: 0;
   }
}

.result__center {
   background-color: #f3f6fb;
   padding: 44px 0px 65px 0px;
}

.result__list {
   margin: 0px 0px 50px 0px;
}

@media (min-width: 1231px) {
   .result__list .product {
      padding-top: 25px;
      padding-right: 65px;
      flex-direction: row;
      justify-content: space-between;
      margin: 0px 0px 10px 0px;
   }

   .result__list .product__center {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin: 0px 0px 0px 40px;
   }

   .result__list .product__col {
      flex: 0 0 18%;
      display: flex;
      flex-direction: column;
      min-width: 181px;
      margin: 0px 0px 0px 30px;
   }

   .result__list .product__image {
      flex: 0 1 271px;
      align-self: flex-start;
   }

   .result__list .product__article {
      margin: 0px 0px 25px 0px;
   }

   .result__list .product__sizes {
      min-width: 270px;
   }

   .result__list .product__prices {
      flex-wrap: wrap;
      flex: 1 1 auto;
      align-items: flex-start;
   }

   .result__list .product__prices .price__main {
      line-height: 24px;
      font-weight: 600;
      flex: 1 1 100%;
   }

   .result__list .product__prices .price__old {
      line-height: 24px;
      font-weight: 600;
      font-size: 16px;
   }

   .result__list .product__prices .price__discount {
      line-height: 24px;
      font-size: 16px;
   }

   .result__list .product__buttons {
      flex: 1 1 auto;
   }

   .result__list .product__button {
      margin: 0;
   }

   .result__list .product__button-item {
      flex: 1 1 100%;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
   }

   .result__list .product__button-item svg {
      margin: 0px 10px 0px 0px;
   }
}

@media (max-width: 1230px) {

   /* 	.result__list {
		display: flex;
		flex-wrap: wrap;
	} */
   .result__list .product {
      max-width: 420px;
      margin: 0 auto 10px;
   }
}

@media (max-width: 1439.98px) and (min-width: 1230px) {
   .result__list .product__name {
      flex: 0 1 auto;
   }
}

.result__list .product__sizes {
   min-width: 270px;
}

@media (max-width: 1439.98px) and (min-width: 1231px) {
   .result__list .product__sizes {
      position: absolute;
      left: 30px;
      bottom: 0;
   }
}

.result .result__cards {
   padding-top: 50px;
   padding-bottom: 75px;
   background-color: #f3f6fb;
}

@media (min-width: 1231px) {
   .result .result__cards .product {
      padding-top: 25px;
      padding-right: 65px;
      flex-direction: row;
      justify-content: space-between;
      margin: 0px 0px 10px 0px;
   }

   .result .result__cards .product__center {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin: 0px 0px 0px 40px;
   }

   .result .result__cards .product__col {
      flex: 0 0 18%;
      display: flex;
      flex-direction: column;
      min-width: 181px;
      margin: 0px 0px 0px 30px;
   }

   .result .result__cards .product__image {
      flex: 0 1 271px;
      align-self: flex-start;
   }

   .result .result__cards .product__article {
      margin: 0px 0px 25px 0px;
   }

   .result .result__cards .product__sizes {
      min-width: 270px;
   }

   .result .result__cards .product__prices {
      flex-wrap: wrap;
      flex: 1 1 auto;
      align-items: flex-start;
   }

   .result .result__cards .product__prices .price__main {
      line-height: 24px;
      font-weight: 600;
      flex: 1 1 100%;
   }

   .result .result__cards .product__prices .price__old {
      line-height: 24px;
      font-weight: 600;
      font-size: 16px;
   }

   .result .result__cards .product__prices .price__discount {
      line-height: 24px;
      font-size: 16px;
   }

   .result .result__cards .product__buttons {
      flex: 1 1 auto;
   }

   .result .result__cards .product__button {
      margin: 0;
   }

   .result .result__cards .product__button-item {
      flex: 1 1 100%;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
   }

   .result .result__cards .product__button-item svg {
      margin: 0px 10px 0px 0px;
   }
}

@media (max-width: 1230px) {
   .result .result__cards {
      display: flex;
      flex-wrap: wrap;
   }

   .result .result__cards .product {
      max-width: 420px;
      margin: 0 auto 10px;
   }
}

@media (max-width: 1439.98px) and (min-width: 1230px) {
   .result .result__cards .product__name {
      flex: 0 1 auto;
   }
}

.result .result__cards .product__sizes {
   min-width: 270px;
}

@media (max-width: 1439.98px) and (min-width: 1231px) {
   .result .result__cards .product__sizes {
      position: absolute;
      left: 30px;
      bottom: 0;
   }
}

.result .first-block-auto {
   position: relative;
   padding: 0;
   margin-bottom: 50px;
}

.result .first-block-auto__header,
.result .first-block-auto__link {
   display: none;
}

.result .first-block {
   height: calc(100vh - 363px);
   min-height: 657px;
}

/* .result .first-block .form__label {
	font-size: 20px;
	font-weight: 500;
	margin: 0px 0px 20px 0px;
} */
.result .first-block__header,
.result .first-block__link {
   display: none;
}

/* .result .first-block__video-bg {
	bottom: -0%;
} */
@media (max-width: 1600px) {
   .result .first-block {
      min-height: 570px;
   }
}

@media (max-width: 1439.98px) {
   .result .first-block {
      min-height: 420px;
   }

   .result .first-block__video-bg {
      bottom: 0%;
   }
}

/* .result .first-block__red-img {
	bottom: -0%;
} */
@media (max-width: 1439.98px) {
   .result .first-block__red-img {
      bottom: 0%;
   }
}

.result .pagging__item {
   background-color: #fff;
}

.result .pagging__item:hover {
   background-color: #3d4a62;
}

.result .pagging__item._active {
   color: #fff;
   background-color: #3d4a62;
}

.result .pagging__arrow {
   background-color: #fff;
}

.result .pagging__arrow:hover {
   background-color: #3d4a62;
}

.about__title {
   margin: 15px 0px 60px 0px;
}

@media (max-width: 900px) {
   .about__title {
      margin: 15px 0px 17px 0px;
   }
}

.about__row {
   display: flex;
}

@media (max-width: 1279.98px) {
   .about__row {
      flex-direction: column;
   }
}

.about__image {
   flex: 0 0 40%;
   margin: 0px 30px 0px 0px;
}

@media (max-width: 1279.98px) {
   .about__image {
      margin: 0px 0px 50px 0px;
      max-width: 585px;
   }
}

@media (max-width: 900px) {
   .about__image {
      margin: 0px 0px 34px 0px;
   }
}

.about__image img {
   max-width: 100%;
}

.about__text {
   flex: 1 1 auto;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.33;
   letter-spacing: normal;
}

.about__lead {
   margin: 0px 0px 25px 0px;
}

.about-video {
   background-color: #fff;
   margin: 30px 0px 0px 0px;
}

.about-video_flex {
   display: flex;
   justify-content: center;

}

.about-video_flex .about-video__prev {
   padding: 10% 0;
   padding-top: 33%;
   width: 80%;
}

.about-video__iframe {
   width: 840px;
   height: 473px;
}

.about-video__grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-rows: repeat(2, minmax(0, 1fr));
   gap: 10px;
   height: 400px;
}

.about-video__grid .about-video__iframe {
   width: 100%;
}

@media (min-width: 900px) {

   .about-video__grid .about-video__iframe {
      height: 100%;
      grid-column: 2/3;
   }
}

.about-video__prev {
   position: relative;
}

.about-video__grid .about-video__prev.about-video__prev_first {
   grid-row: 1/3;
}

.about-video__prev img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.about-video__btn {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 90px;
   height: 45px;
   border-radius: 10px;
   border: 1px solid #fff;
   background: rgba(0, 0, 0, 0.5);
   z-index: 5;
   cursor: pointer;
}

.about-video__btn::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-bottom: 6px solid transparent;
   border-top: 6px solid transparent;
   border-left: 12px solid #fff;
}

.about-video__prev:hover .about-video__btn {
   background-color: rgba(115, 133, 159, 0.5);
}

@media (max-width: 1279.98px) {
   .about-video__iframe {
      width: 753px;
      height: 424px;
   }
}

@media (max-width: 767px) {
   .about-video__grid {
      display: block;
      max-height: none;
      height: auto;
   }

   .about-video__grid>* {
      margin-bottom: 10px;
   }

   /* .about-video__grid .about-video__iframe {
		height: 40%;
	} */

   .about-video__prev {
      padding-top: 50%;
   }
}

@media (max-width: 479.98px) {
   .about-video__iframe {
      width: 375px;
      height: 212px;
   }
}

.certif {
   padding-top: 70px;
}

@media (max-width: 1279.98px) {
   .certif {
      padding-top: 0;
   }
}

.certif__header {
   margin: 0px 0px 30px 0px;
}

@media (max-width: 1279.98px) {
   .certif__header {
      flex-direction: column;
      align-items: center;
      margin: 0px 0px 70px 0px;
   }
}

.certif__header-item {
   font-size: 18px;
   line-height: 1.25;
}

@media (max-width: 1279.98px) {
   .certif__header-item:first-child {
      margin: 0px 0px 43px 0px;
   }
}

.certif__main {
   display: flex;
}

@media (max-width: 1439.98px) {
   .certif__main {
      flex-direction: column;
   }
}

.certif__title {
   flex: 0 0 160px;
   margin: 0px 200px 0px 0px;
   font-size: 20px;
   font-weight: 500;
}

@media (max-width: 1439.98px) {
   .certif__title {
      margin: 0px 0px 52px 0px;
      flex: 1 1 auto;
   }
}

@media (max-width: 900px) {
   .certif__title {
      text-align: center;
   }
}

.certif__content {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   flex: 1 1 auto;
}

.certif__item {
   flex: 0 1 33.333%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 0px 0px 86px 0px;
}

@media (max-width: 991.98px) {
   .certif__item {
      flex: 0 1 50%;
   }
}

@media (max-width: 900px) {
   .certif__item {
      flex: 1 1 100%;
   }
}

.certif__item:hover .certif__image {
   transform: scale(1.05);
   box-shadow: -10px -10px 20px #b3b3b3, 10px 10px 20px #ffffff;
}

.certif__image {
   margin: 0px 0px 28px 0px;
   height: 160px;
   box-shadow: -5px -5px 10px #d9d9d9, 5px 5px 10px #ffffff;
   transition: all 0.3s ease 0s;
   background: #ffffff;
}

.bx-ios .certif__image {
   box-shadow: none;
}

.bx-ios .certif__item:hover .certif__image {
   box-shadow: none;
}

.certif__image img {
   height: 100%;
   width: 100%;
   object-fit: contain;
}

.certif__text {
   flex: 1 1 auto;
   line-height: 1.5;
   font-size: 16px;
   text-align: center;
   max-width: 211px;
}

.page {
   flex: 1 1 auto;
   margin-top: 20px;
}

.title-404 {
   margin: 16px 0px 36px 0px;
}

.thanks__title {
   margin: 16px 0px 20px 0px;
}

.thanks__text {
   margin: 0px 0px 36px 0px;
   font-size: 18px;
   line-height: 24px;
}

.top-button {
   position: fixed;
   bottom: 150px;
   right: 73px;
   opacity: 0;
   visibility: hidden;
   z-index: 99;
   width: 21px;
   height: 27px;
   transition: all 0.3s ease 0s;
}

.top-button._active {
   opacity: 1;
   visibility: visible;
}

.top-button:hover .top-button__arrow {
   transform: translate(0px, -6px) scale(1.1);
}

.top-button:hover .top-button__arrow use {
   fill: #a00;
}

@media (max-width: 1439.98px) {
   .top-button {
      right: 48px;
   }
}

@media (max-width: 1279.98px) {
   .top-button {
      right: 35px;
   }
}

@media (max-width: 900px) {
   .top-button {
      display: none;
   }
}

.top-button__arrow {
   width: 100%;
   height: 100%;
   transition: all 0.3s ease 0s;
}

.top-button__arrow use {
   fill: #324769;
   transition: all 0.3s ease 0s;
}

.lorem {
   font-size: 30px;
   font-weight: 700;
   line-height: 40px;
   margin: 0px 0px 200px 0px;
}

svg path {
   fill: inherit;
}

svg circle {
   fill: inherit;
}

.bx-soa-wrapper {
   padding-top: 45px;
}

#bx-soa-order {
   padding:  0 3.5208333333vw;
   display: flex;
   gap: 40px;
   margin-bottom: 50px;
}

.page-order #bx-soa-order * {
   border: none;
}

@media (max-width: 1439.98px) {

}

@media (max-width: 1279.98px) {

}

@media (max-width: 900px) {

}

.bx-soa {
   flex: 1 1 auto;
}

.bx-soa-sidebar {
   flex: 0 0 367px;
}

.bx-soa-cart-total {
   border: none;
   padding: 15px;
   padding-top: 0px;
}

.bx-soa-cart-total-line {
   border: none;
}

.bx-soa-cart-t {
   font-size: 14px;
   font-weight: normal;
   line-height: 1.5;
   color: #525252;
   max-width: 100px;
}

.bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t,
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {
   font-weight: normal;
}

.bx-soa-cart-d {
   font-size: 18px;
   font-weight: 500;
   line-height: 1.11;
}

.bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
   background-color: transparent;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
   font-size: 24px !important;
}

#bx-soa-total-mobile {
   display: none;
}

.bx-soa-section.bx-selected,
.bx-soa-section.bx-step-completed {
   border: none;
}

#bx-soa-basket {
   background-color: #f3f6fb;
}

.bx-soa-section-title {
   font-size: 20px;
   font-weight: 500;
}

.bx-soa-item-imgcontainer {
   border: none;
}

.bx-soa-item-title a,
.bx-soa-editstep {
   color: #000;
   font-size: 16px;
   line-height: 1.33;
}


.bx-soa-section-title-count {
   display: none;
}

.bx-soa-coupon {
   display: flex;
   gap: 24px;
}

#bx-soa-basket .bx-soa-coupon-input input[type="text"].form-control {
   background-color: #fff;
}

.bx-soa-more-btn {
   display: flex;
   gap: 20px;
}

.btn-outline-secondary,
.btn-primary,
.main-user-consent-request-popup-button,
.btn-success,
.btn-default.btn-lg.btn-order-save {
   width: 100%;
   background-color: #5479b8;
   color: #fff;
   font-size: 16px;
   line-height: 18px;
   transition: all 0.3s ease 0s;
   cursor: pointer;
   border-radius: 5px !important;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   max-width: 320px;
}

.btn-outline-secondary::after,
.btn-primary::after,
.main-user-consent-request-popup-button::after,
.btn-success::after,
.btn-default.btn-lg.btn-order-save:after {
   content: "";
   position: absolute;
   display: block;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}

.btn-outline-secondary:hover,
.btn-primary:hover,
.main-user-consent-request-popup-button:hover,
.btn-success:hover,
.btn-default.btn-lg.btn-order-save:hover {
   background-color: #2d4c80;
   color: #fff;
}

.btn-outline-secondary:active,
.btn-primary:active,
.main-user-consent-request-popup-button:active,
.btn-success:active,
.btn-default.btn-lg.btn-order-save:active {
   background-color: #5479b8;
   box-shadow: inset 0px 0px 8px 0px #000;
}

.btn-success {
   max-width: 300px;
   margin: 20px 0px;
}

.bx-soa-basket-info {
   position: relative;
   display: flex;
   justify-content: space-between;
   gap: 30px;
   /* padding-right: 30px; */
   margin-right: 14px;
   margin-bottom: 15px;
   padding-bottom: 10px;
}

.bx-soa-item-td {
   flex: 0 1 58%;
   display: block;
}

.bx-soa-item-td.bx-soa-item-properties.bx-text-right {
   flex: 0 1 21%;
}

.bx-soa-custom-label,
.bx-soa .bx-soa-customer-label,
.bx-soa .form-group label {
   font-size: 17px;
   font-weight: 500;
   margin-bottom: 10px;
   display: inline-block;
}

@media (max-width: 575px) {

   .bx-soa-custom-label,
   .bx-soa .bx-soa-customer-label,
   .bx-soa .form-group label {
      margin-bottom: 0;
   }
}

.bx-soa-section-title-container {
   background-color: transparent;
}

.form-check-input,
.bx-soa-pp-company-checkbox {
   display: none;
}

.page-order .form-check-label,
.page-order .bx-soa-pp-company-smalltitle {
   font-size: 16px;
   line-height: 27px;
   font-weight: 400;
   padding: 9px 10px;
   border-radius: 10px;
   cursor: pointer;
   width: auto;
   display: flex;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   margin-right: 10px;
   color: #88888899;
   /* box-shadow: inset 0 4px 0 0 #00000080; */
   background-color: #fff;
   border: 1px solid #000000 !important;
   color: #88888899;
}

.page-order form-check-label::after,
.page-order .bx-soa-pp-company-smalltitle::after {
   content: "";
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background-color: #D2D2D2;
   color: white;
   font-size: 18px;
   text-align: center;
   line-height: 28px;
   margin-left: 10px;
}

.page-order .form-check-input:checked+.form-check-label,
.page-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle {
   font-size: 16px;
   line-height: 27px;
   padding: 9px 10px;
   border-radius: 10px;
   cursor: pointer;
   display: flex
;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   background-color: #5379B8;
   border: 1px solid #000000 !important;
   color: #fff;
}

.page-order .form-check-input:checked+.form-check-label::after,
.page-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle::after {
   content: '\2713';
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background-color: #00BF63;
   color: white;
   font-size: 18px;
   text-align: center;
   line-height: 28px;
   margin-right: 10px;
}
}

.form-check-group {
   display: flex;
   flex-wrap: wrap;
   column-gap: 21px;
   margin-bottom: 60px;
   row-gap: 15px;
}

.form-check-group .bx-soa-custom-label {
   flex: 1 1 100%;
}

.bx-sls .bx-ui-sls-container {
   min-height: 33px !important;
}
.popup_location .bx-sls .bx-ui-sls-container {
   min-height: 40px !important;
}
.bx-sls .bx-ui-sls-fake,
.bx-sls .bx-ui-sls-route {
   height: 48px;
}

.bx-sls .dropdown-fade2white {
   height: 48px;
   background: transparent !important;
}

.bx-sls .bx-ui-sls-clear {
   top: 8px;
}

.bx-sls .dropdown-icon {
   top: 18px;
}

.bx-sls .bx-ui-sls-pane {
   top: 70px;
}

.bx-soa .bx-soa-location-input-container {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30px;
}

.bx-soa .bx-soa-location-input-container .bx-soa-custom-label {
   flex: 1 1 100%;
}

.bx-sls {
   flex: 1 1 100%;
}

.bx-soa-customer-input,
textarea {
   height: 70px;
   background-color: #e4e9f0;
   flex: 1 1 100%;
   padding: 0 22px 0 30px;
   border-radius: 5px;
   width: 100%;
}

.bx-soa-tooltip.bx-soa-tooltip-static {
   margin-bottom: 8px;
}

.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
   background: transparent;
   color: #ea1414;
}

.has-error .bx-sls .form-control.dropdown-block,
.has-error .bx-slst .form-control.dropdown-block,
.has-error .bx-soa-customer-input,
.has-error textarea {
   border: solid 2px #ea1414 !important;
}

.bx-sls .form-control.dropdown-block,
.bx-slst .form-control.dropdown-block {
   border-radius: 5px;
   background-color: #e4e9f0;
}

.-bx-popup-special-prompt {
   line-height: 1.5;
   padding: 10px 5px;
}

.bx-soa-pp-company-image {
}

.bx-soa-pp-company-graf-container {
   padding-top: 0;
}

.bx-soa-pp-delivery-cost {
   display: none;
}

.bx-soa-pp-item-container .row {
   display: flex;
   column-gap: 21px;
   row-gap: 15px;
   flex-wrap: wrap;
}

.bx-soa-pp-item-container {
   margin-bottom: 15px;
}

.bx-soa-section-content {
   line-height: 1.6;
}
.catalog__wrapper .mob-block {
   display: none;
}
.bx-soa-customer-field {
   margin-bottom: 25px;
   display: flex;
   flex-wrap: wrap;
   max-width: 500px;
}

@media (max-width: 900px) {
   .bx-soa-customer-field {
      max-width: 100%;
   }
}

.bx-soa-customer-field .bx-soa-customer-label,
.bx-soa-customer-field .bx-soa-custom-label {
   flex: 1 1 100%;
}
.bx-soa-section-title-container{
   padding-left:0px;
   padding-right: 0px;
}
.bx-soa-section-content{
   padding: 0px;
}
#bx-soa-properties .bx-soa-section-content .row {
   gap: 10px;
}

#bx-soa-properties textarea {
   padding-top: 24px;
}

textarea#orderDescription {
   min-height: 270px;
}

.soa-property-container {
   width: 100%;
}

#bx-soa-properties .bx-soa-section-content .row .col-sm-12 {
   flex: 1 1 auto;
}

#bx-soa-properties .bx-soa-section-content .row .col-sm-12.bx-soa-customer {
   flex: 0 0 440px;
}

#bx-soa-properties .bx-soa-section-content .row.bx-soa-more {
   display: block;
}

.main-user-consent-request-popup-cont {}

.main-user-consent-request-popup-cont {
   min-width: auto;
   min-height: auto;
   max-width: 684px;
   height: 100%;
   width: 100%;
   padding: 40px 60px;
   background-color: #fff;
   top: 0;
   right: 0;
   left: auto;
   transform: translate(0px, 0px);
   margin: 0;
   box-shadow: 0 0 104px 0 rgba(62, 90, 138, 0.57);
   transition: all 0.3s ease 0s;
}

.main-user-consent-request-popup-header {
   font-size: 30px;
   font-weight: 600;
}

.main-user-consent-request-popup-text {
   border: none;
   line-height: 24px;
   font-size: 14px;
}

.main-user-consent-request-popup-buttons {
   flex-wrap: nowrap;
}

.main-user-consent-request-popup-text,
.main-user-consent-request-popup-link {
   height: auto;
}

.main-user-consent-request-popup-button-acc:hover {
   background: #5479b8;
}

.alert-danger {
   color: #ea1414;
   background: none;
   line-height: 1.5;
   padding-left: 0;
}

@media (max-width: 1700px) {
   #bx-soa-properties .bx-soa-section-content .row {
      display: block;
   }
}

@media (max-width: 1530px) {

}

@media (max-width: 1280px) {
   .bx-soa-item-td {
      flex: 1 1 100%;
   }

   .bx-soa-item-td.bx-soa-item-properties.bx-text-right {
      flex: 0 1 50%;
   }

   .bx-soa-sidebar {
      flex: 0 0 278px;
   }

   .bx-soa-cart-total {
      padding: 15px;
   }
}

@media (max-width: 1090px) {
   #bx-soa-order {
      display: block;
   }
}

@media (max-width: 991px) {
   #bx-soa-total-mobile {
      display: block;
      margin-bottom: 20px;
   }

   .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title,
   .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text {
      text-align: right;
   }
}

@media (max-width: 575px) {

   .form-check {
      flex: 1 1 100%;
   }

   .form-check-label,
   .bx-soa-pp-company-smalltitle {
      max-width: 100%;
      width: 100%;
   }
}

.bx-filter.bx-green .bx-filter-section {
   background: transparent;
   padding: 0;
}

.bx-filter .bx-ui-slider-track-container {
   display: none;
}

.bx-filter .bx-filter-parameters-box-title span {
   font-family: Montserrat;
   font-size: 17px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #000;
}

.bx-filter .bx-filter-parameters-box-title span:hover {
   border-color: #000;
}

.row {
   margin-left: 0;
   margin-right: 0;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
   padding-left: 0;
   padding-right: 0;
}

.bx-filter .bx-filter-section>.row {
   padding: 0;
}

.bx-filter {
   margin-bottom: 0px;
}

.bx-filter .bx-filter-parameters-box-title {
   padding-bottom: 0;
   margin-bottom: 20px;
}

.bx-filter-parameters-box-container {
   padding-bottom: 0;
}

.bx-filter .bx-filter-parameters-box {
   margin-bottom: 10px;
}

.bx-filter .bx-filter-parameters-box.bx-active {
   margin-bottom: 30px;
}

.bx-filter .bx-filter-input-container input {
   border-radius: 5px;
   background-color: #e4e9f0;
   height: 70px;
}

.bx-filter.bx-green .bx-filter-input-container input {
   border: none;
}

.bx-filter-parameters-box-container {
   display: flex;
   gap: 4px;
}

.bx-filter .bx-filter-input-checkbox {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.bx-filter .bx-filter-input-checkbox input[type="radio"],
.bx-filter .bx-filter-input-checkbox input[type="checkbox"] {
   width: 24px;
   height: 24px;
}

.bx-filter .bx-filter-input-checkbox input[type="checkbox"],
.bx-filter .bx-filter-input-checkbox input[type="radio"] {
   display: none;
}

.bx-filter .bx-filter-input-checkbox input[type="checkbox"]:checked+.bx-filter-param-text::before,
.bx-filter .bx-filter-input-checkbox input[type="radio"]:checked+.bx-filter-param-text::before {
   background: #4c4c4c url("/local/templates/main/img/svg/check_white.svg") center no-repeat;
   border: none;
}

.checkbox .bx-filter-param-text::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 24px;
   height: 24px;
   margin: 0 8px 2px 0;
   border-radius: 5px;
   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
   border: solid 1px rgba(0, 0, 0, 0.2);
   background: #fff;
}

.bx-filter .bx-filter-param-text {
   position: relative;
   font-weight: 400;
   line-height: 1.38;
   font-size: 16px;
   padding: 0px 0px 0px 40px;
   color: #5b5b5b;
}

.bx-filter .bx-filter-param-label {
   padding-left: 0;
   min-height: 24px;
}

.bx-filter .checkbox {
   margin-bottom: 14px;
}

.bx-filter.bx-green .btn-themes {
   color: #fff;
   font-size: 16px;
   line-height: 18px;
   height: 48px;
   font-family: Montserrat;
   border: none;
   flex: 1 1 100%;
   outline: none;
   border-radius: 5px;
   transition: all 0.3s ease 0s;
   background: linear-gradient(180deg,
   rgba(84, 121, 184, 1) 92%,
   rgba(255, 255, 255, 0) 92%,
   rgba(255, 255, 255, 0) 94%,
   rgba(224, 55, 51, 1) 94%);
}

.bx-filter.bx-green .btn-themes:hover {
   background: linear-gradient(180deg,
   rgba(45, 76, 128, 1) 92%,
   rgba(255, 255, 255, 0) 92%,
   rgba(255, 255, 255, 0) 94%,
   rgba(170, 0, 0, 1) 94%);
   color: #fff;
}

.bx-filter-button-box .bx-filter-parameters-box-container {
   flex-wrap: wrap;
}

.bx-filter-button-box .bx-filter-parameters-box-container .btn-link {
   background: url("/local/templates/main/img/svg/input_clear.svg") left center no-repeat;
   padding-left: 31px;
}

.spoller-title {
   display: none;
}

.catalog__wrapper._init .spoller-title {
   display: block;
}

.catalog__wrapper._init .spoller-title {
   cursor: pointer;
   background-color: #3e5a8a;
   text-align: center;
   color: #fff;
   line-height: 1.29;
   font-size: 14px;
   padding: 21px 0px;
}

.catalog__wrapper._init .category-side__title {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.catalog__wrapper._init .category-side__title._active::after {
   transform: rotate(-180deg);
}

.catalog__wrapper._init .category-side__title::after {
   content: "";
   width: 16px;
   height: 16px;
   display: inline-block;
   background: url("/local/templates/main/img/svg/Arrow-Bottom.svg") center center / contain no-repeat;
}

.catalog__wrapper._init .spoller-title span:nth-child(2) {
   display: none;
}

.catalog__wrapper._init .spoller-title._active span:nth-child(2) {
   display: block;
}

.catalog__wrapper._init .spoller-title._active span:nth-child(1) {
   display: none;
}

@media (max-width: 900px) {
   .category-side__item:hover {
      border: none;
   }

   .category-side__item {
      border: none;
   }
}

.bx-filter .bx-filter-title {
   margin-bottom: 10px;
}

.catalog__category {
   margin-bottom: 30px;
}

.form__row_size {
   position: relative;
}

.bx-filter .bx-filter-popup-result,
.first-block__form .bx-filter-popup-result {
   font-size: 12px;
   width: 70%;
   height: 86px;
   padding: 10px 10px;
   color: #000;
   border: none !important;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   text-align: left;
}

.first-block-auto__form .bx-filter-popup-result {
   width: 300px;
}

.bx-filter .bx-filter-popup-result {
   width: 100%;
}


.first-block__form .bx-filter-popup-result {
   position: absolute;
   right: -380px;
   top: 310px;
   z-index: 1;
   margin-bottom: 15px;
}

.first-block-auto__form .bx-filter-popup-result {
   right: -15px;
   top: -45px;
   position: absolute;
   z-index: 1;
}

@media (min-width:1440px) {
   .first-block-auto__form .bx-filter-popup-result {
      top: -30px;
   }
}

@media (max-width: 1400px) and (min-width:1280px) {


   .first-block__form .bx-filter-popup-result {
      right: -340px;
   }
}

@media (max-width: 1000px) {

   .first-block-auto__form .bx-filter-popup-result,
   .bx-filter .bx-filter-popup-result,
   .first-block__form .bx-filter-popup-result {
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      margin: 0;
      width: calc(100% - 30px);
   }
}

@media (max-width: 1000px) and (min-width: 767px) {
   .bx-filter .bx-filter-popup-result {
      position: fixed;
      top: auto;
      bottom: 0;
      right: 0;
      z-index: 1000;
      margin: 0;
      width: calc(100% - 190px);
      left: 80px;
   }
}

@media (max-width: 1000px) and (min-width: 767px) {
   .first-block__form .bx-filter-popup-result {
      width: calc(100% - 190px);
      left: 80px;
   }
}



/* .bx-filter .bx-filter-popup-result::after,
.first-block__form .bx-filter-popup-result::after {
	border-radius: 3px;
	content: "";
	animation: resultAnim 2.3s infinite linear;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 5px 10px rgba(79, 86, 98, 0.5);
	background: #E3EAF6;
	z-index: -1;
} */
.first-block-auto__form .bx-filter-popup-result a,
.bx-filter .bx-filter-popup-result a,
.first-block__form .bx-filter-popup-result a {
   margin-top: 10px;
   font-size: 16px;
   display: flex;
   justify-content: center;
   color: #fff;
   padding: 10px 15px 15px 15px;
   background: #5479b8;
   position: relative;
   text-align: center;
}

/* @keyframes resultAnim {
	0% {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	10% {
		top: -3.5px;
		left: -5px;
		right: -5px;
		bottom: -3.5px;
	}



	100% {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

} */

@media (max-width: 767px) {

   .first-block-auto__form .bx-filter-popup-result::after,
   .bx-filter .bx-filter-popup-result::after,
   .first-block__form .bx-filter-popup-result::after {
      animation: none;
   }
}

/* @keyframes resultAnimMobile {
	0% {
		top: 5px;
		box-shadow: 0 5px 10px rgba(79, 86, 98, 0.5);

	}

	10% {
		top: -8px;
		box-shadow: 0px -3px 10px rgb(0 0 0 / 50%);

	}



	100% {
		top: 0;
		box-shadow: 0 5px 10px rgba(79, 86, 98, 0.5);

	}

} */



/* .bx-filter .bx-filter-popup-result a:after,
.first-block__form .bx-filter-popup-result a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 6px;
	width: 100%;
	background: #e03733;
	border-top: 1px solid #fff;

} */

.bx-filter .bx-filter-popup-result.left {
   right: -110%;
}

.bx-filter .bx-filter-popup-result.right {
   left: 100%;
}

.first-block-auto__form .bx-filter-popup-result a:hover,
.bx-filter .bx-filter-popup-result a:hover,
.first-block__form .bx-filter-popup-result a:hover {
   text-decoration: underline;
}

.bx-touch .bx-filter .bx-filter-popup-result {
   font-size: 16px;
   /* background: #3e5a8a; */
}



.first-block-auto__form .bx-filter-popup-result,
.bx-filter .bx-filter-popup-result,
.first-block__form .bx-filter-popup-result,
.bx-touch .bx-filter .bx-filter-popup-result {
   height: 55px !important;
   background: #E03733;
   border-radius: 27.5px;
   color: #fff;
   margin: 0 15px;
   padding: 17px 11px 0;
   top: 20px !important;
}

.first-block-auto__form .bx-filter-popup-result::after,
.bx-filter .bx-filter-popup-result::after,
.first-block__form .bx-filter-popup-result::after {
   content: '';
   position: absolute;
   background: url('/local/templates/main/img/found-icon.svg') center center / contain no-repeat;
   width: 54px;
   height: 27px;
   bottom: -15px;
   left: 32px;
   right: auto;
   top: auto;
   box-shadow: none;
}

.first-block-auto__form .bx-filter-popup-result a:after,
.bx-filter .bx-filter-popup-result a:after,
.first-block__form .bx-filter-popup-result a:after {
   display: none;
}

.first-block-auto__form .bx-filter-popup-result a,
.bx-filter .bx-filter-popup-result a,
.first-block__form .bx-filter-popup-result a {
   position: absolute;
   top: -5px;
   right: 5px;
   background: #5479B8;
   border: 2px solid #FFFFFF;
   border-radius: 22px;
   height: 44px;
   align-items: center;
   padding: 0 20px;
   width: 50%;
}


.swiper-slide .product__center {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
}

.swiper-slide .product {
   height: 100%;
   width: 100%;
}

.row.mb-5,
.row.mb-2 {
   margin-top: 20px;
   line-height: 1.5;
   font-size: 18px;
}

.row.mb-5 a,
.row.mb-2 a {
   color: #007ca1;
}

.row.mb-5 a:hover,
.row.mb-2 a:hover {
   text-decoration: underline;
}

.pagination-link {
   width: 100%;
   height: 100%;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #3d4a62;
   transition: all 0.3s ease 0s;
}

.pagination-link:hover {
   background-color: #3d4a62;
   color: #fff;
}

.pagging__arrow {
   background-color: #fff;
}

.btn-default {
   color: #3d4a62;
   background-color: #fff;
   font-size: 18px;
   border-radius: 0px;
   transition: all 0.3s ease 0s;
   margin-bottom: 15px;
   width: 175px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: solid 1px #cacaca;
   cursor: pointer;
}

.btn-default:hover {
   background-color: #3d4a62;
   color: #fff;
}

.result__list .pagging {
   padding: 0;
}

#bx-soa-orderSave {
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-end;
   align-items: center;
   gap: 20px;
   margin-left: 15px;
}

@media (max-width: 900px) {
   #bx-soa-orderSave {
      margin: 0px 15px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-start;
      gap: 10px;
      flex-wrap: wrap;
      align-items: flex-start;
   }

   #bx-soa-orderSave .checkbox {}

   #bx-soa-properties textarea {
      min-height: 150px;
   }
}

.bx-soa-pp-desc-container {
   /* display: none; */
}

.bx-soa-pp-company-selected img {
   display: none;
}

.bx-soa-pp-company-selected strong {
   margin: 0;
}

.bx-soa-pp-price {
   display: none;
}

@media (max-width: 1000px) {
   #bx-soa-total {
      width: 100% !important;
   }
   .bx-soa-total-mobile {
      display: none;
   }
   #bx-soa-orderSave .d-sm-inline-block{

   }
   #bx-soa-properties .bx-soa-section-conten{
      display: none;
   }
}

@media (max-width: 1230px) {
   .result__list .show-more-container {
      flex: 1 1 auto;
   }

   .result__list .show-more-container+div {
      width: 100%;
   }

   .result__list .catalog__content {
      gap: 10px;
      justify-content: center;
   }

   .result__list .catalog__content>[data-entity] {
      flex: 0 1 calc(50% - 5px);
   }

   .result__list .catalog__content .product {
      height: 100%;
   }

   .result__list .catalog__content .product__center {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
   }
}

.popup_cabinet .form__row {
   align-items: center;
}

@media (max-width: 425px) {
   .popup_cabinet .form__row {
      align-items: flex-start;
      flex-direction: column;
      row-gap: 20px;
   }
}

.news .pagging,
.result__list .pagging {
   justify-content: flex-start;
}

.news .pagging__list,
.result__list .pagging__list {
   justify-content: flex-start;
}

.catalog__body .result__text {
   padding: 30px;
   background-color: #fff;
}

.bx-soa-editstep {
   display: none;
}

.bx-soa-pp-item-container {
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
}

@media (max-width: 575px) {
   .bx-soa-pp-item-container {
      flex-wrap: wrap;
   }
}

.bx-soa-pp-company-description {
   /* display: none; */
}

.bx_soa_location .form-group {
   display: flex;
   margin-bottom: 10px;
   flex-wrap: wrap;
}

.bx-soa .form-group label {
   display: flex;
}

.page-order .radio-inline {
   font-size: 16px;
   line-height: 27px;
   font-weight: 400;
   padding: 9px 10px;
   border-radius: 10px;
   cursor: pointer;
   width: auto;
   display: flex;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   margin-right: 10px;
   color: #88888899;
   /* box-shadow: inset 0 4px 0 0 #00000080; */
   background-color: #fff;
   border: 1px solid #000000 !important;
   color: #88888899;
}

@media (max-width: 575px) {
   .page-order .radio-inline {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
   }

   .page-order .radio-inline label {
      margin-bottom: 0;
      width: 100%;
      justify-content: space-between;
   }
}

.page-order .radio-inline label::after {
   content: "";
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background-color: #D2D2D2;
   color: white;
   font-size: 18px;
   text-align: center;
   line-height: 28px;
   margin-left: 10px;
}

.page-order .radio-inline.checked label::after {
   content: '\2713'; /* Символ галочки */
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%; /* Круглый элемент */
   background-color: #00BF63; /* Зелёный цвет фона */
   color: white; /* Белый цвет для галочки */
   font-size: 18px; /* Размер галочки */
   text-align: center;
   line-height: 28px; /* Центрирование по вертикали */
   margin-right: 10px; /* Отступ справа для разделения */
}

.page-order .radio-inline input[type="radio"] {
   display: none;
}

.page-order .radio-inline.checked {
   font-size: 16px;
   line-height: 27px;
   padding: 9px 10px;
   border-radius: 10px;
   cursor: pointer;
   display: flex;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   background-color: #5379B8;
   border: 1px solid #000000 !important;
   color: #fff;
}

.page-order.radio-inline label {
   cursor: pointer;
}

.page-order .radio-inline.checked label {
   color: #fff;
}

#bx-soa-region .bx-soa-section-title {
   display: none;
}

.bx-soa-reference {
   display: none;
}

.bx-mac .category {
   background-color: #e1e6eb;
}

.first-block-auto__section {
   margin-bottom: 30px;
   padding: 0px 125px 0px 160px;
   margin-top: 40px;
}

.first-block-auto__section .form {
   max-width: 100%;
}

@media (min-width: 1641px) {
   .first-block-auto__section {
      padding: 0px 125px 0px 160px;
   }

   .first-block-auto__section .form {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      align-items: flex-start;
   }

   .first-block-auto__section .form>.form__row {
      flex: 0 1 calc(50% - 10px);
      margin-bottom: 0;
   }

   .first-block-auto__section .first-block-auto__form .form__row:nth-child(1) .form__line,
   .first-block-auto__form .form__row:nth-child(2) .form__inner .form__line {
      margin: 0px 5px 0px 0px;
   }

   .first-block-auto__section .first-block-auto__form .form__row:nth-child(1) {
      display: flex;
      flex-direction: column;
   }

   .first-block-auto__section .first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(1) {
      margin-bottom: 5px;
   }

   .first-block-auto__section .first-block-auto__form .form__row:nth-child(1) .form__inner:nth-child(2) .form__label {
      display: none;
   }
}

@media (max-width: 1640px) {
   .first-block-auto__form .form__inner {
      flex: 1 1 auto;
   }
}

@media (max-width: 1439.98px) {
   .first-block-auto__section {
      padding: 0px 105px 0px 67px;
   }
}

@media (max-width: 1279.98px) {
   .first-block-auto__section {
      padding: 0px 85px 0px 80px;
   }
}

@media (max-width: 900px) {
   .first-block-auto__section {
      padding: 0px 15px;
   }
}

#uSocial .uscl-slide-open,
.uSocial-Share .uscl-slide-open {
   z-index: 50 !important;
}

.disabled-lc .breadcrumbs__li:last-child .breadcrumbs__link {
   pointer-events: none;
}

@media (max-width: 375px) {
   .parametrs.industrial .parametrs__row {
      gap: 10px;
   }
}

@media (max-width: 900px) and (min-width: 375px) {
   .parametrs__text {
      text-align: right;
   }
}

@media (max-width: 479.98px) {
   

   .parametrs.industrial .parametrs__col:last-child .parametrs__row,
   .parametrs__col:first-child .parametrs__row {
      justify-content: space-between;
   }
}

@media (max-width: 425px) {

   .btn-outline-secondary,
   .btn-primary,
   .main-user-consent-request-popup-button,
   .btn-success,
   .btn-default.btn-lg.btn-order-save {
      max-width: 100%;
   }
}

._viewpass .form__viewpass {
   width: 25px;
   height: 24px;
   position: absolute;
   top: 30px;
   right: 40px;
   z-index: 10;
   background-image: url("/local/templates/main/img/pass.svg");
   opacity: 0;
   transition: all 0.3s ease 0s;
}

.form__viewpass._active {
   background-image: url("/local/templates/main/img/pass-active.svg");
}

._viewpass._focus .form__viewpass {
   opacity: 0.3;
}

._viewpass._focus .form__viewpass:hover {
   opacity: 1;
}

input::-webkit-passman-key-image {
   display: none;
}

.order-processed {
   margin-bottom: 80px;
}

.order-processed .row.mb-2 {
   display: none;
}

.title-404+.popular {
   display: none;
}

.result__text {
   padding: 0px 125px 0px 160px;
   margin-bottom: 30px;
}

@media (max-width: 1439.98px) {
   .result__text {
      padding: 0px 105px 0px 67px;
   }
}

@media (max-width: 1279.98px) {
   .result__text {
      padding: 0px 85px 0px 80px;
   }
}

@media (max-width: 900px) {
   .result__text {
      padding: 0px 15px;
   }
}

.bx-ios .popular.popular_2 {
   padding-top: 0;
}

.bx-ios .popular.popular_1 {
   padding-bottom: 0;
}

.catalog__content>div {
   width: 100%;
}

@media (max-width: 580px) {
   .bx-soa-item-td.bx-soa-item-properties.bx-text-right {
      flex: 0 1 100%;
   }
}

@media (max-width: 450px) {

}

.bx-ios .bx-sls .bx-ui-sls-route {
   display: none;
}

input[type="file" i]::-webkit-file-upload-button {
   cursor: pointer;
}

.schet img {
   width: 39px;
   height: 55px;
   margin-right: 15px;
}

.result__bottom._container {
   padding: 0px 125px 0px 64px;
   position: relative;
}

.result .first-block__form .form__row .form__line {
   margin-bottom: 10px;
}

@media (max-width: 900px) {
   .result__bottom._container {
      padding: 0px 15px;
   }
}

.bx-soa-customer-field .nice-select {
   width: 100%;
}

.bx-soa-customer-field .nice-select .list {
   max-height: 430px;
   overflow: auto;
   border: solid 1px rgba(0, 0, 0, 0.2) !important;
   max-width: 440px;
}

.bx-soa-customer-field .nice-select .current {
   display: block;
   width: 100%;
   overflow: hidden;
}

@media (max-width: 900px) {
   .bx-soa-customer-field .nice-select .list {
      max-width: 100%;
   }
}

.bx-filter-parameters-box-hint {
   position: relative;
}

.bx-filter-parameters-box-hint img {
   position: absolute;
   left: -35px;
}

@media (max-width: 900px) {
   .bx-filter-parameters-box-hint img {
      position: static;
   }
}

.return {}

.return__title {
   margin-bottom: 34px;
}

.return__subtitle {
   margin-bottom: 34px;
   font-size: 18px;
   line-height: 24px;
}

.return__how {
   margin-bottom: 50px;
}

.how-return {
   max-width: 909px;
   background: #455e89;
   color: #fff;
   padding: 45px;
}

.how-return__title {
   font-size: 30px;
   line-height: 37px;
}

.how-return__row {
   display: flex;
}

.how-return__col {}

.how-return__col:first-child {
   max-width: 324px;
   margin-right: 87px;
   flex: 0 0 50%;
}

.how-return__subtitle {
   display: flex;
   align-items: center;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   position: relative;
}

.how-return__subtitle p {
   position: absolute;
   left: 0;
   top: 40%;
}

.how-return__number {
   font-weight: 800;
   font-size: 110px;
   line-height: 134px;
   opacity: 0.15;
}

.how-return__text {
   font-size: 18px;
   line-height: 24px;
   margin-bottom: 15px;
}

.how-return__link {
   font-size: 18px;
   line-height: 24px;
   color: #fff;
   text-decoration-line: underline;
}

@media (max-width: 991.98px) {
   .how-return {
      padding: 25px;
   }

   .how-return__row {
      display: block;
   }

   .how-return__col:first-child {
      max-width: 100%;
      margin-right: 0;
   }
}

@media (max-width: 900px) {
   .return__title {
      margin-bottom: 24px;
   }

   .return__subtitle {
      margin-bottom: 24px;
      font-size: 16px;
      line-height: 20px;
   }

   .how-return__title {
      font-size: 24px;
      line-height: 30px;
   }

   .how-return__subtitle {
      font-size: 16px;
   }

   .how-return__number {
      font-size: 84px;
      line-height: 96px;
   }

   .how-return__text {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 15px;
   }
}

.return__conditions {
   margin-bottom: 62px;
}

.conditions-return {}

.conditions-return__title {
   margin-left: 45px;
   margin-bottom: 35px;
   font-weight: 500;
   font-size: 30px;
   line-height: 37px;
}

.conditions-return__card {
   max-width: 909px;
   border: 1px solid rgba(151, 151, 151, 0.29);
   padding: 40px 140px 45px 45px;
   position: relative;
}

.conditions-return__subtitle {
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 25px;
   font-weight: 500;
}

.conditions-return__text {
   font-size: 18px;
   line-height: 24px;
}

.conditions-return__pic {
   background: #455e89;
   border-radius: 10px 0px 0px 10px;
   position: absolute;
   top: 50%;
   transform: translate(0px, -50%);
   right: 0;
   width: 77px;
   height: 122px;
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (max-width: 991.98px) {
   .conditions-return__card {
      padding: 20px;
      padding-right: 90px;
   }

   .conditions-return__pic {
      width: 60px;
      height: 100px;
   }

   .conditions-return__title {
      margin-left: 20px;
      margin-bottom: 20px;
   }
}

@media (max-width: 900px) {
   .conditions-return__title {
      font-size: 24px;
   }

   .conditions-return__subtitle {
      font-size: 16px;
      margin-bottom: 15px;
   }

   .conditions-return__text {
      font-size: 14px;
      line-height: 20px;
   }
}

@media (max-width: 479.98px) {
   .conditions-return__pic {
      top: 20px;
      transform: translate(0px, 0px);
      width: 50px;
      height: 80px;
   }

   .conditions-return__card {
      padding-right: 60px;
   }
}

.return__callback {
   margin-bottom: 88px;
}

.callback-return {
   background: #e5e9f0;
   padding: 40px 320px 50px 45px;
   max-width: 909px;
   position: relative;
}

.callback-return__title {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 25px;
}

.callback-return__text {
   font-size: 18px;
   line-height: 24px;
}

.callback-return__text p:not(:last-child) {
   margin-bottom: 20px;
}

.callback-return__link {
   color: #5479b8;
}

.callback-return__image {
   position: absolute;
   top: -6px;
   right: -11px;
   filter: drop-shadow(0px 12px 34px rgba(0, 0, 0, 0.293679));
}

@media (max-width: 991.98px) {
   .callback-return {
      padding: 20px 20px 20px 20px;
   }

   .callback-return__image {
      display: none;
   }
}

@media (max-width: 900px) {
   .callback-return__title {
      font-size: 16px;
      margin-bottom: 15px;
   }

   .callback-return__text {
      font-size: 14px;
   }

   .callback-return__text p:not(:last-child) {
      margin-bottom: 10px;
   }

   .return__callback {
      margin-bottom: 30px;
   }
}


/* .popular__slide [id*="bx_"] {
	height: 100%;
} */

.form__btn-container {
   display: flex;
   width: 100%;
}

.form__button {}

.form__button_reset {
   background-color: rgb(228 233 240);
   color: #0000009a;
   margin-left: 25px;
}

.form__button_reset::after {
   background: #e0373366;
}

@media (max-width: 900px) {
   .form__button_reset {
      margin-left: 10px;
   }
}

@media (max-width: 479.98px) {
   .form__btn-container {
      flex-wrap: wrap;
   }

   .form__btn-container .form__button {
      flex: 1 1 100%;
   }

   .form__button_reset {
      margin-left: 0px;
      margin-top: 10px;
   }
}

.nice-select.place-select {
   width: 100%;
}

.place-select .list {
   min-height: 180px;
   max-height: calc(100vh - 500px);
   width: 100%;
   box-shadow: 0 0 20px 0px rgb(62 90 138 / 60%);
   top: -80px;
   overflow: auto;
   overflow-x: hidden;
   z-index: 999999;
}

.place-select .option {
   min-height: 44px;
   line-height: normal;
   display: flex;
   align-items: center;
   color: #000;
   white-space: normal;
   padding-bottom: 5px;
   padding-top: 5px;
}

.nice-select.place-select .option.selected {
   font-weight: 400;
}

.nice-select.place-select .current {
   white-space: break-spaces;
}

.nice-select.place-select .option:hover,
.nice-select.place-select .option.focus,
.nice-select.place-select .option.selected.focus {
   background-color: #e4e9f0ad;
}

@media (max-width: 900px) {
   .place-select.open .list {
      top: 100%;
      width: calc(100% + 60px);
      height: 100%;
      max-height: none;
      min-height: calc(100vh - 95px);
      box-shadow: none;
      border: none;
   }

   .place-select .option {
      padding: 10px;
      background-color: transparent;
      outline: none;
      text-align: left;
      justify-content: space-between;
   }

   .place-select .option::after {
      content: "";
      display: block;
      flex: 0 0 34px;
      width: 34px;
      height: 34px;
      background: url(../img/svg/search-item-radio-1.svg) center/contain no-repeat;
   }

   .place-select .option:hover::after {
      background: url(../img/svg/search-item-radio-2.svg) center/contain no-repeat;
   }
}

.catalog_searchbar {
   margin-bottom: 20px;
}

.catalog__sidebar .first-block__first-form {
   margin-bottom: 20px;
}

.catalog_searchbar .first-block__first-form .form__line,
.catalog__sidebar .first-block__first-form .form__line {
   margin-right: 0;
   margin-bottom: 10px;
}

.catalog_searchbar .first-block__first-form,
.catalog__sidebar .first-block__first-form {
   display: flex;
   flex-direction: column;
}

.catalog_searchbar .form__result-container,
.catalog__sidebar .form__result-container {
   max-height: 270px;
}

.catalog_searchbar .form__label,
.catalog__sidebar .form__label {
   margin-bottom: 10px;
}

.catalog_searchbar .form__button,
.catalog__sidebar .form__button {
   flex: 0 0 48px;
}

.catalog_searchbar .first-block__first-form .form__result-container,
.catalog__sidebar .first-block__first-form .form__result-container {
   margin-top: 0;
}

@media (max-width: 1440px) {

   .catalog_searchbar .form__input-clear,
   .catalog__sidebar .form__input-clear {
      top: 18px;
   }

}

@media (max-width: 900px) {

   .catalog_searchbar .first-block__first-form,
   .catalog__sidebar .first-block__first-form {
      max-width: 100%;
   }
}

.modal-catalog__col {
   padding: 0;
}

.modal-catalog__title {
   font-weight: 600;
   margin-bottom: 0;
   padding: 60px 0 17px 40px;
}

@media(max-width: 800px) {
   .modal-catalog__title {
      padding-left: 20px;
   }
}

@media(max-width: 900px) {
   .modal-catalog__title {
      padding-top: 20px;
      padding-left: 25px;
   }
}

.modal-catalog__col.l-col {
   background-color: #46659B;
}

@media(min-width: 900px) {
   .modal-catalog__col.l-col {
      padding-left: 9%;
   }
}

.l-col .modal-catalog__title {
   background-color: #3E5A8A;
}

.modal-catalog__list {
   padding: 0;
}

@media (min-width:900px) {
   .modal-catalog__list {
      padding-bottom: 200px;
   }
}

.l-col .modal-catalog__list {
   background-color: #3E5A8A;
}

.modal-catalog__item {
   margin-bottom: 0;
   padding: 30px 0;
   padding-left: 40px;
   padding-right: 20px;

}

@media(max-width: 900px) {
   .modal-catalog__item {
      padding: 15px 0;
      padding-right: 15px;
      padding-left: 25px;
   }
}

.r-col .modal-catalog__item {
   border-top: 3px solid #6085C3;
}

.l-col .modal-catalog__item {
   border-top: 3px solid #46659B;
}

.r-col .modal-catalog__item:last-child {
   border-bottom: 3px solid #6085C3;
}

.l-col .modal-catalog__item:last-child {
   border-bottom: 3px solid #46659B;
}

.modal-catalog__spoller {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 15px;
}

.no-spoller .modal-catalog__spollert-title {
   display: none;
}

.modal-catalog__spollert-title {
   transition: all 0.3s ease 0s;
   opacity: 0.5;
   cursor: pointer;
   width: 41px;
   height: 41px;
   padding: 5px;
   flex: 0 0 41px;
}

.modal-catalog__spollert-title::after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background: url(../img/svg/burg100.svg) no-repeat;
   transform: translate(0px, 10px);
}


.modal-catalog__spollert-title._active::after {
   background: url(../img/svg/burg50.svg) no-repeat;
}

@media (max-width: 900px) {
   .modal-catalog__sublist {
      margin-left: 25px;
   }
   .modal-catalog__spoller{
      justify-content: space-between;
   }
   .modal-catalog__close{
      position: absolute;
   }
}

.page__not-found {
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 50px;
}

.page__not-found a {
   color: #006da0;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
}

.page__not-found a:hover {
   color: #a00000;
}
.act_sec{
   border-bottom: 2px solid #c20a0a96;
}
.page__not-found ul {
   padding-left: 25px;
}

.page__not-found li {
   list-style: disc;
}

.dropdown-link {
   position: relative;
   display: flex;
   align-items: center;
}

.dropdown-link::after {
   content: "";
   background: url(../img/svg/arrow_dropdown.svg) left/contain no-repeat;
   display: block;
   width: 12px;
   height: 6px;
   margin-left: 8px;
   transition: all 0.3s ease 0s;
}

.dropdown-link:hover::after {
   transform: rotate(-180deg);
}

.dropdown-link:hover .dropdown-menu {
   opacity: 1;
   pointer-events: all;
}

.dropdown-menu {
   padding: 7px;
   position: absolute;
   top: 100%;
   left: -50px;
   background-color: #fff;
   width: 250px;
   border: 1px solid #e9edf3;
   border-radius: 20px;
   z-index: 100;
   box-shadow: 2px 2px 4px 0px #346EAE40, -1px -1px 4px 0px #346EAE40;
   opacity: 0;
   transition: all 0.3s ease 0s;
   pointer-events: none;
    display: block;
    margin-top: 0px;
}


.dropdown-menu__item:not(:last-child) .dropdown-menu__link::after {
   content: "";
   position: absolute;
   bottom: 0;
   height: 2px;
   left: 0;
   background: #DADBEB40;
   width: 100%;
}

.dropdown-menu__link {
   font-size: 17px;
   color: #006da0;
   padding: 7px 5px 15px 5px;
   transition: all 0.3s ease 0s;
   width: 100%;
   display: block;
   position: relative;
}

.dropdown-menu__link:hover {
   color: #a00000;
}

.share {}

.share__social {
   margin-bottom: 66px;
}

.uSocial-Share {}

.share__copy-url .form__line {
   margin-bottom: 33px;
}

.form__line {}

._form-focus {}

.share__input {}

.form__input[disabled] {
   opacity: 0.5;
   mix-blend-mode: darken;
}

.share__button {}

.form__button {}

.actionItem{
   color: #e03733;
   border-radius: 6px;
   display: inline-block;
   font-size: 12px;
   line-height: 22px;
   min-height: 22px;
   overflow: hidden;
   padding: 0 5px;
   text-decoration: none;
   text-overflow: ellipsis;
   vertical-align: top;
   white-space: nowrap;
   border: solid 1px;
   cursor: pointer;
}
.actionItem:hover{
   color: #fff;
   background-color: #e03733;
}
.actionBlock{
   display: none;
   border-radius: 5px;
   background-color: #e4e9f0;
   padding: 19px 17px 19px 14px;
   color: #000000;
   line-height: 22px;
   position: absolute;
   z-index: 99;
   right: 0;
   bottom: 30px;
   font-size: 14px;
   width: 250px;
}
.actionHref{
   margin-top: 20px;
   text-align: right;
}
.closeActionItem{
   position: absolute;
   right: 7px;
   top: 2px;
   font-size: 23px;
   line-height: 20px;
   font-weight: 500;
   cursor: pointer;
}
.main-product__content .actionItem{
   padding: 0 10px;
   font-size: 22px;
   line-height: 40px;
   min-height: 22px;
   margin-left: 20px;
}
.main-product__content .actionBlock{
   bottom: 70px;
}
.footer__col .work-hours{
   margin-left: 20px;
}
.footer__col .work-hours__day{
   margin: 0px 20px 0px 0px;
}
.footer__col .contacts__text{
   font-weight: 500;
}

.social-link  .payment__item {
   display: inline-block;
   width: 32px;
   height: 32px;
   margin-left: 20px;
}
.footer__social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 225px;
   flex: 0 1 225px;
}
.footer__social-img {
   width: 100%;
   height: 100%;
}
.social-link {
   text-align: start;
   justify-content: start;
}
@media (max-width: 670px) {
   .main-product__btn-share{
      top: -40px;
   }
}
.row11 {
   display: flex;
   flex-direction: row ;
   flex-wrap: wrap;
   width: 100%;
   align-items: flex-start ;
}

.column22 {
   display: flex;
   flex-direction: column ;
   flex-basis: 100%;
   flex: 1;

}
.social_title{
   text-align: left;
}
@media (max-width: 970px) {
   .row11{
      flex: 0 1 25%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
   }

}
@media (max-width: 1930px) {
   .main-product__content .actionItem {
      padding: 0 10px;
      font-size: 14px;
      line-height: 28px;
      min-height: 22px;
      margin-left: 20px;
   }
}
@media (max-width: 780px) {
   .column22{
      margin-bottom: 20px;
   }
   .row11 {
      align-items: center;
   }
}
@media (max-width: 1540px) {
   .bx-soa-item-td.bx-soa-item-properties.bx-text-right {
      flex: 0 2 0%;
   }
}
@media (max-width: 580px) {
   .bx-soa-item-td.bx-soa-item-properties.bx-text-right {
      flex: 0 1 100%;
   }
}
.footer .work-hours__row{
   margin: 0px 0px 10px 0px;
}
.footer .contacts__row{
   margin: 0px 0px 10px 0px;
}
.footer .contacts__name{
   margin-bottom: 10px;
}
@media (max-width: 900px) {
   .footer__col .work-hours{
      margin-left: 0px;
   }
   .footer .work-hours__row{
      flex-direction: row;
      justify-content: center;
      align-content: space-between;
   }
   .footer .contacts__text{
      font-size: 14px;
   }
   .footer .contacts__row{
      margin: 0px 0px 0px 0px;
   }
   .footer .contacts__text{
      font-size: 14px;
   }
   .footer__col .work-hours__day{
      margin: 0px 10px 0px 0px;
   }
   .time_work_footer{
      padding: 0px;
   }
   .time_work_footer .contacts__row {
      display: contents;
   }
   .product__image {
      display: block;
   }

}
.time_work_footer{
   justify-content: space-around;
}
.time_work_footer .work-hours__day{
   display: inline-block;
   min-width: 49px;
}
.time_work_footer .work-hours__time{
   display: inline-block;
}
.time_work_footer .work-hours__row{
   display: block;
}
.time_work_footer .footer__addres{
   margin-right: 30px;
}
.mob_product__center{
   display: none;
}
@media (max-width: 600px){
   .first-block-auto__form .bx-filter-popup-result, .bx-filter .bx-filter-popup-result, .first-block__form .bx-filter-popup-result{
     margin: 0px;
      position: inherit;
      z-index: 10;
   }
   .first-block-auto__form .bx-filter-popup-result::after, .bx-filter .bx-filter-popup-result::after, .first-block__form .bx-filter-popup-result::after{

   }
   .new_foto_schem{
      height: 145px;
   }
   .catalog__sidebar{
      padding-left: 0px !important;
   }
   .product__image{
      height: auto;
   }
   .product__center{

   }
   .mob_product__center{
      display: inline-block;
   }
   .product__center .product__name {
      display: none;
   }
   .product__center .product__name {
      display: none;
   }
   .product__center .product__property{
      display: none;
   }
   .product__center .product__article{
      display: none;
   }
   .mob_product__center{
      display: inline-block;
   }
   .mob_product__center{
      margin-top: 13px;
   }
   .product__button {
      flex: 1 1 45%;
      margin: 0px 0px 0px 0px;

   }
   .product__image{
      margin-bottom: 0px;
   }
   .product__button-item{
      margin-left: 20px;
      margin-top: 12px;
   }
   .product{
      padding: 10px 15px 15px 15px;
   }
   .catalog__wrapper_scroll {
      gap: 20px !important;
   }
   .catalog__wrapper._init .spoller-title {
      padding: 12px 0px;
   }



}
.catalog__wrapper_scroll .bx-filter .bx-filter-popup-result.left{
   position: initial;
   margin: 0px;
   margin-bottom: 20px;
}
.catalog__wrapper_scroll .first-block-auto__form .bx-filter-popup-result::after, .catalog__wrapper_scroll .bx-filter .bx-filter-popup-result::after, .catalog__wrapper_scroll .first-block__form .bx-filter-popup-result::after {
   display: none;
}
@media (max-width: 370px){
   .product__buttons {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      flex-direction: row;
   }
   .product__button-item {
      margin-left: 10px;
   }
   .product__button {
      flex: initial;
      margin: 0px 0px 0px 0px;
   }
   .product__button-item {
      font-size: 13px;
   }
}
@media (max-width: 340px){
   .product__button {
      flex: initial;
      margin: 0px 0px 0px 0px;
      width: 115px;
   }

}

@media (max-width: 1500px) {


   .catalog__wrapper{
      padding: 0px 20px 0px 67px
   }
   .catalog_fixed {
      display: block;
      width: calc(100% - 386px);
      margin-left: 386px;
   }
}
@media (max-width:1000px) {

   .catalog-btn{
      background-color: #fff0;
   }
   .header__logo {
      width: 47px;
      height: 23px;
      display: block;
   }
   .mob_men_1{
      order: 5;
   }
   .mob_men_2{
      margin-top: 14px;
      order: 4;
   }
   .mob_menu{
      margin-top: 14px;
   }
   .mob_men_3{
      margin-top: 12px;
      order: 3;
   }
   .mob_men_4{
      margin-top: 10px;
      order: 2;
   }
   .mob_men_5{
      margin-top: 12px;
      order: 1;
   }
   .mob_men_6{
      order: 0;
   }
   .catalog-btn .icon-menu {
      display: block;
      position: absolute;
      top: 37%;
      left: 43%;
      width: 32px;
      height: 26px;
      cursor: pointer;
      z-index: 5;
   }
   .catalog-btn {
      position: relative;
      height: 50px;
      width: 50px;
      border-radius: 10px;
      transform: translate(0%, 0px);
   }
   .industrial .header__search-link svg {
      margin: 0px;
   }
   .right-menu{
      display: none;
   }
   .industrial .header__bottom{
      align-items: center;
   }
   .catalog-btn{
      border-radius: 0px;
   }
   .header__search-icon {
      width: 18px;
      height: 18px;
      margin-top: 0px !important;
   }

   .header__phone svg{
      width:23px;
      height: 23px;
   }
   .right-menu__link-icon {
      width: 16px;
      height: 16px;
   }
   .mob_men_2 .right-menu__link-icon{
      width: 16px;
      height: 16px;
   }
   .right-menu__link-count {
      width: 20px;
      height: 20px;
      border-radius: 4px;
      background-color: #ff3331;
      position: absolute;
      top: -10px;
      right: -15px;
      color: #fff;
      font-size: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
   }
   .catalog-btn .icon-menu {
      display: block;
      position: absolute;
      top: 42%;
      left: 21%;
      width: 25px;
      height: 20px;
      cursor: pointer;
      z-index: 5;
   }
   .catalog-btn .icon-menu span {
      transition: all 0.3s ease 0s;
      top: calc(50% - 1px);
      left: 0px;
      position: absolute;
      width: 100%;
      height: 2.5px;
      background-color: #3e5a8a;
   }
   .bx-filter .bx-filter-input-container input{
      background-color: #e4e9f0 !important;
   }
   .bx-ios .bx-filter .bx-filter-input-container input{
      background-color: #e4e9f0 !important;
      background-image: none !important;
   }

}
.catalog__filter{
   background: #ffffff;
   border-radius: 10px;
   padding-top: 20px;
   padding-left: 45px;
   padding-right: 15px;
   padding-bottom: 10px;
}
.catalog__sidebar  .first-block__first-form{
   background: #ffffff;
   border-radius: 10px;
   padding-top: 20px;
   padding-left: 45px;
   padding-right: 35px;
   padding-bottom: 20px;
   margin-top: 15px;
}
.op_new.modal-catalog::before{
   background-color: #0000009a;
}
.op_new  .modal-catalog__top{
   background-color: #0000009a;
}
.op_new  .modal-catalog__col.l-col{
   background-color: #0000009a;
}
.op_new .r-col{
   background-color: #0000009a;
}
.op_new .r-col .modal-catalog__item{
   background-color: #0000009a;
}
.op_new .l-col .modal-catalog__list{
   background-color: #0000009a;
}
.op_new .l-col{
   background-color: #0000009a;
}
.op_new .l-col .modal-catalog__title {
   background-color: #0000009a;
}
.op_new .l-col .modal-catalog__item{
   border-top: 2px solid #ffffff57;
}
.op_new  .r-col .modal-catalog__item{
   border-top: 2px solid #ffffff57;
}

.op_new .r-col .modal-catalog__item:last-child {
   border-bottom:  2px solid #ffffff57;
}
.op_new .l-col .modal-catalog__item:last-child {
   border-bottom:  2px solid #ffffff57;
}
.op_new .modal-catalog__title{
   padding: 15px 0 10px 15px;
}
.op_new .modal-catalog__title{
   font-size: calc(14px + 12 * ((100vw - 320px) / 1600));
}
.op_new .catalog__link {
   font-size: calc(13px + 5 * ((100vw - 320px) / 1600));
}
.op_new .modal-catalog__link {
   font-size: calc(15px + 5 * ((100vw - 320px) / 1600));
   font-weight: 500;
   color: #547cbb;
   line-height: 20px;
   padding: 17px;
   padding-left: 0px;
}
.op_new  .modal-catalog__list{
   padding-bottom: 0px ;
   margin-bottom: 0px;
}
.op_new .modal-catalog__item {
   margin-bottom: 0;
   padding: 4px 0;
   padding-left: 28px;
   padding-right: 8px;
}
.item_catalog_box{
   display: inline-block;
   margin-bottom: 5px;
   vertical-align: top;
   width: 100%;
   padding: 10px;
   border-bottom: 1px solid #d0d0d0;
}
.newback_old .modal-catalog__close svg use {
   fill: #547cbb;
}
.newback_old .modal-catalog__close{
   top: 24px;
   left: auto;
   width: 26px;
   height: 24px;
   right: 45px;
}

.item_section{
   width: 100%;
   margin-top: 20px;
   display: block;

}
@media (max-width: 1250px) {
   .item_section{
      grid-template-columns: repeat(2,minmax(0,1fr));
   }
}

@media (max-width: 1250px) {
   .item_section{
      grid-template-columns: repeat(2,minmax(0,1fr));
   }
}
@media (max-width: 1050px) {
   .item_section{
      grid-template-columns: repeat(1,minmax(0,1fr));
   }
}
.op_new .r-col{
   padding:50px;
   padding-top: 0px;
}
.op_new .catalog_name{
   color:#fff;
   font-size: 18px;
   text-align: center;
   margin-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;

}
.img_catalog {
   width: 160px;
   height: 160px;
   margin: auto;
}
.img_catalog img{
   width: 160px;
   height: 160px;
   transition: 0.5s;
   border-radius: 10px;
}
.img_del_box{
   width: 300px;
   height: 260px;
   margin:auto;
}
.img_del_box img{
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.title-main-page{
   font-size: 30px;
   font-weight: 500;
   max-width: 290px;
   margin:auto;
   margin-top: 60px;
}
.recomendet-box{
   margin: 0 3.5208333333vw;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   row-gap: 25px;
   column-gap: 25px;
   margin-bottom: 20px;
   margin-top: 70px;
}
.recomendet-item {
   width: 350px;
}
.recomendet-img img{
   vertical-align: top;
   height: 100%;
   width: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}
.recomendet-img{
   height: fit-content;
}
.recomendet-text{
   margin-top: 20px;
   text-align: center;
}
.accordion{
   max-width: 1000px;
   margin: auto;
   padding-top: 60px;
   margin-bottom: 60px;
}

.accordion a {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   padding: 1rem 3rem 1rem 1rem;
   color: #000;
   font-size: 1.15rem;
   font-weight: 400;
   border-bottom: 1px solid #e5e5e5;
}
.accordion a:hover,
.accordion a:hover::after {
   cursor: pointer;
   color: #3e5a8a;
}
.accordion a:hover::after {
   border: 1px solid #3e5a8a;
}
.accordion a.active {
   color: #3e5a8a;
   border-bottom: 1px solid #3e5a8a;
}
.accordion a::after {
   line-height: 20px;
   font-size: 20px;
   content: '+';
   position: absolute;
   float: right;
   right: 1rem;
   color: #000;
   padding: 5px;
   width: 30px;
   height: 30px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   border: 1px solid #000;
   text-align: center;
}
.accordion a.active::after {
   content: '-';
   color: #ff5353;
   border: 1px solid #ff5353;
   line-height: 17px;

}
.accordion .content {
   opacity: 0;
   padding: 0 1rem;
   max-height: 0;
   border-bottom: 1px solid #e5e5e5;
   overflow: hidden;
   clear: both;
   -webkit-transition: all 0.5s ease 0.15s;
   -o-transition: all 0.5s ease 0.15s;
   transition: all 0.5s ease 0.15s;
}
.accordion .content p {
   font-size: 1rem;
   font-weight: 300;
   display: none;
   width: 100%;
}
.accordion .content.active {
   opacity: 1;
   padding: 1rem;
   max-height: 100%;
   -webkit-transition: all 0.35s ease 0.15s;
   -o-transition: all 0.35s ease 0.15s;
   transition: all 0.35s ease 0.15s;
}
.size__item img{
   max-width: 40;
}
@media (max-width: 900px) {
   /*.modal-catalog__menu-list {*/
   /*   display: block;*/
   /*   margin: 20px 0px;*/
   /*   text-align: center;*/
   /*}*/
   .servis .news__content {
      height: auto;
   }
   .servis .dop_servis_box .news__first-news {
      height: auto;
   }
   .servis .dop_servis_box .news__image{
      width: 100%;
   }
   .servis .dop_servis_box .news__content{
      width: 100%;
   }
   .img_catalog{
      width: 64px;
      height: 64px;
      margin: auto;
      display: inline-block;
      vertical-align: top;
   }
   .img_catalog img {
      width:64px;
      height: 64px;

   }
   .op_new .catalog_name{
      font-size: 13px;
      color: #547cbb;
      display: inline-block;
   }
   .item_section{
      padding: 0px;
      margin: 0px;
   }
   .mobil_catalog .item_section{
      grid-template-columns: repeat(3,minmax(0,1fr));
   }
   .js_back_sec span {
      font-size: 31px;
   }
   /*.op_new .modal-catalog__link {*/
   /*   padding-bottom: 0px;*/
   /*}*/
   .js_back_sec:before {
      color:#547cbb;
      margin-left:-1.5rem;
      margin-right:1rem;
      content: "\276E\276E";
   }
   .op_new  .js_back_sec{
      padding-bottom: 0px;
      padding-left: 40px !important;
      position: absolute;
      top: 10px;
   }
   .header__labels{
      display: inline-flex;
      position: relative;
      padding: 3px;
      border-radius: 50px;
      background: #F0F0F0;
   }
   .header__label--grey{
      position: relative;
      padding: 0.875em 1.75em;
      font-weight: bold;
      font-size: 0.7rem;
      color: #647992;
      background: none;
      border-radius: 50px;
      border: 0;
      outline: none;
      transition: 0.3s;
      cursor: pointer;
      background: #3e5a8a;
   }
   .header__label {
      position: relative;
      padding: 0.875em 1.75em;
      font-weight: bold;
      font-size: 0.7rem;
      color: #647992;
      background: none;
      border-radius: 50px;
      border: 0;
      outline: none;
      transition: 0.3s;
      cursor: pointer;
      line-height: 10px;

   }
   .header__label.header__label--grey{
      background: #3e5a8a;
      border-radius: 50px;
      color: #fff !important;
      border: none;
   }
   .header__label::after{
      display: none;
   }
   .first-block__header{
      height: 0px !important;
      margin: 0px;
   }
}
.header__labels{
   display: inline-flex;
   position: relative;
   border-radius: 50px;
   background: #F0F0F0;
}


.header__label--grey{
   position: relative;
   padding: 0.875em 1.75em;
   font-weight: bold;
   color: #647992;
   background: none;
   border-radius: 50px;
   border: 0;
   outline: none;
   transition: 0.3s;
   cursor: pointer;
   background: #3e5a8a;
}
.header__label {
   position: relative;
   padding: 0.875em 1.75em;
   font-weight: bold;
   color: #647992;
   background: none;
   border-radius: 50px;
   border: 0;
   outline: none;
   transition: 0.3s;
   cursor: pointer;

}
.header__label--grey::before{
   content: "";
   position: absolute;
   display: block;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   background: #e03733;
   border-top: 1px solid #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}
.header__label.header__label--grey{
   background: #3e5a8a;
   border-radius: 50px;
   color: #fff !important;
   border: none;
}
.header__label::after{
   display: none;
}
.plait_main{
   width: 200px;
   height: 280px;
   border-radius: 10px;
   background-color: #3e5a8a;

   width:calc((100% - 30px * 8) / 9);
}

.plait_name {
   font-size: 20px;
   color: #fff;
   font-weight: 500;
   /* text-align: right; */
   min-height: 90px;
   padding: 15px;
}
.plait_img{
   padding: 20px;
}
.plait_img img{
   width: 100%;
}
.servis{
   max-width: 1300px;
   margin: auto;
}
.servis .news__first-news{
   display: inline-block;
   width: calc(24% - 40px);
   height: 600px;
   vertical-align: top;
}
.dop_servis_box{
   width: calc(50% - 40px) !important;
   background: none !important;
}
.dop_servis_box .news__first-news{
   width: 100%;
   height: 280px;
}
.dop_servis_box .news__content{
   width: 50%;
   display: inline-block;
   vertical-align: top;

}
.dop_servis_box .news__image{
   width: 49%;
   display: inline-block;
   vertical-align: top;

}
.servis .news__first-news{
   background: #3e5a8a;
   margin: 0px;
   overflow: hidden;
   margin-right: 40px;
}
.servis .news__content{
   background: none;
}
.servis .news__first-news .news__image{
   height: 300px;
   min-height: auto;
}
.dop_servis_box .news__first-news:nth-child(2) {
   margin-top: 40px;
}
.servis .news__content{
   padding: 20px;
   height: 300px;
}
.servis .news__name{
   color:#FFF;
   display: block;
}
.servis .articles__text{
   color:#FFF;
}
.servis .dop_servis_box .news__content {
   height: 280px;
}
.servis .dop_servis_box .news__first-news .news__image{
   height: 280px;
}
@media (max-width: 1250px) {
   .servis .news__first-news {
      width: 100%;
      margin: 0px;
      margin-bottom: 20px;
   }
   .dop_servis_box{
      width: 100% !important;
      margin: 0px;
      margin-bottom: 20px;
   }
}
.plate{
   margin-top: 0px;
   margin-bottom: 0px;
}
.plate_container{
   padding-bottom: 55px !important;
}
.header__search {
   display: none;
}
.serche_icon .form__input{
   width: calc(100% - 40px);
   vertical-align: top;
}
.serche_icon .header__search-icon{
   display: inline-block;

   margin-top: 6px;
}
.serche_icon .form__input-clear {

}
.first-block__header {

}
@media (max-width: 1250px) {
   .first-block__header{
      height: 46px;
   }
}
.item_catalog_box:hover .catalog_name{
   color:#3e5a8a;

}
.item_catalog_box:hover .img_catalog img{
   transform: scale(1.1);
}
.name_recomend {
   text-align: center;
   margin-top: 30px;
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: 500;
}

.icon_search {
   display: inline-block;
   background: #fff;
   height: 40px;
   width: 38px;
   border-radius: 5%;
   border-radius: 5px;
   margin-left: -10px;
}
.news__name span{
   border-bottom: 2px solid #e03733
}
@media (max-width: 900px) {
   /*.modal-catalog__menu-list {*/
   /*   display: block;*/
   /*   margin: 20px 0px;*/
   /*   text-align: center;*/
   /*}*/
   .servis .news__content {
      height: auto;
   }
   .servis .news__first-news {
      height: auto;
   }
   .servis .dop_servis_box .news__content{
      height: auto;
   }
   .servis .dop_servis_box .news__first-news{
      margin-bottom: 20px;
      margin-top: 0px;
   }
   .servis .news__first-news{
      margin: 0px;
   }
   .plait_name{
      font-size: 13px;
      padding-bottom: 0px;
      min-height: 50px;
   }
   .plait_main{
      width: auto;
      height: auto;
   }
   .plate_container.recomendet-box{
      row-gap: 15px;
      column-gap: 15px;
   }
   .plate_container .recomendet-box {
      display: grid;
      grid-template-columns: repeat(2,1fr);
   }
   .plate_container{
      padding: 20px 0 !important;
   }
   .articles__header{
      margin-bottom: 15px;
   }
   .recomendet-item{
      width: auto;
   }
   .plate_container .recomendet-box{
      row-gap: 30px;
      column-gap: 50px;
   }
   .recomendet-box{
      row-gap: 0px;
      column-gap: 0px;
   }
}
.act_sec .modal-catalog__link{
   transform: scale(1.3);
}
.search-main{
   display: flex;
   flex-wrap: wrap;
   /* flex-flow: column; */
   gap: 5px;
   /* flex-wrap: wrap; */
   column-count: 3;
   column-count: 5;
   column-gap: 20px;
}
.search-main_item{
   width: 100%;
}
.js_box_model ul{
   display: flex;
   flex-wrap: wrap;
   /* flex-flow: column; */
   gap: 30px;
   /* flex-wrap: wrap; */
   column-count: 3;
   column-count: 5;
   column-gap: 20px;
}
.js_box_model ul li{
   width: 20%;
}
.activeBrend{
   width: 100%;
}
.search-history__link {
   display: inline-block;
   position: relative;
   font-size: 23px;
   font-weight: 700;
   color: #0057b9;
   text-decoration: none;
   border-bottom: 1px dashed #0057b9;
   vertical-align: middle;
}
.search-main__link {
   display: inline-block;
   position: relative;
   font-size: 17px;
   font-weight: 700;
   color: #000;
   text-decoration: none;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 12px;
   padding-bottom: 12px;
   line-height: 37px;
}
.search-history__arrow {
   display: inline-block;
   position: relative;
   font-size: 23px;
   font-weight: 700;
   color: #999;
   vertical-align: middle;
   margin-left: 11px;
   margin-right: 11px;
}
.new_auto_block{
   padding:50px;
}

.search-history_link{
   padding-top: 10px;
   display: inline-block;
}

.search-history {
   display: block;
   position: relative;
   font-size: 0;
   padding-left: 67px;
}
.js_search_title{
   font-size: 30px;
   font-weight: 500;
   padding-bottom: 20px;
   padding-top: 20px;
}
.back_list .search-main_item {
   width: 100%;
   z-index: 9999;
   position: relative;
}
.js_box_model ul {
   width: 100%;
}
.js_box_palse{
   display: inline-block;
   width: 50vh;
   display: flex;
   /* flex-wrap: wrap; */
   /* flex-flow: column; */
   gap: 30px;
   /* flex-wrap: wrap; */
   column-count: 3;
   column-count: 5;
   column-gap: 20px;
}
.js_box_palse{
   flex-flow: column;
   gap: 0px;
   margin-left: 50px;
}
.img_logo_brend{
   DISPLAY: INLINE-BLOCK;
   WIDTH: 55PX;
   HEIGHT: 55PX;
   VERTICAL-ALIGN: TOP;
   PADDING-TOP: 1px;
}
.img_logo_brend img{
   WIDTH: 55PX;
   HEIGHT: 55PX;
   object-fit: contain;
}
.auto_s .first-block-auto__bg{
   opacity: 0.5;
}
.auto_s .first-block-auto__bg{
   opacity: 0.5;
}
.auto_s .first-block-auto__bg{
   z-index: -1;
   position: relative;
   opacity: 0.3;
}
.auto_s .first-block-auto__video-bg{
   position: absolute;
   top: 5%;
   right: 0%;
   width: 50%;
   z-index: -1;
   object-fit: cover;
}
@media (max-width: 900px) {
   .new_auto_block{
      padding:0px;
      padding-bottom: 20px;
      padding-top: 20px;
   }
   .js_search_title{
      font-size: 22px;
   }
   .search-main__link{
      padding-left: 0px;
      padding-right: 5px;
      font-size: 14px;
   }
   .search-main_item {
      width: 47%;

   }
   .js_box_model ul li{
      width: 100%;
   }
}
@media (max-width: 420.98px) {
   .search-main {
      column-gap: 10px
   }

}
@media (max-width: 380.98px) {
   .search-main {
      column-gap: 10px
   }
   .search-main__link{
      font-size: 12px;
   }
   .img_logo_brend{
      WIDTH: 45PX;
   }
   .img_logo_brend img{
      WIDTH: 45PX;
   }

}
@media (max-height: 850px) {
   .first-block{
      height: calc(100vh - 210px);
   }
}

.product__image img{
   border: 2px solid #fff;
}
.product__image img:hover {
   cursor: pointer; /* Устанавливаем курсор в виде указателя */
   border: 2px solid #5479b8; /* Добавляем рамку шириной 2px и цвета черного */
}
.catalog__sidebar .serche_icon .header__search-icon {
   display: inline-block;
   margin-top: 11px;
   padding-left: 6px;
}
.catalog__sidebar .icon_search {
   display: inline-block;
   background: #fff;
   height: 47px;
   width: 43px;
   border-radius: 5%;
   border-radius: 5px;
   margin-left: -10px;
}
.ili_box{
   text-align: center;
   margin-bottom: 15px;
   font-size: 20px;
   font-weight: 600;
}
.main-product__row .js-one-click-buy{
   margin-top: 26px;
}
@media (max-width: 500px){
   .first-block{
      margin-top: 10px;
   }
   .inner {
      margin-bottom: 0px;
   }
   .first-block .form__label {
      font-size: 15px;
      line-height: 17px;
   }
   .first-block .form__label{
      margin: 0px 0px 10px 0px;
   }
   .industrial .first-block__form .form {
      padding: 15px 10px;
   }
   .first-block__form .form__button {
      height: 40px;
      transition: transform 0.4s ease-in-out, width 0.4s ease-in-out,
      height 0.4s ease-in-out, padding 0.4s ease-in-out,
      border 0.4s ease-in-out;
   }
   .search-main__link{
      font-size: 14px;
      padding-top: 10px;
      line-height: 16px;
      padding-bottom: 0px;
   }
   .new_auto_block{
      padding-top: 0px;
      padding-bottom: 0px;
   }
   .js_search_title{
      padding-top: 0px;
   }
   .js_box_model ul{
      gap: 10px;
   }

   .search-main_item ul{
      margin-bottom: 20px;
   }
   .form__button {
      font-size: 14px;
      line-height: 16px;
   }
   .first-block__first-form {
      grid-template-rows: auto 48px 1fr;
   }
   .first-block {
      height: auto;
   }
   .first-block__form{
      margin: 0px 0px 0px 0px;
   }
   .breadcrumbs__li:not(:last-child) {
      margin: 0px 10px 0px 0px;
   }
   .breadcrumbs__li {
      padding: 5px 0px;
   }
   .breadcrumbs__link{
      font-size: 14px;
   }
   .breadcrumbs__item{
      font-size: 12px;
   }
   .breadcrumbs__link::after {
      content: "/";
      font-size: 15px;
      margin-left: 5px;

   }
   .main-title {
      font-size: 22px;
      margin-bottom: 20px;
   }
   .main-product__quantity {
      height: 40px;
   }
   .main-product__button {
      height: 60px;
   }
   .main-product__btn:first-child{
      margin-bottom: 0px;
   }
   .main-product__row:not(:last-child){
      margin-bottom: 15px;
   }
   .main-product__row .js-one-click-buy{
      margin-top: 0px;
   }
   section.industrial{
      padding: 15px 15px 15px 15px;
      border: 1px solid;
      border-radius: 10px;
      border: solid 1px #b9c7da;
      margin: 0px 15px 0px 15px;
   }
}
.bx-filter-parameters-box-container{
   margin-top: 5px;
}
.bx-filter .bx-filter-parameters-box-title {
   margin-bottom: 0px !important;
}
.bx-filter .bx-filter-parameters-box-title span{
   font-size: 15px;
}
.cookie-disclaimer {
    display: none;
   position: fixed;
   bottom: 20px;
   right: 41px;
   background-color: #7c91b5;
   padding: 16px;
   z-index: 1000;
   opacity: 0.85;
   width: 330px;
   text-align: left;
   height: 103px;
   padding-right: 50px;
   border-radius: 8px;

}
.cookie-disclaimer p{
   color: #fff;
   display: inline-block;
   font-size: 15px;
   line-height: 18px;
}
.close-button {
   position: absolute;
   top: 0px;
   right: 14px;
   background: none;
   border: none;
   color: #fff;
   cursor: pointer;
   font-size: 59px;
}
.cookie-disclaimer a{
   color: #ffffff;
   text-decoration: underline;
}
.new_car_block{
   display: flex;
}
.search-flex{
   flex: 1;
}
.js_start_CLASS{
   height: 400px!important;
}
.floating-menu {
   display: none;
}
@media (max-width: 900px) {
   .search-history{
      padding-left: 15px;
   }
   .new_car_block {
      display: flex;
      flex-wrap: wrap;
      gap: 10px; /* Отступы между элементами */
   }

   .search-flex {
      flex: 1 1 calc(50% - 10px); /* Две колонки */
      box-sizing: border-box;
   }


   .search-flex_cell {
      flex: 1 1 calc(50% - 10px); /* Две колонки внутри элемента */
      box-sizing: border-box;
   }
   .search-main_item {
      width: 100%;
   }
   .search-main_item{
      width: 100%;
   }
   .img_logo_brend{
      margin-left: 20px;
   }
   .search-main__link {
      font-size: 14px;
      padding-top: 21px;
   }
   .product__name{
      max-height: 150px;
      max-width: 100%;
   }
   .floating-menu {
      display: flex;
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #2f3b45;
      border-radius: 30px;
      padding: 13px 22px;
      gap: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      z-index: 1000;
      height: 48px;
      width: 164px;
      justify-content: space-between;
   }

   .floating-menu .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 30px;
      cursor: pointer;
      width: 22px;
      height: 22px;
      background: 0px;
      padding: 0px;
      border-radius: 0;
   }
   .floating-menu .header__search-icon{
      width: 27px;
      height:27px;
      color: white;
   }
   .floating-menu .header__search-icon use {
      fill: #fff;
   }
   .floating-menu .catalog-btn .icon-menu span {
      height: 1px;
   }
   .floating-menu .catalog-btn .icon-menu   {
      top: 4px;
      left: 4px;
      height: 15px;
      width: 16px;
   }

}
.new_foto_schem{width: 50%;}

@media (max-width: 1050px){
   .video-container {
      display: none !important;
   }
}
@media (max-width: 1650px){
   .video-container img {
      width: 200px;
      height: 200px;
   }
}




.select-box {
   border: 1px solid #ccc;
   border-radius: 4px;
   padding: 0 10px;
   background-color: #fff;
   cursor: pointer;
   position: relative;
}

.select-input-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.select-input {
   border: none;
   outline: none;
   width: 100%;
   background-color: transparent;
   cursor: pointer;
   height: 48px;
}

.arrow-icon {
   width: 20px;
   height: 20px;
   background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIHZlcnNpb249IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTSAxIDAgTCAxMSAwIEwgNiA3IEwgMSAwIHoiIGZpbGw9IiM3ODc4NzgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9Im5vbmUiPjwvcGF0aD48L3N2Zz4=') no-repeat center center;
   pointer-events: none;
}

.dropdown {
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 4px;
   overflow-y: auto;
   max-height: 300px;
   z-index: 1000;
   display: none;
}

.dropdown-list-container {
   position: relative;
}

.dropdown-item {
   padding: 8px 10px;
   cursor: pointer;
}

.dropdown-item:hover {
   background-color: #f0f0f0;
}
.container {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   padding: 20px;
}

.container-search-auto .row {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 10px;
}

.select-container {
   display: flex;
   flex: 1;
   gap: 10px;
   flex-wrap: wrap;
}

.select-box {
   flex: 1;
   min-width: 180px;
   position: relative;
}

.select-input-container {
   position: relative;
}

.select-input[disabled] {
   background-color: #f0f0f0;
   cursor: not-allowed;
   opacity: 0.6;
}

.arrow-icon {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
}

.submit-button-search {
   padding: 10px 20px;
   background-color: #007bff;
   color: #fff;
   border: none;
   cursor: pointer;
}

.submit-button-search:hover {
   background-color: #0056b3;
}

@media (max-width: 900px) {
   .row {
      flex-direction: column;
   }

   .select-box {
      width: 100%;
      margin-bottom: 10px;
   }

   .submit-button-search {
      width: 100%;
   }
   .js_search_long {
      width: 100% !important;
   }
   .select-input {
      height: 35px;
      font-size: 15px;
   }
   .container-search-auto{
      padding: 0px;
   }

}

.submit-button-search{
   width: 33%;
   background-color: #5479b8;
   color: #fff;
   font-size: 16px;
   line-height: 18px;
   height: 48px;
   transition: all 0.3s ease 0s;
   cursor: pointer;
   border-radius: 5px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
}
.submit-button-search::after {
   content: "";
   position: absolute;
   display: block;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   background: #e03733;
   border-top: 1px solid #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}
.container-search-auto{
   margin: 0px;
   padding: 32px;
   background: #E5E8EC;
   border-radius: 10px;
   width: 70%;
}
.error-message {
   color: red;
   font-size: 12px;
   margin-top: 5px;
   display: none; /* Скрывать сообщение по умолчанию */
}
.ili_box_auto{
   text-align: center;
   margin-top: 30px;
   font-size: 25px;
   font-weight: 600;
   width: 70%;
}
@media (max-width: 900px) {
   .ili_box_auto{
      text-align: center;
      margin-top: 15px;
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 600;
      width: 100%;
   }
   .container-search-auto {

      width: 100%;
   }

   .dropdown {
      position: absolute;
      top: -100px;
      left: 20%;
      width: 80%;
      background-color: #3a3a3a;
      border-radius: 12px;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
      max-height: 400px;
      overflow-y: auto;
      z-index: 1000;
   }

   .dropdown-list-container {
      display: flex;
      flex-direction: column;
   }

   .dropdown-item {
      padding: 15px;
      font-size: 16px;
      color: white;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Линии между пунктами */
      cursor: pointer;
   }

   .dropdown-item:last-child {
      border-bottom: none; /* Убрать нижнюю линию у последнего элемента */
   }

   .dropdown-item:hover {
      background-color: #5a5a5a; /* Эффект при наведении */
   }

   .dropdown-item[aria-selected="true"] {
      background-color: #d8d8d8;
      color: black;
   }

   /* Стилизация для скролла */
   .dropdown::-webkit-scrollbar {
      width: 8px;
   }

   .dropdown::-webkit-scrollbar-thumb {
      background-color: #5a5a5a;
      border-radius: 8px;
   }
   .select-container {
      gap: 0px;
   }
   .container-search-auto{
      padding: 15px;
   }
   .container-search-auto .row {
      margin-bottom: 0px;
   }
   .container-search-auto .submit-button-search{
      width: 40%;
      margin-left: 10px;
      height: 40px;
   }
}
.video-container img{
   width: 300px;
}
.news-item__img video{
   width: 100% !important;
   object-fit: cover;
   height: 100% !important;
}
.news-item__img img{
   position: relative;
   width: 100%;
   object-fit: cover;
   height: 100%;
}
._gallery  .about-video__prev {
   padding: 0px;
}
.title_desc{
   font-size: 20px;
   line-height: normal;
   padding: 5px 0;
   margin: 20px 0;
   border-bottom: 1px solid  #b9c7da;
}
@media (max-width: 900px) {
   .title_desc{
      margin-top: 10px;
      font-size: 15px;
   }
   .alldata.allmarks .element label{
      padding-left: 40px;
      font-size: 14px;
   }
   .chooser .element p{
      margin: 10px 0;
   }
}
.parametrs__col .parametrs__row{
   margin: 0px 0px 0px 0px;
   padding-top: 20px;
   padding-left: 10px;
    padding-right: 10px;
}
.parametrs__col .parametrs__row:nth-child(even) {
   background-color: #e4e9f09c;
}
.allFilter{
   margin-top: 10px;
   display: none;
}

.btnAllFilter{
   font-family: Montserrat;
   font-size: 17px;
   font-weight: 900;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #000;
}
.text_center-text{
   text-align: center;
}
.table_type3 tr:nth-child(odd) {
   background: #e4e9f09c;
}
.content_wrap table tr:nth-child(odd) {
   background: #e4e9f09c;
}
.table_type3 tr:nth-child(odd) {
    background:#e4e9f09c;
}
.table_type3 th, .table_type3 td {
   padding: 6px;
   border: 0px;
}
#src_sufix{
   border: 1px solid #ccc;
   border-radius: 4px;
   padding: 0 10px;
   background-color: #fff;
   cursor: pointer;
   height: 48px;
   width: 50%;
}
#src_sufix_but{
   width: 20%;
   margin-left: 20px;
   display: inline-block;
}
.table_type3 {
   margin-top: 20px;
}
.search_bring{
   width: 100%;
   background: #fff;
}

@media (max-width: 1200px) {
   .table_type3 {
      overflow: auto;
      display: block;
      width: auto;
   }
   .table_type3{
      margin-left: -15px;
      margin-right: -15px;
   }
}

@media (max-width: 740px) {
   #src_sufix_but{
      width: 100%;
      margin-left: 0;
   }
   #src_sufix{
      width: 100%;
   }
}

.chooser {
   max-width: 1399px;
   border-radius: 0;
   padding: 20px;
   min-height: 550px;
   padding-top: 30px;
}
.chooser-top {
   display: flex;
   text-align: center;
   font-size: 16px;
   background-color: #fff;
}
.p {
   display: block;
}
.chooser-top div {
   flex: 20%;
   cursor:pointer;
   border: none;
   border-bottom: 5px solid #5479b8;
   background-color: transparent;
   padding: 20px 10px;
   font-size: 14px;
   justify-content: center;
   align-items: center;
   font-size: 18px;
   position: relative;
}
.chooser-top div.active{
   background-color: #5479b8;
   color: white;
}
.chooser .search {
   margin: 15px;
   padding: 10px;
   padding-left: 5px;
   background: #E5E8EC;
   border-radius: 0;
   width: 50%;
}
.chooser .button {
   width: 35%;
   background-color: #5479b8;
   color: #fff;
   font-size: 20px;
   height: 50px;
   transition: all 0.3s ease 0s;
   cursor: pointer;
   border-radius: 5px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   border: none;
   font-family: inherit;
   font-size: inherit;
}

.chooser .search input {
   padding-left: 0px;
   margin-right: 20px;
   width: 90%;
   font-size: 20px;
}
.chooser-body {
   /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
}
.chooser-body div#sshow {
   display:inline-block;
   border: 1px solid #FF3333;
   color: #FF3333;
   background-color: transparent;
   border-radius: 80px;
   padding: 15px 50px;
   font-weight: 700;
   text-transform: uppercase;
   cursor: pointer;
   margin-bottom: 20px;
   width: 250px;
}
.chooser .radio-image {
   margin-right: 20px;
   width: 20px;
   height: 20px;
   object-fit: cover
}
.alldata.allmarks .element label {
   display: flex;
   align-items: center;
   position: relative;
   padding-left: 55px;
   font-size: 16px;
}

#chooser_0 .element label {
    background: #EFF2F8;
    border-radius: 200px;
    justify-content: space-around;
}


.chooser .element label {
   display: grid;
   cursor: pointer;
   padding: 5px;
   text-align: center;
   transition: background-color 0.3s;
   position: relative;

}
.element.primary {
   font-weight: 700;
}

.alldata, .alldata {
   display: grid;
   grid-template-columns: repeat(5, auto);
   padding-left: 0;
   padding-right: 0;
}
.alldata.allmarks .element span {
   background: center no-repeat;
   background-size: contain;
   position: absolute;
   cursor: pointer;
   top: 0;
   width: 45px;
   height: 100%;
   left: 10px;
}

.chooser .element input {
   display: none;
}
.chooser-main {
   display: grid;
   padding-left: 10px;
   padding-right: 10px;
   margin: 30px;

}
.margin_0 {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
.chooser .button::after {
   content: "";
   position: absolute;
   display: block;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   background: #e03733;
   border-top: 1px solid #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}
.chooser .button:hover {
   background-color: #003D6E;
}


.chooser .element p {
   margin: 16px 0;
   padding: 0 30px;
   line-height: 23px;
}
.alldata.allmarks .element span{
   background: center no-repeat;
   background-size: contain;
   position: absolute;
   cursor: pointer;
   top: 0;
   width: 35px;
   height: 100%;
   left: 3px;
}
#chooser_0  .element span {
    left: 40px;
}
@media (max-width: 1500px) {
   .alldata, .alldata {
      grid-template-columns: repeat(4, auto);
      display: grid;
      flex-wrap: wrap;
      padding-left: 0;
      padding-right: 0;
   }
   .alldata .element, .alldata .element {
      display: grid;
      flex-basis: 23%;
      padding-left: 10px;
   }
}
@media (max-width: 1400px) {
   .alldata, .alldata {
      display: grid;
      grid-template-columns: repeat(3, auto);
      flex-wrap: wrap;
      padding-left: 0;
      padding-right: 0;
   }
   .alldata .element, .alldata .element {
      display: grid;
      flex-basis: 30%;
      padding-left: 10px;
   }
}
@media (max-width: 1000px) {
   .alldata, .alldata {
      display: grid;
      grid-template-columns: repeat(2, auto);
      flex-wrap: wrap;
      padding-left: 0;
      padding-right: 0;
   }
   .alldata .element, .alldata .element {
      display: grid;
      flex-basis: 30%;
      padding-left: 10px;
   }
   .chooser-top div {
      font-size: 12px;
   }
   .chooser{
      padding: 0px;
      min-height: auto;
   }
   .chooser-main {
      margin: 0px;
      margin-top: 15px;
   }
   .chooser .element p {
      padding: 0 10px;
   }

   .search-history__link {
      font-size: 16px;
   }
   .search-history_link .radio-image {
      width: 31px;
      height: 19px;
   }
}

@media (max-width: 500px) {
   .alldata, .alldata {
      display: grid;
      grid-template-columns: repeat(2, auto);
      flex-wrap: wrap;
      padding-left: 0;
      padding-right: 0;
   }
   .alldata .element, .alldata .element {
      display: grid;
      flex-basis: 60%;
      padding-left: 10px;
   }
   .chooser .search input{
      width: 100% !important;
   }
   .search b {
      margin-bottom: 10px;
      display: block;
   }
}
@media (max-width: 380px) {
   .chooser-top div{
      padding: 10px;
   }
   .alldata, .alldata {
      display: grid;
      grid-template-columns: repeat(2, auto);
      flex-wrap: wrap;
      padding-left: 0;
      padding-right: 0;
   }
   .alldata .element, .alldata .element {
      display: grid;
      flex-basis: 60%;
      padding-left: 10px;
   }
   .chooser .search input{
      width: 100% !important;
   }

}

.chooser .disabled {
   cursor: not-allowed;
   opacity: 0.6;
}


.chooser .search input{
   border: 1px solid #ccc;
   border-radius: 4px;
   padding: 0 10px;
   background-color: #fff;
   cursor: pointer;
   height: 48px;
   width: 60%;
}
.chooser .search{
   margin: 0px;
   padding: 15px;
   background: #E5E8EC;
   border-radius: 10px;
   width: 50%;
}
.chooser .element {
   border: none;
   padding: 0;
   box-sizing: border-box;
}
.chooser .no-mark .element {
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
   padding: 20px 0;
   box-sizing: border-box;
}
.no-mark .alldata.allmarks  .element label{
   cursor: pointer;
   display: inline-block;
   margin-bottom: 0.5rem;
   width: 100%;
   padding: 0;
}
@media (max-width: 1000px) {
   .chooser .search{
      padding: 0px;
      margin-top: 10px;
   }
   .chooser .search{
      width: 100%;
   }
   .chooser .search input{
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 0 10px;
      background-color: #fff;
      cursor: pointer;
      height: 40px;
      width: 100%;
      border: 2px solid #5479b8;
      font-size: 13px;
   }
}
.favorite_car{
   font-weight: bold;
}
.table_type3{
   -webkit-user-select: none; /* Отключение выделения в Safari */
   -ms-user-select: none; /* Для Internet Explorer */
   user-select: none; /* Отключение выделения текста */
   user-select: none;
   position: relative;
}
.table_type3::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url(/videos/patternNew.png);
   opacity: 0.2;
   pointer-events: none;
   z-index: 1;
}
.auto_a_menu{
   font-size: calc(15px + 5*((100vw - 320px) / 1600)) !important;
   font-weight: 400;
   color: #fff;
   line-height: 20px;
   padding: 17px !important;
   padding-left: 0px !important;
}

.services-list {
   display: flex;
   flex-direction: column;
   gap: 20px;
   margin-bottom: 20px;
}

.service-item {
   display: flex;
   gap: 20px;
   background: #3e5a8a;;
   transition: background-color 0.3s;
}


.service-item-preview img {
   width: 300px;
   height: 300px;
   object-fit: cover;
}

.service-item-info {
   flex: 1;
}
.service-item-info p{
   padding-left: 20px;
   padding-right: 50px;
   color: #fff;
}
.service-item-title {
   font-size: 24px;
   padding: 25px;
}

.service-item-title a {
   text-decoration: none;
   color: #ffffff;
   transition: color 0.3s;
   border-bottom: 2px solid #e03733;
}



.service-item-summary {
   font-size: 16px;
   color: #555;
}

/* Адаптивность */
@media (max-width: 1000px) {
   .service-item {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px;
   }
   .service-item-preview{
      margin: auto;
   }
   .service-item-preview img {
      width: 200px;
      height: 200px;
   }

   .service-item-title {
      font-size: 18px;
   }

   .service-item-summary {
      font-size: 14px;
   }
   .service-item-info p{
      padding-left: 20px;
   }
}

@media (max-width: 480px) {
   .container {
      padding: 10px;
   }

   .page-title {
      font-size: 20px;
   }

   .service-item {
      padding: 15px;
   }

   .service-item-title {
      font-size: 16px;
   }

   .service-item-summary {
      font-size: 12px;
   }
}
.service-title {
   font-size: 24px;
   margin-bottom: 20px;
}
.service-discription{
   width: 500px;
   margin-left: 21%;
   font-size: 14px;
   margin-bottom: 20;
   line-height: 20px;
}
.sidebar {
   width: 20%;
   padding-right: 20px;
   background-color: #ffffff;
   border-right: 1px solid #ddd;
}

.sidebar h2 {
   font-size: 18px;
   margin-bottom: 10px;
}

.sidebar ul {
   list-style-type: none;
   padding-left: 0;
}

.sidebar ul li {
   margin-bottom: 8px;
}

.sidebar ul li a {
   text-decoration: none;
   color: #007bff;
}

.service-details {
   width: 100%;
   padding: 20px;
   background-color: #ffffff;
}

.service-title {
   font-size: 28px;
   margin-bottom: 20px;
}

.service-announcement {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}

.service-image, .service-summary {
   flex: 1;
   padding: 20px;
   border: solid 1px #b9c7da;
   border-radius:8px;
   text-align: center;
}

.service-image {
   min-height: 200px;
}

.service-summary {
   min-height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
}

.service-description {
   padding: 20px;
   font-size: 16px;
}
.service-content {
   display: flex;
   gap: 20px;
}

.service-image {
   width: 50%;
}

.service-image img {
   width: 100%;
   height: auto;
   border-radius: 8px;
   max-height: 450px;
   object-fit: cover;
}

.service-summary,
.service-details {
   width: 100%;
   font-size: 16px;
   color: #555;
}

.service-summary {
   font-weight: bold;
   margin-bottom: 20px;
   background: #fff;
   border: none;
}

.service-details {
   line-height: 1.6;
}

/* Адаптивность */
@media (max-width: 900px) {
   .service-content {
      flex-direction: column;
   }
   .new_menu_mobil{
      display: flex;
      flex-wrap: wrap;
      border-radius: 10px;
      overflow: hidden;
      width: 100%;
      flex-direction: column;
      height: 99svh;
   }
   .service-image,
   .service-summary,
   .service-details {
      width: 100%;
   }

   .service-title {
      font-size: 22px;
   }
   .modal-catalog__menu-item{
      padding: 7px 0px;
      border: 1px solid #547cbb;
      margin: 5px !important;
      background: #fff;
      border-radius: 6px;
      color: #547cbb !important;
   }
   .main_uslugi .sidebar {
      padding-left: 20px;
   }
}
@media (max-width: 1268px) {
   .sidebar {
      width: 25%;
   }
}

@media (max-width: 480px) {
   .container {
      padding: 10px;
   }

   .service-title {
      font-size: 20px;
   }

   .service-summary,
   .service-details {
      font-size: 14px;
   }
}
.main_uslugi{
   display: flex;
   margin: 20px auto;
}
.sidebar ul {
   list-style: none; /* Убираем стандартные маркеры */
   padding: 0;
   margin: 0;
}

.sidebar ul li {
   margin: 10px 0; /* Отступы между элементами списка */
}

/* Стили для ссылок */
.sidebar ul li a {
   display: inline-block; /* Делает ссылку блоком */
   position: relative;
   padding: 10px 20px; /* Отступы для кнопки */
   background-color: #F0F0F0; /* Цвет фона кнопки */
   color: #647992; /* Цвет текста */
   text-decoration: none; /* Убираем подчеркивание */
   border-radius: 5px; /* Скругляем углы */
   transition: background-color 0.3s ease; /* Плавное изменение фона при наведении */
}

/* Кнопка в активном состоянии */
.sidebar ul li a.active {
   background-color: #3e5a8a; /* Зеленый фон для активной кнопки */
   color: #fff;
}
.sidebar ul li a.active::before {
   content: "";
   position: absolute;
   display: block;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 5px;
   background: #e03733;
   border-top: 1px solid #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all 0.3s ease 0s;
}
/* Эффект при наведении на кнопку */
.sidebar ul li a:hover {
   background-color: #3e5a8a; /* Зеленый фон для активной кнопки */
   color: #fff; /* Темно-синий цвет при наведении */
}
/* Мобильные стили */
@media (max-width: 1000px) {
   .main_uslugi {
      flex-direction: column;
   }

   .sidebar {
      min-width: 100%;
      margin-bottom: 0px;
   }

   .service-details {
      min-width: 100%;
   }

   .service-announcement {
      flex-direction: column;
      align-items: center;
   }
   .service-discription{
      width: 100%;
      margin-left:0;
      font-size: 11px;
      padding-left: 20px;
   }
   .service-image img {
      width: 100%;
      max-width: 400px;
   }

   .service-summary {
      margin: 0;
      padding: 0;
      min-height: auto;
   }
   .sidebar ul li a{
      width: 100%;
   }
   .cookie-disclaimer p {
      font-size: 11px;
      line-height: 15px;
   }
   .cookie-disclaimer {
   }
   .cookie-disclaimer {
      position: fixed;
      bottom: 80px;
      right: 5px;
      background-color: #7c91b5;
      padding: 8px;
      z-index: 1000;
      opacity: 0.85;
      width: 190px;
      text-align: left;
      height:92px;
      padding-right: 34px;
      border-radius: 8px;
   }
   .close-button {
      position: absolute;
      top: 4px;
      right: 16px;
      background: none;
      border: none;
      color: #fff;
      cursor: pointer;
      font-size: 30px;
      font-weight: 100;
   }
   .header__feedback {
      display: none;
   }
}

/* Стиль для маленьких экранов */
@media (max-width: 480px) {
   .service-title {
      font-size: 1.5em;
   }

   .sidebar ul li a {
      font-size: 1em;
   }

   .service-summary {
      font-size: 1em;
   }

   .service-description {
      font-size: 1em;
   }
}
.auth-modal-content_items{
   height: 750px;
   width: 1000px;
}
.auth-modal-content_items ._container{
   padding: 0px;
   height: 100%;
}
.auth-modal-content_items  .popular{
   padding: 20px;
}
.auth-modal-content_items .swiper-slide .product{
}
.switch_box {
   display: none;
}



.modal-catalog__menu-link{
   padding: 13px;
}
.op_new.newback_old::before {
   background-color: #547cbb !important;

}
.newback_old .modal-catalog__top {
   background-color: #00000000 !important;
}
.newback_old .js_open_sec_item {
   border-top: 2px solid #ffffff57;
}
.new_catalog_items .bx_catalog_tile .bx_catalog_tile_title {
   max-width: 200px;
}
.new_catalog_items  .bx_catalog_tile .bx_catalog_tile_ul li{
   float: none;
   box-sizing: border-box;
   margin-bottom: 20px;
   padding: 0 10px;
    width:auto;
   list-style: none;
   display: inline-block;
   text-align: center;
   vertical-align: top;
}
.new_catalog_items .bx_catalog_tile .bx_catalog_tile_img{
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0 20px;
   width: 150px;
   height: 150px;
    border: none;
   border-radius: 2px;
   background-color: #fff;
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   -webkit-background-size: contain;
}
.new_catalog_items .wrapper{
   padding-right: 9%;
}
.new_catalog_items .bx_catalog_tile .bx_catalog_tile_title{
   margin-top: 10px;
}
@media (max-width: 1000px) {
   .new_catalog_items .wrapper{
      padding-right: 0;
   }
}
.base-name-label {
   position: absolute;
   top: -30px;
   left: 0;
   padding: 5px;
   border-radius: 4px;
   font-size: 14px;
   z-index: 1000;
   width: 100%;
   color: #000;
}
.search-history__label {
   font-weight: bold;
   margin-right: 5px;
   display: block;
   font-size: 10px;
   margin-bottom: 5px;
}
@media (max-width: 600px) {
   .table_type3 {
      margin-left: 0px;
      margin-right: 0px;
      font-size: 12px;
   }
   .chooser{
      padding-top: 0px;
      border: 1px solid #5479b8;
      border-radius: 16px;
   }
   .wrapper{
      margin-top: 60px;
   }
   .chooser-top div{
      min-width: 90px;
   }
   .base-name-label{
      top: -20px;
   }
   .chooser-top div{
      flex: 1 1 calc(33.333% - 10px);
      margin-top: 25px;
      padding: 8px 10px;
      padding-top: 15px;
   }
   .base-name-label{
      font-size: 11px;
      font-weight: 600;
   }
   .chooser-top{
      flex-wrap: wrap;
      border-radius: 16px;
   }
   .search-history__label {
      font-weight: bold;
      margin-right: 5px;
      display: block;
      font-size: 10px;
      margin-bottom: 5px;
   }
   .chooser .no-mark .element{
      padding: 5px 0;
   }
   .no-mark .alldata.allmarks .element label {
      margin-bottom: 0px;
   }
   .chooser-main {
      margin-top: 0px;
   }
}
.top_menu_header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 65px;
}
.header__menu {
}
.header_icon{
   display: flex;
   height: 45px;
   gap: 15px;
   margin-left: 15px;
}
.menu__container {
   display: flex;
}
.header_bot {
   height: 65px;
   display: grid;
   align-items: end;
   grid-template-rows: 65px;
   grid-template-columns: repeat(3, minmax(0, auto)) minmax(0, 100%) minmax(0, auto);
}
.header__catalog_container{

}

.catalog_btn_new{
   background-color: #5479b8;
   font-size: 20px;
   color: #ffffff !important;
   display: flex;
   border-radius: 8px;
   transition: all 0.3s ease 0s;
   line-height: 49px;
   padding-left: 10px;
   padding-right: 10px;
   align-content: flex-start;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   font-weight: 500;
   text-decoration: none !important;
}
.burger_header{
   height: 38px;
   display: flex;
   width: 38px;
   margin-left: 20px;
   background: url("../img/burger-new.png") center/100% no-repeat;
}
.catalog_btn_new:hover{
   background-color: #3e5a8a;
}
.header__label {
   padding: 7px;
   border: 1px solid #e5e8ec;
   border-radius: 8px;
   font-size: 14px;
   line-height: 16px;
   font-weight: 500;
}
.header__labels {
   border-radius: 8px;
   gap: 10px;
   margin-left: 4vw;
   background: #fff;
   max-width: 349px;
}
.header__label.header__label--grey {
   border-radius: 8px;
   background-color: #5479b8;

}
.new_input_search .icon_search{
   background: none;
}
.new_input_search {
   margin: 0px;
   transition: width 0.5s ease, height 0.5s ease;
   max-width: 100%;
}
.new_input_search .serche_icon .form__input{
   width: 100%;
   font-size: 16px;
   line-height: 21px;
   background-color: #fff;
   border-radius: 8px;
   border: 2px solid #5D80BC66;
   padding: 17px 35px 9px 14px;
}
.new_input_search  .form__line{
   margin: 0px;
}
.new_input_search  .icon_search {
   /* display: inline-block; */
   background: #fff;
   height: 40px;
   width: 38px;
   border-radius: 5%;
   /* border-radius: 5px; */
   /* margin-left: -10px; */
   position: absolute;
   top: 50%;
   right: 0px;
   transform: translateY(-50%);
   background: none;
}
.new_input_search {
   margin-left: 4vw;
}
.new_input_search .form__input-clear {
   top: 16px;
}
.active_new_search{
   width: 60%;
   position: absolute;
   z-index: 99;
   /* margin: auto; */
   left: 20%;
   max-width: 100%;
   top: 95px;
}
.back_title_search{
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 1;
   display: none;
   pointer-events: none;
   z-index: 1490;
   background-color: rgba(0, 0, 0, 0.5) !important; /* Прозрачный черный фон */

}
._lock_new{
   overflow: hidden;
}
.active_new_search .form__line {
   z-index: 9999;

}
.active_new_search .form__result-container {
   position: relative;
   background-color: #e6e9ed;
   border-radius: 8px;
   margin-top: 20px;
   z-index: 9999;
   max-height: 60vh;
   padding: 30px;
}
.active_new_search .search-result--industrial .search-result__image {
   flex: 0 0 140px;
   height: 92px;

}
.active_new_search .search-result__content {
   align-items: center;
   margin: 0px 0px 0px 40px;
}
.active_new_search .search-result--industrial .search-result__name {
   font-size: 18px;
   line-height: 18px;
   word-break: break-word;
}
.active_new_search  .search-result--industrial .search-result__price {
   font-size: 16px;
   line-height: 18px;
}
.active_new_search .form__input-placeholder{
   top: 15px;
}
.first-block__form{
   margin-top: 0px !important;

}
.first-block {
   margin-left: 0px !important;
   height: auto;
   grid-template-columns: 530px 1fr 1fr;
}
.industrial {
   height: 450px;
   margin:0 3.5208333333vw;
   padding:0px;
   margin-bottom: -20px;
}
.swiper-container {
   width: 100%;
}

.swiper-slide {
   background-size: cover;
   background-position: center;
   width: 100%;
   height: 100%; /* Высота слайда равна высоте контейнера */
   position: relative;
}

.slide-content {
   position: absolute;
   bottom: 20px; /* Сместить текст выше от нижнего края */
   left: 20px; /* Смещение от левого края */
   color: #fff;
}

.slide-content h2 {
   font-size: 36px; /* Уменьшенный размер заголовка */
   margin: 0;
}

.slide-content p {
   font-size: 18px; /* Уменьшенный размер текста */
   margin-top: 10px;
}


@media (max-width: 900px) {
   .slide-content h2 {
      font-size: 32px;
   }
   .slide-content p {
      font-size: 18px;
   }

}
.section-slide{
   position: relative;
   z-index: 1;
   margin: 0 7.5208333333vw;
}
.swiper-slide {
   position: relative;
   overflow: hidden;
}

.slide-link {
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none; /* Убирает подчеркивание */
   color: inherit; /* Наследует цвет текста */
}

.slide-content {
   display: flex;
   width: 100%;
   /* max-width: 1200px; */
   margin: 0 auto;
   padding: 20px;
   position: absolute;
   top: 0;
   left: 0;
   color: #fff;
}
.swiper-pagination {
   position: absolute;
   bottom: 10px; /* Расстояние от нижнего края */
   left: 50%;
   transform: translateX(-50%) !important; /* Центрирование по горизонтали */
   z-index: 10; /* Убедитесь, что пагинация отображается поверх слайда */
}
.first-block__bg{
   position: relative;
}
.grid-container {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 15px;
}

.grid-container {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 15px;
}

.grid-item {
   text-decoration: none;
   color: inherit;
   width: 160px;
   margin: auto;
}

.tile {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   border: 1px solid #fff;
   border-radius: 8px;
   padding-bottom: 10px;
}
.tile:hover {
   background: #F0F0F0;
   border: 1px solid #D9D9D9;
   box-shadow: inset 0px 4px 3px rgba(147, 166, 197, 0.504717);
}

.tile-image {
   width: 72px;
   height: 51px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}

.tile-title {
   margin-top: 10px;
   font-size: 14px;
}
.swiper-button-next, .swiper-button-prev {
   color: #fff;
}
.active_new_search .header__search-icon{
   display: none;
}
.form__result-container .form__button{
   height: 50px;
   box-sizing: border-box;
   flex-shrink: 0;
   width: 100%;
   background: linear-gradient(90deg, #5581c9, #2052bf, #2f5fad);
   background-size: 200% 100%;
   color: #fff;
   font-size: 16px;
   line-height: 18px;
   height: 48px;
   transition: all 0.3s ease;
   cursor: pointer;
   border-radius: 5px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   animation: gradientFlow 1.8s infinite linear, pulse 1.5s infinite ease-in-out;
}
@keyframes gradientFlow {
   0% { background-position: 0% 50%; }
   100% { background-position: 200% 50%; }
}
.mob_menu_item{
   display: none;
}
@media (max-width: 1000px) {
   .mob_menu_item{
      display: block;
   }
   .mob_menu_item .header__bottom {
      display: flex !important;
      gap: 5px;
      justify-content: space-around;
   }
   .wrapper {
      margin-top: 111px;
   }
   .industrial {
      height: auto;
   }
   .grid-container {
      grid-template-columns: repeat(3, 1fr)
   }
   .first-block .form__label {
      margin-top: 20px;
   }
}
@media (max-width: 1870px) {
   .first-block__video-bg{
      right: -18%;
   }
   .first-block .first-block__red-img{
      right: -18%;
   }
}

@media (max-width: 1730px) {
   .first-block__video-bg{
      right: -25%;
   }
   .first-block .first-block__red-img{
      right: -25%;
   }
}

@media (max-width: 1600px) {

   .industrial {
      height: auto;
   }
   .catalog_btn_new{
      font-size: 14;
   }
   .first-block__video-bg{
      right: -3%;
   }
   .first-block .first-block__red-img{
      right: -3%;
   }
   .auto_main .form__label{
      margin-top: 20px;
   }
   .menu__item:not(:last-child) {
      margin: 0px 30px 0px 0px;
   }
   .header__b-left {
      margin-right: 20px;
   }
   .header__feedback {
   }

   .header__labels {
      margin-left: 20px;
   }
}
@media (max-width: 1000px) {
   .header__top {
      display: none;
   }
   .header__bottom {
      display: flex;
      justify-content: space-between;
      margin: 0px 0px 10px 0px;
   }
}
@media (max-width: 1000px) {
   .header__b-right {
      flex: none;
   }
   .header__bottom .right-menu__link {
      display: block;
      background: #f0edec;
      border-radius: 22px;
      padding: 6px;
   }
   .header__search-link {
      width: auto;
   }
   .header__bottom .header__logo {
      display: block;
   }

   .header__labels {
      display: flex;
   }
   .first-block__form .form {
      max-width: initial;
   }
   .mob_men_4 {
      display: block;
   }
   .catalog-btn{
      display: none !important;
   }
   .floating-menu .catalog-btn{
      display: block !important;
   }
   .header__phone svg {
      display: block;
   }
   .header__phone {
      font-size: 0;
      margin: 0;
   }
   .header__callback {
      display: none;
   }
   .catalog-btn__logo {
      display: none;
   }
   .catalog-btn .icon-menu span:first-child {
      top: 0px;
   }
   .catalog-btn .icon-menu span:last-child {
      top: auto;
      bottom: 0px;
   }
}
@media (max-width: 700px) {
   .first-block__form {
     height: auto;
      padding-bottom: 20px;
   }
}
@media (max-width: 520px) {
   .first-block {
      padding: 0;
      margin: 10px 0px 0px 0px;
   }
   .grid-container {
      grid-template-columns: repeat(2, 1fr)
   }
}
@media (min-width: 1000px) {
   .right-menu__link {
      height: 38px;
      width: 38px;
      background: #5D80BC1A;
      border-radius: 39px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
   }
}
/* Скрытие мобильной версии на десктопе и десктопной версии на мобильных устройствах */
.desktop-version {
   display: block;
   border-radius: 24px;

}

.mobile-version {
   display: none;
}

/* Стили для мобильной версии */
@media (max-width: 900px) {
   .desktop-version {
      display: none;
   }

   .mobile-version {
      display: block;
      border-radius: 16px;
   }
}

.swiper-slide {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: white;
   min-height: 35vh;
   background-size: cover;
   background-position: center;
}

.slide-content {
   display: flex;
   width: 100%;
   margin: 0 auto;
   padding: 20px;
   padding-left: 70px;
   padding-right: 70px;
}

.text-content {
   flex: 1;
   max-width: 50%;
}

.image-content {
   flex: 1;
   max-width: 50%;
   text-align: right;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   /* padding: 20px; */
   box-sizing: border-box;
}

.image-content img {
   max-width: 100%;
   height: auto;
}

.slide-button {
   display: inline-block;
   margin-top: 10px;
   padding: 10px 20px;
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   text-decoration: none;
   border-radius: 5px;
}

@media (max-width: 900px) {
   .desktop-version {
      display: none;
   }

   .mobile-version {
      display: block;
      height: 4.5cm;
   }
   .swiper-slide {}

   .swiper-slide {
      display: block;
      text-align: center;
      min-height: auto;
   }
   .section-slide {
      margin: 0px !important;
   }

   .text-content, .image-content {
      max-width: 100%;
   }

   .image-content img {
      width: 100%;
   }
   .swiper-button-next:after, .swiper-button-prev:after {
      font-size: 22px !important;
   }
   .swiper-button-next, .swiper-rtl .swiper-button-prev {
      right: var(--swiper-navigation-sides-offset, 5px);
      left: auto;
   }
   .swiper-button-prev, .swiper-rtl .swiper-button-next {
      left: var(--swiper-navigation-sides-offset, 5px);
      right: auto;
   }
   .tile-image {
      width: 52px;
      height: 30px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
   }
}
.image-content img {
   max-width: 100%;
   height: auto;
   max-height: 33vh;
   margin: auto;
   display: block;
   margin-top: 20px;
}
.text-content {
   flex: 1;
   max-width: 50%;
   display: flex;
   flex-direction: column;
   justify-content: center; /* Центрирование по вертикали */
   align-items: flex-start; /* Оставляет текст выровненным по левому краю */
   padding: 20px;
   box-sizing: border-box;
   margin-top: 25px;
}

.text-content h2,
.text-content p,
.text-content .slide-button {
   margin: 0 0 10px; /* Пространство между элементами */
}
.slider_title {
   margin-bottom: 20px;
}
.text-content .slide-button {
   align-self: flex-start; /* Кнопка тоже выровнена по левому краю */
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
   right: var(--swiper-navigation-sides-offset, -50px) !important;
   left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
   left: var(--swiper-navigation-sides-offset, -50px) !important;
   right: auto;
}
@media (max-width: 900px) {
   .first-block .form__label{
      margin-top: 0px;
      font-size: 18px;
      line-height: 20px;
   }
   .auto_main {
       margin-top: 20px;
      padding: 13px;
      border: 2px solid #e5e8ec;
      /* border-radius: 20px; */
      border-radius: 10px;
   }
   .swiper-button-next:after, .swiper-button-prev:after {
      font-size: 22px !important;
   }
   .swiper-button-next, .swiper-rtl .swiper-button-prev {
      right: var(--swiper-navigation-sides-offset, 5px);
      left: auto;
      top: 20px;
      height: 100%;
   }
   .swiper-button-prev, .swiper-rtl .swiper-button-next {
      left: var(--swiper-navigation-sides-offset, 5px);
      right: auto;
   }
   .first-block__form {
      border-bottom: none;
   }
}
.new_input_search .form__line._focus .form__input-clear {
   right: 16px;
   cursor: pointer;
   z-index: 999999;
}
.plait_main:hover{
   background-color: #293c5e;
}
.header__logo img{
   transition: opacity 0.3s ease-in-out;
}

.header__logo:hover img{
   display: none;
}

.header__logo:hover::after {
   content: url('/local/templates/main/img/logo_hover.svg');
   width: 75px;
   height: 48px;
}
.parametrs {
   height: auto;
}

.mobil_search .form__input{
   width: 100%;
   font-size: 16px;
   line-height: 21px;
   background-color: #e6e9ed;
   border-radius: 24px;
   border: 1px solid #5479b8;
   height: 38px;
}
.mobil_search {
   width: 100%;
}
.bot_header_menu {
   display: flex;
   align-items: center; /* Выравнивание элементов по вертикали */
   gap: 15px; /* Расстояние между элементами */
   margin-bottom: 5px;
}
.mobil_search .form__line{
   margin: 0px;
}
.mobil_search .icon_search{
   background: none;
}
.mobil_search .icon_search {
   /* display: inline-block; */
   /* background: #fff; */
   height: 40px;
   width: 38px;
   border-radius: 5%;
   border-radius: 5px;
   /* margin-left: -10px; */
   right: 0px;
   position: absolute;
   top: 1px;
}
@media (max-width: 1000px) {
   .catalog-btn {
      position: relative;
      height: 40px;
      width: 50px;
      border-radius: 10px;
      transform: translate(0%, 0px);
      background: #5479b8;
      border-radius: 10px;
   }
   .catalog-btn .icon-menu {
      display: block;
      position: absolute;
      top: 10px;
      left: 9px;
      width: 25px;
      height: 20px;
      cursor: pointer;
      z-index: 5;
   }
   .catalog-btn .icon-menu span {

      background-color: #fff;
   }
   .catalog-btn__title {
      display: none;
   }
   .header__feedback {
      margin: 0px;
   }
   .header__feedback {
      margin: 0px;
   }
   .header__bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .logo_mob-box {
      flex: 0 0 auto; /* Фиксированная ширина для логотипа */
   }

   .header__b-right,
   .right-menu__link {
      display: flex;
      align-items: center;
   }

   .header__feedback {
      flex: none;
   }
   .popup.popup_search .popup__body .form__input{
      border-radius: 32px;
      font-size: 20px;
      line-height: 20px;
      font-weight: 500;
      width: 100%;
      font-size: 13px;
      line-height: 18px;
      background-color: #e6e9ed;
      border-radius: 24px;
      border: 2px solid #5479b8;
      height: 38px;
      padding: 17px 35px 6px 14px;
   }
   .popup.popup_search .popup__body .form__line svg{
      width: 30px;
      height: 30px;
      position: absolute;
      right: 10px;
      top: 5px;
      opacity: 1;
      visibility: visible;
      transition: all 0.3s ease 0s;
   }
   .popup.popup_search .popup__body .form__line .form__input-clear {
      right: 14px;
      top: 13px;
   }
   .popup_search .form__input-placeholder{
      left: 16px;
   }
   .popup.popup_search .popup__close {
      position: relative;
      width: 24px;
      height: 24px;
      background: none;
      border: none;
      cursor: pointer;
   }

   .popup.popup_search .popup__close {
      position: relative;
      width: 24px;
      height: 24px;
      background: none;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .popup.popup_search .popup__close::before {
      content: '';
      width: 24px;
      height: 2px;
      background: #324769;
      position: absolute;
      left: 2px;
      top: 50%;
      transform: translateY(-50%);
   }

   .popup.popup_search .popup__close::after {
      content: '';
      position: absolute;
      width: 14px;
      height: 14px;
      border-top: 2px solid #324769;
      border-left: 2px solid #324769;
      transform: rotate(-45deg);
      left: 4px;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
   }
   .header__phone svg use {
      fill: #5479b8;
   }
   .right-menu__link-icon use{
      fill: #5479b8;
   }
   .right-menu__link-icon use {
      fill: #5479b8;
   }
   .main-product {
      position: relative;
   }
   .parametrs__text-offer{
      margin-top: 20px;
      margin-bottom: 0px;
   }
}
.logo_labels_mob img{
   width: 27px;
   height: 19px;
}
.logo_mob-box {
   margin-top: 10px;
}
.second_logo {
   display: none;
}
.auto_logo .second_logo{
   display: block;
}
.specs {
   width: 100%;
   border: 1px solid #ddd;
   border-radius: 8px;
   padding: 15px;
}
.spec {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 5px 0;
   border-bottom: 1px solid #eee;
}
.spec:last-child {
   border-bottom: none;
}
.spec span {
   font-weight: bold;
   margin-left: 20px;
   margin-right: 10px;
}
.spec-name {
   margin: 0px;
   font-weight: 400 !important;
   display: flex;
   align-items: center;
}

.spec-name img {
   width: 45px;
   height: 34px;
   margin-right: 7px;
   object-fit: scale-down;
}
.main-product__quantity{
   width: 100%;
   height: 40px;
   margin:0px;
}
.main-product__button {
   width: 100%;
   height: 54px;
   max-width: 100%;
   margin-top: 10px;
}
.main-product__content {
   padding: 15px;
   width:  auto;
   margin: 0px;
}
.main-product__row .js-one-click-buy {
   margin: 0px;
}
.availability-info {
   display: flex;
   flex-direction: column;
   gap: 16px;
   color: #333;
}

.stock-status, .pickup-info {
   display: flex;
   align-items: center;
   gap: 8px;
}

.icon {
   width: 24px;
   height: 24px;
   fill: #00BF63;
}

.text {
   font-size: 14px;
   line-height: 1.5;
}

.in-stock {
   color: #00BF63;
   font-weight: bold;
}

.free-delivery-krasnoyarsk, .free-delivery-russia {
   color: #000000;

}

.more-info-link {
   color: #5479b8;
   text-decoration: none;
   font-weight: bold;
   margin-top: 12px;
}

.more-info-link:hover {
   text-decoration: underline;
}

.main-product__block {
   display: flex;
   justify-content: space-between;
   gap: 30px
}

.main-product__block  .main-product__col {
   flex-basis: 50%;  /* для первого блока */
}

.main-product__block > .main-product__col:nth-child(2) {
   flex-basis: 25%; /* для второго блока */
}

.main-product__block > .main-product__col:nth-child(3) {
   flex-basis: 25%; /* для третьего блока */
}
.stock-status .text{
   margin: 0px;
}
.stock-status{
   margin-top: 20px;
}
.main-product__price-container {
   display: flex;
   gap: 8px;
}

.main-product__price {
   color: #00BF63;
   font-weight: bold;
   font-size: 35px!important;
}


.main-product__price-old {
   display: inline-block;
   position: relative;
}

.action-container {
   position: relative;
}

.actionItem {
   background-color: #ffcc00;
   padding: 5px 10px;
   font-weight: bold;
   border-radius: 5px;
   cursor: pointer;
   display: inline-block;
   margin-top: 5px;
}

.actionBlock {
   display: none;
   position: absolute;
   background: #fff;
   border: 1px solid #ccc;
   padding: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   width: 200px;
   top: 30px;
   left: 0;
}

.actionItem:hover + .actionBlock {
   display: block;
}

.closeActionItem {
   text-align: right;
   cursor: pointer;
   font-weight: bold;
}

.actionHref a {
   color: #007bff;
   text-decoration: none;
}

.actionHref a:hover {
   text-decoration: underline;
}

.block_price_item {
   display: block;
}
.main-product__price-old:before {
   content: "";
   border-bottom: 3px solid #818181;
   position: absolute;
   width: 100%;
   height: 50%;
   transform: rotate(12deg);
}
.spec:nth-child(even) {
   background-color: #e4e9f09c;
}
.mob_time {
   display: none;
}
@media (max-width: 1500px) {

   .main-product__block > .main-product__col:nth-child(3){
      flex-basis: 30%;
   }
}
@media (max-width: 1300px) {
   .main-product__block .main-product__col{
      flex-basis: 65%;
   }
   .main-product__block > .main-product__col:nth-child(2){
      display: none;
   }
   .main-product__block > .main-product__col:nth-child(3) {
      flex-basis: 35%;
   }
   .mob_time {
      display: block;
   }
}
@media (max-width: 1279.98px) {
   ._container, .row.mb-5, .row.mb-2 {
      /* padding: 0px 85px 0px 80px; */
   }
}
.js-inited {
   width: 100%;
}
.price__old {
   text-decoration: auto;
}
.price__old span{
   position: relative;

}
.price__old span:before {
   content: "";
   border-bottom: 1px solid #818181;
   position: absolute;
   width: 100%;
   height: 50%;
   transform: rotate(12deg);
   margin-top: -2px;
}
.main-product__price:has(+ .main-product__discount) {
   color: #00BF63;
}

.main-product__price {
   color: black; /* по умолчанию */
}

@media (max-width: 1559.98px) {
   .slide-content h2 {
      font-size: 30px;
   }
}
.name_price {
   font-size: 20px;
   font-weight: 600;
   margin-top: 0;
}
.main-product__row:first-child {
   margin: 0;
}
.spec-name h2{
   margin: 0px;
}
.spec:first-child{
   padding-top: 0px;

}
.spec:first-child .spec-name{
   font-size: 20px;
   font-weight: 600 !important;
   margin-top: 0;
}
.review-card {
   background-color: white;
   border-radius: 12px;
   padding: 24px;
   margin-bottom: 24px;
   box-shadow: 0px 1px 4px 0px #00000040;
}
.review-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 12px;
   margin-top: 10px;
}
.review-name {
   font-weight: bold;
}
.review-stars {
   display: flex;
   color: #facc15;
}
.review-stars span {
   font-size: 16px;
}
.review-stars span.gray {
   color: #d1d5db;
}
.review-text {
   color: #374151;
   margin-top: 12px;
   margin-bottom: 12px;
   font-size: 12px;
}
.review-footer {
   display: flex;
   justify-content: space-between;
   color: #6b7280;
   font-size: 14px;
   margin-top: 12px;
}

@media (min-width: 1024px) {
   .review-card {
      padding: 32px;
      margin-bottom: 32px;
   }
   .review-name {
      font-size: 120%;
   }
   .review-text {
      font-size: 120%;
   }
   .review-footer {
      font-size: 120%;
   }
   .review-stars span {
      font-size: 24px;
   }
   .review-text {

   }
}

.page_auto .main-title {
   margin: 0px 0px 10px 0px;
}
.action_item{
   color: #e03733 !important;
}
@media (max-width: 765px) {
   .action_item{
      color: #ee3435 !important;
   }
}

.new_input_search .form__input-placeholder {
   top: 15px;
   color: #0000005c;
}
.mobil_search .form__input-placeholder{
   color: #0000005c;
}
.header__label_active {
   border: 2px solid #5479b8;
}
.header__label_active:hover{
   border: 2px solid #5479b8;
}
/* Общее оформление для контейнера */

/* Мобильная версия */
@media screen and (max-width: 1000px) {
   .header__labels {
      display: flex;
      justify-content: space-between;
      gap: 5px;
      flex-wrap: wrap;
      background:none;
   }
   .mobil_search .icon_search{
      width: 18px;
      height: 18px;
      top: 11px;
      right: 11px;
   }
   /* Стили для каждой кнопки в меню */
   .logo_labels_mob {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 8px;
      border-radius: 8px;
      width: 50px; /* маленькая ширина для кнопки */
      transition: all 0.3s ease;
      text-decoration: none;
      color: black;
      border:1px solid #e5e8ec;
   }

   /* Размер иконок */
   .main_logo {
      width: 24px;  /* маленький размер иконки */
      height: 24px;
      margin-bottom: 4px;
   }

   /* Текст под иконкой */
   .label-text {
      font-size: 9px;  /* маленький размер шрифта */
      line-height: 10px;
      max-width: 90px;
   }

   /* Эффект при наведении */
   .logo_labels_mob:hover {
      background-color: #e0e0e0;
      transform: scale(1.05);
   }

   .header__labels {
      justify-content: space-between;
   }

   .logo_labels_mob {
      width: auto;
      padding: 4px 5px;
   }
   .header__labels.auto_active .logo_labels_mob:first-child {
      border: 1px solid #e5e8ec;
   }

   /* Стиль для первого элемента, когда auto_active отсутствует */
   .header__labels:not(.auto_active) .logo_labels_mob:first-child {
      border: 1px solid  #5479b8;
   }

   /* Стиль для второго элемента, когда auto_active присутствует */
   .header__labels.auto_active .logo_labels_mob:nth-child(2) {
      border: 1px solid #5479b8;
   }

   /* Стиль для второго элемента, когда auto_active отсутствует */
   .header__labels:not(.auto_active) .logo_labels_mob:nth-child(2) {
      border: 1px solid  #e5e8ec;
   }
}

@media (max-width: 360px) {
   .label-text{
      font-size: 8px;
      line-height: 8px;
      max-width: 70px;
   }
   .fixed_menu {
      padding: 0 10px !important;
   }
}
@media (max-width: 900px) {
   .alldata.allmarks .element label{
      padding-left: 45px;
      font-size: 13px;
   }
   .chooser .element p{
      margin: 10px 0;
   }
   #src_sufix{
      padding: 0 10px;
      cursor: pointer;
      height: 40px;
      width: 100%;
      font-size: 13px;
      margin: 0px;
      background-color: #e6e9ed;
      border-radius: 24px;
      border: 1px solid #5479b8;
   }
   }
   .container-search-auto {
      padding: 0px;
   }
   .search-result__image {
      flex: 0 0 105px;
      height: 60px;
   }
   .search-result__name {
      font-size: 12px;
      line-height: 16px;
      color: #007ca1;
      margin: 0px 0px 10px 0px;
      transition: all 0.3s ease 0s;
   }
   .search-result__content .product__property {
      font-size: 10px ;
   }
   .search-result__props img{
      width: 20px;
      height: 20px;
   }
   .search-result__props .value {
      margin-left: 10px;
      font-size: 10px ;
   }
   .search-result__content {
      margin: 0px 0px 0px 10px;
   }

}
@media (max-width: 380px) {
   .header__logo {
      width: 47px;
      height: 23px;
      display: block;
      margin-top: 10px;
   }
   .header__phone svg {
      width: 20px;
      height: 20px;
   }
   .mob_men_2 .right-menu__link-icon {
      width: 14px;
      height: 14px;
   }
   .right-menu__link-icon {
      width: 14px;
      height: 14px;
   }
   .popup.popup_search .popup__body {
      padding: 8px;
   }
   .search-result__prices {
      margin-top: 20px;
      flex-direction: column;
      align-items: flex-end;
      gap: 15px;
   }
   .search-result__content {
      display: block;
   }
}
.popup_search .form__button {
   display: none;
}
.first-block__form .bx-filter-popup-result{
   position: sticky;
   top: 0;
   right: 0;
   width: 100%;
}
.first-block__form  .bx-filter-popup-result::after{
   display: none;
}
.search-history_link .radio-image{
   width: 45px;
   height: 25px;
   margin-bottom: -3px;
   background-size: contain;
   display: inline-block;
   background-repeat: no-repeat;
   background-position: center center;
}
@keyframes pulse {
   0% {
      transform: scale(1);
   }
   50% {
      transform: scale(1.02); /* Увеличение размера кнопки */
   }
   100% {
      transform: scale(1);
   }
}
.form__result-container .form__button {

}
.search-props {
   display: flex;
   align-items: center;
   gap: 15px;
}
.search-result__props {
   display: flex;
   align-items: center;
   color: black;
}
.search-result__props .value{
   margin-left: 10px;
}
.search-result__content .product__property__value {
   color: #000000;
}
.menu-footer__toggle{
   display: none;
}
@media (max-width: 1000px) {
   .footer__col:nth-child(1) {
      order: 2;
   }
   .footer__col:nth-child(2) {
      order: 1;
   }
   .footer__col:nth-child(3) {
      order: 3;
   }

   .menu-footer__list {
      display: none;
      flex-direction: column;
      gap: 10px;
      padding: 10px;
   }

   .menu-footer__toggle {
      display: block;
      width: 100%;
      text-align: center;
      background: none;
      border: none;
      font-size: 18px;
      padding: 10px;
      cursor: pointer;
      color: #5479b8;
   }

   .menu-footer.active .menu-footer__list {
      display: flex;
   }
   .menu-footer {
      text-align: center;
   }

   /* Кнопка */


   /* Стрелочка ▼ */
   .menu-footer__icon {
      margin-left: 8px;
      transition: transform 0.3s ease-in-out;
   }

   /* Анимация открытия */
   .menu-footer.active .menu-footer__list {
      display: flex;
   }

   /* Вращение стрелки вниз при открытии */
   .menu-footer.active .menu-footer__icon {
      transform: rotate(180deg);
   }
   .footer__row {
      gap: 15px;
      padding: 10px 0px 10px 0px;
   }
   .footer__mail {
      margin-bottom: 0px;
   }
   .column22 {
      margin-bottom: 0px;
   }
   .copyright__body {
      padding: 10px 0px 15px 0px;
   }
   .copyright__item:first-child, .copyright__item:nth-child(2), .copyright__item:nth-child(3), .copyright__item:last-child {
      flex: none;
      margin: 5px 0px 0px 0px;
   }
}
.popular__slider2 .product__center {
   color: #0d0a0a;
}

.popular__slider2 .product {
   display: flex;
   flex-direction: column;
   border-radius: 20px;
   box-sizing: border-box;
   min-height: 400px; /* Устанавливаем минимальную высоту карточки */
}

.popular__slider2 .product__image {
   height: 130px;
   margin-bottom: 15px;
}

.popular__slider2 .product__center {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 145px;
}

.popular__slider2 .product__name {
   font-size: 16px;
   line-height: 24px;
   margin: 0 0 10px;
   flex-grow: initial;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* Ограничиваем до 2 строк */
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.popular__slider2 .product__property,
.popular__slider2 .product__article,
.popular__slider2 .product__sizes {
   margin: 0 0 10px;
}

.popular__slider2 .product__col {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.popular__slider2 .product__prices {
   font-size: 18px;
   font-weight: bold;
   color: #333;
}

.popular__slider2 .product__buttons {
}
.popular__slider2  .size__text {
   font-size: 13px;
   line-height: 16px;
}
.pay_mob {
   display: none;
}
.pay_desk{
   display: block;
}
@media (max-width: 1000px) {
   .popular__slider2 .product__center {
      height: auto;
   }
   .popular__slider2 .product__image {
      height: auto;
   }
   .popular__slider2 .product__center a {
      display: none;
   }
   .popular__slider2 .mob_product__center{
      text-align: left;
      color: #000;
   }
   .pay_mob{
      display: block;
   }
   .pay_desk{
      display: none;
   }
   .first-block__form {
      padding-bottom: 0px;
      border-bottom: none;
   }
}
.menu-footer .footer__pay {
   display: none;
}
.menu-footer.active .footer__pay {
   display: block;
}
.menu-footer .payment {
   margin: auto;
}
.info_search {
   font-size: 15px;
   font-weight: 700;
}
@media (max-width: 400px) {
   .first-block .form__label{
      font-size: 16px;
   }
}
@media (max-width: 1600px) {
   .first-block__form .form{
      max-width: 100%;
   }
   .first-block {
      grid-template-columns: 420px 1fr 1fr;
   }
   .first-block__video-bg{
      right: -25%;
      max-height: 375px;
      bottom: -4%;
   }
   .grid-item{
      width: 140px;
   }
   .first-block .first-block__red-img {
      right: -25%;
      max-height: 375px;
      bottom: -4%;
   }
}

@media (max-width: 1400px) {
   .grid-item{
      width: 130px;
   }
   .tile-title {
      margin-top: 5px;
      font-size: 14px;
   }

   .first-block__video-bg {
      right: -19%;
      max-height: 340px;
   }
   .first-block .first-block__red-img {
      right: -19%;
      max-height: 340px;
   }
   .first-block .form__label {
      font-size: 17px;
   }
   .industrial {
      margin-bottom: -35px;
   }
   .first-block__form .form.first-block__second-form {
      padding: 25px;
   }
   .tile-image {
      width: 57px;
      height: 38px;
   }
}
@media (max-width: 1400px) {
   .first-block {
      grid-template-columns: 375px 1fr 1fr;
   }
}
@media (max-width: 1200px) {
   .first-block {
      display: block;
   }
   .first-block__form .form{
      max-width: 490px;
   }
   .first-block__form {
      border-bottom: 2px solid #E5E8EC;
   }
   .first-block__video-bg {
      right: -3%;
      max-height: 370px;
   }
   .first-block .first-block__red-img {
      right: -3%;
      max-height: 370px;
   }
   .first-block__form{
      padding-bottom: 20px;
   }

}
@media (max-width: 1100px) {
   .first-block__form .form {
      max-width: 100%;
   }
   .first-block__form {
      padding-bottom: 0px;
      border-bottom: none;
   }
   .industrial {
      margin-bottom: 0px;
   }
}
.curtain__title {
   --mixin-calculated-line-height: 60px;
   font-size: 48px;
   line-height: 60px;
   margin-bottom: 32px;
   margin-top: 56px;
   text-align: center;
}
.container-redesign {
   margin: 0 auto;
   width: 1440px !important;
   display: flex;
   justify-content: center;
}

@media (max-width: 1470px) {
   .container-redesign{
      width: 1025px !important;
   }
}
.curtain__list_left, .curtain__list_right {
   display: flex;
   flex-flow: wrap;
   height: max-content;
   width: 50%;
}
.curtain__list_left {
   justify-content: flex-end;
}
.content-card {
   background-color:#f7f7f7;;
   border-radius: 24px;
   overflow: hidden;
   transition: .3s;
}
.content-card_s {
   height: 240px;
   width: 192px;
}
.content-card_m {
   height: 304px;
   width: 264px;
}
.curtain__list-item {
   margin: 12px;
}
.product-card {
   background-color: #f7f7f7;
   height: 100%;
   position: relative;
   width: 100%;
   z-index: 1;
}
.product-card__image-wrap {
   cursor: pointer;
   display: flex;
   gap: 4px;
   height: calc(100% - 44px);
   transition: .3s ease-in;
}
.product-card__image-wrap_one {
   justify-content: center;
}
.product-card__image {
   border-radius: 24px;
   filter: brightness(97%);
   height: auto;
   max-width: 100%;
   object-fit: contain;
}
.product-card__title {
   --mixin-calculated-line-height: 20px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   bottom: 40px;
   display: -webkit-box;
   font-size: 14px;
   font-weight: 400;
   left: 16px;
   line-height: 20px;
   max-width: 480px;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
   transition: .3s;
   width: calc(100% - 72px);
   z-index: 3;
}
.product-card__title, .product-card__title:hover {
   color: #000;
}
.product-card__price-block {
   --mixin-calculated-line-height: 26px;
   align-items: baseline;
   bottom: 8px;
   display: flex;
   font-size: 18px;
   font-weight: 500;
   left: 16px;
   line-height: 26px;
   position: absolute;
   transition: .3s;
   width: max-content;
   z-index: 3;
}
.product-card__price {
   align-items: baseline;
   color: var(--pui-text-primary);
   display: flex;
   gap: 2px;
   margin-right: 8px;
}
.product-card__price-block .price__discount{
   display: none;
}
   .product-card__bonus{
      position: relative;
   }
.product-card__bonus span:before{
   content: "";
   border-bottom: 1px solid #818181;
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   transform: rotate(10deg); /* угол наклона линии */
   transform-origin: center;
}
   .product-card__bonus span{
      color:#818181 ;
   }
.product-card__rub-symbol {
   --mixin-calculated-line-height: 20px;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
}
.product-card__bottom-shadow {
   background: #f7f7f7;
   bottom: 0;
   box-shadow: 0 0 20px 20px #f7f7f7;
   height: 44px;
   position: absolute;
   transform: translateY(100%);
   transition: .45s;
   width: 100%;
}
.product-card__favorite-button {
   opacity: 0;
   position: absolute;
   right: 16px;
   top: 16px;
   transition: .3s;
}
.to-favorite-button__icon {
   height: 24px;
   width: 24px;
}
.product-card__bonus {
   align-items: center;
   display: flex;
   gap: 2px;
}
.content-card_s:hover {
   transform: scale(1.1);
}
.content-card_m:hover {
   transform: scale(1.08);
}
.catalog-buy-button_width-small .catalog-buy-button__button:not(.grey).xs, .catalog-buy-button_width-small .catalog-buy-button__counter:not(.grey).xs {
   width: 100px;
}

.product-card__buy-button {
   bottom: 8px;
   opacity: 0;
   position: absolute;
   right: 16px;
   transition: .3s;
   z-index: 3;
}

.product-card__buy-button-circle {
   align-items: center;
   background-color: #5479b8;
   border-radius: 1000px;
   color: #fff;
   display: flex;
   font-size: 18px;
   height: 40px;
   justify-content: center;
   width: 40px !important;
}

.product-card__bottom-shadow_show {
   box-shadow: 0 -28px 20px 20px #f7f7f7;
   transform: translateY(0)
}

.product-card__title_show {
   opacity: 1;
   transform: translateY(-8px)
}
.product-card__buy-button_over {
   opacity: 1;
   transform: translateY(-8px)
}
.product-card__price-block_over {
   transform: translateY(-6px)
}
.svg-icon {
   fill: currentColor;
   backface-visibility: hidden;
   display: inline-block;
   height: 1.2em;
   position: relative;
   transform: translateX(0);
   vertical-align: top;
   width: 1.2em;
}
.product-card .right-menu__link-icon {
   width: 25px;
   height: 23px;
}
.popular_1 .swiper-slide{
   color: #000000;
}

 .swiper-slide {
   color: #000000;
   /* box-shadow: 0px 2px 13px rgba(69, 94, 137, 0.262533); */
   box-shadow: 0px 2px 13px rgba(69, 94, 137, 0.262533);
   border-radius: 20px;
   box-shadow: 3px 4px 4px 1px #00000040;
}
.mobile_slide{
   display: none;
   background-color:#fff;
}
.dectop_main {

}
@media (max-width: 1025px) {
   .mobile_slide{
      display: block;
      margin-bottom: 20px;
   }
   .content-card_m {
      width: 100%;
      margin: 0px;
      height: 290px;
   }
   .popular__nav-next, .popular__nav-next1, .popular__nav-next2, .popular__nav-next3 {
      padding: 13px 47.6px 14px 48px;
   }
   .popular__nav-prev, .popular__nav-prev1, .popular__nav-prev2, .popular__nav-prev3 {
      padding: 13px 25px 14px 21.6px;
   }
   .popular__header {
      margin-bottom: 20px;
   }
   .popular__title{
      font-size: 22px;
   }
   .content-card_m:hover {
      transform: NONE;
   }
   .product-card__title {
      text-align: left;
   }
}
@media (max-width: 500px) {
   .industrial .first-block__form .form {
      padding: 15px 10px;
   }
   .right-menu__link-count {
      width: 16px;
      height: 17px;
      border-radius: 4px;
      background-color: #ff3331;
      position: absolute;
      top: -8px;
      right: -5px;
      color: #fff;
      font-size: 9px;
      display: flex;
      justify-content: center;
      align-items: center;
   }

}
@media (max-width: 420px) {
   .first-block-auto__form .bx-filter-popup-result, .bx-filter .bx-filter-popup-result, .first-block__form .bx-filter-popup-result, .bx-touch .bx-filter .bx-filter-popup-result {
      padding: 19px 15px 0;
   }
   .first-block .form__label {
      font-size: 15px;
   }
   .popular__slider2  .swiper-slide{
      width: auto;
   }
}

/* Блокировка скролла для html */
html.pqypavh {
   overflow: hidden;
   position: fixed;
   width: 100%;
   height: 100%;
   -webkit-overflow-scrolling: auto;
   overscroll-behavior-y: none;
}

/* Дополнительные стили для body при блокировке */
body[data-scroll-locked] {
   overflow: hidden !important;
   overscroll-behavior: contain;
   position: relative;
   touch-action: none; /* Блокирует скролл на touch-устройствах */
   -webkit-overflow-scrolling: auto;

   /* Для сохранения позиции скролла */
   top: var(--scroll-top, 0);
   left: 0;
   right: 0;

   /* Убираем возможные отступы */
   margin: 0;
   padding: 0;
}

/* Фикс для iOS 15+ */
@supports (-webkit-touch-callout: none) {
   html.pqypavh {
      position: absolute;
   }
}
.drawer form {
   margin: 0px;
}
.drawer .form__label {
   text-align: left;
   margin-bottom: 20px;
}
.drawer .form__row {
   display: flex;
   justify-content: space-between;
   gap: 10px; /* Отступ между элементами */
   margin-bottom: 15px;
}

.drawer  .form__row > :first-child {
   flex: 0 0 calc(70% - 10px);  /* Первому элементу задаем 70% ширины */
}
.drawer .form__line{
    margin: 0px;
}
.drawer .form__row > :nth-child(2) {
   flex: 0 0 30%;  /* Второму элементу задаем 30% ширины */
}
.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.79);
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease;
   z-index: 99;
}
.drawer {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   background: white;
   padding: 20px;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
   transform: translateY(100%);
   transition: transform 0.3s ease;
   border-radius: 10px 10px 0 0;
   text-align: center;
   z-index: 1200;
   opacity: 0;
}
.drawer.open {
   transform: translateY(-200px);
   opacity: 1;
}
.overlay.show {
   opacity: 1;
   visibility: visible;
}
.button {
   padding: 10px 20px;
   background: blue;
   color: white;
   border: none;
   cursor: pointer;
   margin: 20px;
}
.close-btn {
   position: absolute;
   top: 10px;
   right: 15px;
   font-size: 30px;
   cursor: pointer;
}
.close-btn::before {
   content: '\2716'; /* Юникод крестика */
}
.swipe-handle {
   width: 50px;
   height: 5px;
   background: gray;
   border-radius: 5px;
   margin: 0 auto 10px;
   cursor: grab;
}
.drawer .bx-filter-popup-result a, .bx-filter .drawer a, .drawer .bx-filter-popup-result a {
   position: absolute;
   top: 6px;
   right: 5px;
   background: #5479B8;
   border: 2px solid #FFFFFF;
   border-radius: 22px;
   height: 44px;
   align-items: center;
   padding: 0 20px;
   width: 50%;
   margin-bottom: 0px;
}
.first-block-auto__form .drawer a, .bx-filter .drawer a, .first-block__form .drawer a {
   margin-top: 10px;
   font-size: 16px;
   display: flex;
   justify-content: center;
   color: #fff;
   padding: 10px 15px 15px 15px;
   background: #5479b8;
   position: relative;
   text-align: center;
}
.drawer .bx-filter-popup-result {
   position: sticky;
   top: 0;
   right: 0;
   width: 100%;
}
.drawer .bx-filter-popup-result{
   margin: 0px;
   height: 55px !important;
   background: #E03733;
   border-radius: 27.5px;
   color: #fff;
   padding: 19px 32px 0;
   text-align: left;
   position: relative;
}
/*.first-block__form .drawer #modef_num {*/
/*   font-size: 16px;*/
/*   border: 2px solid #5479b8;*/
/*   padding: 5px;*/
/*   border-radius: 8px;*/
/*}*/
.first-block__form .drawer #modefModel_num {
   font-size: 16px;
   border: 2px solid #5479b8;
   padding: 5px;
   border-radius: 8px;
}
.drawer .bx-filter-popup-result .form__button::after{
   display: none;
}
.drawer .form__button {
   height: 40px;
   margin-bottom: 10px;
   transition: transform 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out, padding 0.4s ease-in-out, border 0.4s ease-in-out;
}
@media (max-width: 420px) {
   .drawer .bx-filter-popup-result {

      padding: 19px 15px 0;
   }

   .drawer .form__label {
      font-size: 15px;
   }
}

.first-block__second-form .form__line._focus .form__input-clear {
   opacity: 1;
   right: 10px;
}
@media (max-width: 480px) {
   .basket-card__center{
      position: relative;
   }
   .basket-card__size {
      position: absolute;
      margin: 0;
      bottom: 70px;
      left: auto;
   }
   .basket-card__size{
      font-size: 14px;
   }
   .basket-card__bottom {
      left: -115px;
      bottom: 0px;
      row-gap: 5px;
      column-gap: 5px;
   }
   .basket-card {
      min-height: 200px;
      border-radius: 16px;
      margin-left: 10px;
      margin-right: 10px;
   }
   .popup.popup_basket .popup__title {
      font-size: 18px;
   }
   .popup.popup_basket .popup__top {
      padding: 10px 10px 0px 10px;
      margin: 0px 0px  10px 0px;
   }
   .popup__close {
      width: 25px;
      height: 25px;
      cursor: pointer;
      z-index: 30;
      background: url(../img/svg/close.svg) 0 0 no-repeat;
      flex: 0 0 25px;
      margin: 12px 0px 0px 0px;
      background-size: cover;
   }
}
.title_rash{
   padding: 0px;
   margin-top: 10px;
}
#bx-soa-region .col-xs-12{
   width: 500px;
   box-sizing: border-box;
}
#bx-soa-region .class_css_group{
   order: 2;
}
#bx-soa-region .bx-soa-location-input-container{
   order: 1;
}
.delivery_block{
   display: flex;
   gap: 120px;
}
.delivery_block .pay-delivery{
   order: 2;
}
.delivery_block #bx-soa-properties {
   order: 1;
   width: 500px;
}
.page-order #bx-soa-delivery .form-check-label, .page-order #bx-soa-delivery .bx-soa-pp-company-smalltitle{
   height: 48px;
   min-height: 48px;
}
#bx-soa-deliver{
   position: relative;
}
#bx-soa-delivery .bx-soa-pp-company-inject{

}

.free_delivery_price{
   font-size: 16px;
   line-height: 27px;
   color: #000;
   /* font-weight: bold; */
   padding: 9px 10px;
   border-radius: 10px;
   background-color: #e4e9f0;
   cursor: pointer;
   width: 240px;
   display: flex;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   /* box-shadow: inset 0 4px 0 0 #00000080; */
   background-color: #3e5a8a;
   border: 1px solid #000000 !important;
   color: #fff;
   margin-top: 15px;
}
.free_delivery_price::before {
   content: '\2713'; /* Символ галочки */
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%; /* Круглый элемент */
   background-color: #00BF63; /* Зелёный цвет фона */
   color: white; /* Белый цвет для галочки */
   font-size: 18px; /* Размер галочки */
   text-align: center;
   line-height: 28px; /* Центрирование по вертикали */
   margin-right: 10px; /* Отступ справа для разделения */
}
.bx-soa-pp-desc-container .bx-soa-pp-company{
   background:#F3F6FB;
   border-radius: 8px;
}
.bx-soa-pp-company-desc{
   font-size: 12px;
}
.bx-soa-section{
   margin-bottom: 0px;
}
#bx-soa-pickup{
   background:#F3F6FB;
   border-radius: 8px;
   margin-top: -10px;
}
#bx-soa-pickup .bx-soa-pickup-subTitle{
   display: none;
}
#bx-soa-pickup .bx-soa-section-title{
   display: none;
}
.page-order #bx-soa-pickup .bx-soa-pickup-l-item-adress{
   font-size: 16px;
   line-height: 27px;
   font-weight: 400;
   padding: 9px 10px;
   border-radius: 10px;
   cursor: pointer;
   width: 100%;
   display: flex;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   /* box-shadow: inset 0 4px 0 0 #00000080; */
   background-color: #fff;
   border: 1px solid #000000 !important;
   color: #88888899;
}

.page-order #bx-soa-pickup .bx-soa-pickup-l-item-adress::before{
   content: "";
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background-color: #D2D2D2;
   color: white;
   font-size: 18px;
   text-align: center;
   line-height: 28px;
   margin-right: 10px;
}


.page-order #bx-soa-pickup .bx-selected .bx-soa-pickup-l-item-adress::before{
   content: '\2713'; /* Символ галочки */
   display: inline-block;
   width: 28px;
   height: 28px;
   border-radius: 50%; /* Круглый элемент */
   background-color: #00BF63; /* Зелёный цвет фона */
   color: white; /* Белый цвет для галочки */
   font-size: 18px; /* Размер галочки */
   text-align: center;
   line-height: 28px; /* Центрирование по вертикали */
   margin-right: 10px; /* Отступ справа для разделения */
}
.page-order #bx-soa-pickup .bx-selected .bx-soa-pickup-l-item-adress{
   font-size: 16px;
   line-height: 27px;
   padding: 9px 10px;
   border-radius: 10px;
   cursor: pointer;
   display: flex;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   background-color: #3e5a8a;
   border: 1px solid #000000 !important;
   color: #fff;
}
.bx-soa-pickup-list .bx-soa-pickup-list-item{
   padding: 10px;
   padding-top: 0px;
}
#bx-soa-basket {
   padding: 15px;
   border-radius: 8px;
   background-color: #F3F6FB;
}
.bx-step-completed .bx-soa-item-img-block {
   width: 107px;
   padding: 0px;
   padding-right: 20px;
}

.bx-soa-item-td-text .bx-price {
   color: #00BF63;
   white-space: nowrap;
   font-weight: 700;
}
.bx-soa-item-td-title {
   display: none;
}
#bx-soa-paysystem{
   width: 500px;
}
.page-order #bx-soa-paysystem .form-check-input:checked+.form-check-label,  .page-order #bx-soa-paysystem .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle {

}
#bx-soa-paysystem .col-sm-12 .bx-soa-pp-company-description{
   display: none;
}
#bx-soa-paysystem  .bx-soa-pp-company-graf-container {
   height: 100px;
   width: 100px;
   border-radius: 8px;
}
#bx-soa-paysystem .form-check-label, #bx-soa-paysystem .bx-soa-pp-company-smalltitle{
   display: none;
}
#bx-soa-paysystem .bx-soa-pp .bx-soa-pp-company{
   border: 2px solid #ffff;
   border-radius: 8px;
}

#bx-soa-paysystem .bx-soa-pp-company-inject{
   display: none;
}
#bx-soa-paysystem{
   padding: 15px;
   background-color: #f3f6fb;
   border-radius: 8px;
}
#bx-soa-total{
   margin-top: -18px;
}
#bx-soa-orderSave  .d-sm-inline-block {
   display: none !important;
}
#bx-soa-total .btn-success, .btn-default.btn-lg.btn-order-save {
   max-width: 100%;
}
#bx-soa-total .bx-soa-cart-total-button-container {
   background: #ECEFF6;
   padding: 15px;
   margin-left: -15px;
   margin-right: -15px;
   margin-bottom: -15px;

}
.total_block_scroll.bx-soa-cart-total-fixed{
   position: fixed;
   top: 140px;
}
.total_block_scroll {
   display: block;
   height: 500px;
}
.bx-soa-cart-total-fixed{
   position: fixed;
   top: 10px;
}
.block_total {
   flex: 0 0 500px;
}
#chooser_0 {
   grid-template-columns: repeat(3, 23%);
    gap: 30px;
}

@media (max-width: 1770px) {
   .bx_soa_location .form-group{
      display: block;

   }
   .page-order .radio-inline {
      margin-bottom: 10px;
   }

}
@media (max-width: 1770px) {
   .pay-delivery .bx-soa-pp-item-container{
      display: block;
   }
   #bx-soa-delivery .form-check-label, #bx-soa-delivery .bx-soa-pp-company-smalltitle{
      margin-bottom: 10px;
      margin-right: 0px;
   }
}
.bx_soa_location {
   display: flex;
   gap: 120px;
}
@media (max-width: 1550px) {
   .delivery_block {
      gap: 60px;
   }
   #bx-soa-region .col-xs-12{
      gap: 60px;
   }
   #bx-soa-region .bx-soa-location-input-container{
      width: 440px;
   }
   .delivery_block #bx-soa-properties{
      width: 440px;
   }
   .total_block_scroll{
      width: 440px;
   }
   .block_total{
      flex: 0 0 440px;
   }
   #bx-soa-paysystem{
      width: 440px;
   }
   #bx-soa-basket-outside{
      padding: 0 3.5208333333vw;
      margin-bottom: 50px;
   }
   #bx-soa-region .col-xs-12{
      display: block;
   }
   .bx_soa_location .form-group{
      display: flex;
   }
   .delivery_block{
      display: block;
   }
   .bx_soa_location{
      display: block;
   }
   .pay-delivery .bx-soa-pp-item-container{
      display: flex;
   }
    .page-order .bx-soa-pp-desc-container{
      width: 440px;
   }
   #bx-soa-order{
      gap: 10px
   }
   #bx-soa-region .col-xs-12 {
      width: auto;
   }
}
@media (max-width: 1250px) {
   #chooser_0 {
      grid-template-columns: repeat(2, auto);
       gap: 5px;
       padding: 5px;
   }
    #chooser_0 .element span {
        left: 15px;
    }
}
@media (max-width: 1000px) {
   .total_block_scroll{
      display: none;
   }
   #bx-soa-total-mobile {
      display: block;
   }
   #bx-soa-paysystem{
      width: 100%;
   }
   .bx-soa-basket-info {
      padding-right: 0;
      flex-wrap: wrap;
      row-gap: 10px;
      column-gap: 0;
      margin-bottom: 0;

   }
   .delivery_block #bx-soa-properties{

      width: auto;
   }
   .section-slide{
      margin: 0 3.5208333333vw;
   }
   .swiper-button-next, .swiper-rtl .swiper-button-prev {
      right: var(--swiper-navigation-sides-offset, 10px) !important;
      left: auto;
   }
   .swiper-button-prev, .swiper-rtl .swiper-button-next {
      left: var(--swiper-navigation-sides-offset, 10px)  !important;
      right: auto;
   }
}
@media (max-width: 580px) {
   .bx-soa-item-img-block {
      float: none;
      margin: 0 auto;
      padding-right: 0;
      max-width: 160px;
   }
   .bx-soa-item-content {
      padding-top: 15px;
      padding-left: 20px;
   }
   #bx-soa-region .bx-soa-location-input-container {
      width: auto;
   }
   .bx-soa-pp-desc-container{
      width: auto;
   }
   .bx-soa-item-img-block {
      height: 100px;
      width: 100px;
   }
   .bx-soa-item-block{
      display: inline-flex

   }
   .bx-soa-item-td.bx-soa-item-properties.bx-text-right {
      flex: 1 2;
   }
   #bx-soa-pickup {
      width: auto;
   }
   #chooser_0 {

   }
}

.bx-soa-pp-company {z-index: 95}
@media (max-width: 500px) {
   .bx-soa-basket-info{
      margin: 0;
      padding: 10px;
      border-radius: 24px;
      margin: 10 0;
   }
   .bx-soa-basket-info:nth-child(even) {
      background-color: white;
   }
   #bx-soa-basket {
      padding: 0px;
      background:none;
   }
}
#modefModel_num {
   font-size: 21px
}
#modef_num {
   font-size: 21px
}

@media (max-width: 380px) {
   .drawer .bx-filter-popup-result {
      padding: 9px 15px 0;
      height: 40px !important;
   }
   .drawer .bx-filter-popup-result a, .bx-filter .drawer a, .drawer .bx-filter-popup-result a {
      position: absolute;
      top: 5px;
      right: 5px;
      background: #5479B8;
      border: 2px solid #FFFFFF;
      border-radius: 22px;
      height: 30px;
      align-items: center;
      padding: 0 20px;
      width: 50%;
   }
}
.icon-class {
   width: 34px;
   height: 34px;
   position: relative;
   margin-right: 10px;
}
@media (max-width: 900px) {


  .op_new  .modal-catalog__link {
      font-size: calc(13px + 5 * ((100vw - 320px) / 1600));
      font-weight: 400;
      color: #547cbb;
      line-height: 36px;
      padding: 9px;
      padding-left: 0px;
      width: calc(100% - 39px);
      background: #fff;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
   }

   .op_new  .new_menu_mobil .modal-catalog__link {
      font-size: calc(13px + 5 * ((100vw - 320px) / 1600));
      font-weight: 400;
      color: #547cbb;
      line-height: 36px;
      padding: 9px;
      padding-left: 0px;
      width: calc(100% - 39px);
      border-right: 16px;
      background: none;
   }
}
.log_catalog_brend {
   margin-left: 10px;
   width: auto;
   height: 24px;
   margin-top: -4px;
   margin-right: 10px;
}
.product__image
.log_catalog_brend {
   margin-left: 2px;
   width: auto;
   height: 24px;
   margin-top: -7px;
}
.alert-warning {
   display: none;
}
.product__image .log_catalog_brend:hover{
   border: none;
}
@media (max-width: 1000px) {
   #bx-soa-total-mobile .btn-order-save {
      display: none !important;
   }
   #bx-soa-orderSave .d-sm-inline-block{
      display: flex !important;
      max-width: 100%;
   }
   .container-redesign{
      width: auto !important;
      gap: 5px;
   }
   .dectop_main {
      padding: 0 3.5208333333vw;
   }
   .curtain__list_left
}
.popup__body .bx-sls {
   margin-top: 50px;
   margin-bottom: 20px;
}
.popup__body .bx-sls .dropdown-block {
   font-size: 16px;
   line-height: 21px;
   background-color: #e6e9ed;
   border-radius: 8px;
   border: 2px solid #5479b8;
}

.SDEK_selectPVZ {
   WIDTH: AUTO;
   font-size: 16px;
   line-height: 27px;
   padding: 9px 10px;
   border-radius: 10px;
   cursor: pointer;
   display: flex;
   transition: all 0.3s ease 0s;
   text-align: left;
   justify-content: flex-start;
   height: 48px;
   min-width: 48px;
   background-color: #5379B8;
   border: 1px solid #000000 !important;
   color: #fff;
   margin-top: 10px;
}
.icon-container {
   display: none;
   margin-top: 20px;
   overflow-x: auto; /* Позволяет прокручивать контейнер по горизонтали */
   gap: 12px;
   padding:0px;
   scroll-snap-type: x mandatory; /* Плавная прокрутка */
   margin-bottom: 10px;
}

.icon-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   max-width: 105px;
}

.icon-block {
   background-color: #5479b8; /* Синий фон для блока с иконкой */
   padding: 4px;
   border-radius: 8px;
   transition: transform 0.3s;
}

.icon-item img {
   width: 48px;
   height: 48px;
   transition: transform 0.3s;

}
.icon-item.large .icon-block{
   width: 105px;
}

.icon-item.large .icon-block img {
   width: 96px;
}

.icon-item span {
   margin-top: 8px;
   font-size: 11px;
   color: #333; /* Цвет текста */
}

.icon-container::-webkit-scrollbar {
   height: 8px;
}

.icon-container::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 10px;
}

.icon-container::-webkit-scrollbar-thumb:hover {
   background: #555;
}
@media (max-width: 1000px) {
   .icon-container {
      display: flex;
      width: calc(100% + 3.5208333333vw);
   }
   .plate_container {
      display: none;
   }
}
.cblock-popup-overlay{
   display: none;
}
.pay_desk  .payment__item img {
   height: 44px;
}
.pay_desk .payment__item:nth-child(1) img{
   height: 35px;
}
@media (max-width: 720px) {
   .grid-item .tile {
      display: flex;
      flex-direction: row; /* Горизонтально: картинка слева, текст справа */
      align-items: center;
      text-align: left;
      gap: 12px;
      padding-bottom: 0px;
   }
   .menu-footer .payment .payment__item img {
      height: 44px;
   }

   .tile-image {
      background-position: center;
      flex-shrink: 0;
      border-radius: 8px;
      width: 35px;
      height: 53px;
      background: center no-repeat;
      background-size: contain;
   }

   .tile-title {
      font-size: 13px;
      font-weight: 500;
      margin: 0;
   }
   .grid-item {
      width: 100%;
   }
   .grid-container {
      gap: 0px;
   }
   .tile:hover{
      background: #ffffff;
      border: 1px solid #fff;
      box-shadow:none;
   }
   .popup_location .popup__body {
      background-color: rgb(0 0 0 / 73%) !important;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px)
   }
   .popup_location .check_auth {
      padding: 20px;
      border-radius: 24px;
      background: #2b2b2b;
   }
   .popup_location .popup__title{
      color: #fff;
      font-size: 20px;
   }
   .popup_location .popup__top{
      margin: 0px 0px 15px 0px;
   }
   .popup_location .popup__body {
      margin-bottom: 20px;
   }
   .popup_location  .popup__body .bx-sls {
      margin-top: 10px;
      margin-bottom: 15px;
   }
   .popup_location  .form__button {
      height: 48px
   }
   .popup_location  .popup__close{
      margin-top: 0px;
   }
   .inform_text {
      color: #fff;
   }
   /* Popup Overlay */
   .cblock-popup-overlay {
      display: none ;
      position: fixed;
      inset: 0;
      background-color: rgb(0 0 0 / 50%) !important;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      z-index: 2000;
      justify-content: center;
      align-items: flex-end;
      padding-bottom: 100px;
   }

   /* Popup Box */
   .cblock-popup-content {
      background-color: #1e1e1eeb;
      border: 1px solid white;
      border-radius: 18px;
      padding: 24px;
      min-width: 280px;
      color: white;
      box-shadow: 0 6px 20px rgb(0 0 0 / 31%);
   }
   .cblock-contact-item img {
      height: 28px;
      width: 28px;
   }
   .cblock-contact-item {
      display: flex;
      align-items: center;
      gap: 25px;
      font-size: 16px;
      margin-bottom: 15px;
   }

   .cblock-contact-item:last-child {
      margin-bottom: 0;
   }
   .cblock-contact-item a{
      color: #fff;
      font-weight: 100;
   }
}

.bx-soa-pp-delivery-period {
   display: none;
}
@media (max-width: 1820px) {
   .plait_name {
      padding: 15px;
      font-size: 0.9vw;
      min-height: 4.6vw;
   }
   .plait_main{
      flex: 0 0 calc((100% - 28px * 8) / 9);
      height: auto;
   }
}
ul.bx-soa-pp-list {
   margin: 0px;
}
#bx-soa-basket {
   background-color: #fff;
}
.new-order .bx-soa-section-title-container {
   border-radius: 24px;
}
@media (max-width: 400px) {
   
}
.video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.slide-video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.bx-filter{
   font-family: Montserrat;
}
.tooltip {
   font-family: Montserrat;
}
.legal-container {
   margin: 0 auto;
   background: #fff;
   font-family: "Montserrat", Arial, sans-serif;
   color: #222;
   padding-bottom: 20px;
}
.legal-container h1 {
   font-size: 2em;
   font-weight: 700;
   margin-top: 32px;
   margin-bottom: 24px;
   line-height: 1.2;
}
.legal-container h2 {
   font-size: 1.2em;
   font-weight: 500;
   margin-top: 26px;
   margin-bottom: 12px;
   line-height: 1.3;
}
.legal-container ul, .legal-container ol {
   margin: 0 0 20px 32px;
   padding: 0;
   font-size: 1em;
}
.legal-container li {
   margin-bottom: 7px;
   line-height: 1.5;
}
.legal-container p {
   margin-bottom: 18px;
   font-size: 1em;
   line-height: 1.7;
}
.legal-container a {
   color: #204d74;
   text-decoration: underline;
   word-break: break-all;
}
.legal-container .contact-block {
   background: #f8f8f8;
   padding: 14px 18px;
   margin: 24px 0 0 0;
   border-left: 4px solid #204d74;
   font-size: 1em;
}
@media (max-width: 600px) {
   .legal-container {
      padding: 10px;
   }
   .legal-container h1 {
      font-size: 1.2em;
   }
   .legal-container h2 {
      font-size: 1em;
   }
}
.zlk-cat-root {
   font-family: 'Montserrat', Arial, sans-serif;
}
.zlk-cat-header {
   position: relative;
   z-index: 110;
}
.zlk-cat-burger {
   background: none;
   border: none;
   cursor: pointer;
   width: 44px; height: 44px;
   position: relative;
   z-index: 99;
   padding: 0;
}
.zlk-cat-burger-icon,
.zlk-cat-burger-icon:before,
.zlk-cat-burger-icon:after {
   display: block;
   background: #333;
   height: 4px;
   border-radius: 2px;
   transition: all 0.3s;
   position: absolute;
   width: 30px;
   left: 7px;
   content: '';
}
.zlk-cat-burger-icon { top: 20px; position: relative; }
.zlk-cat-burger-icon:before {
   content: '';
   top: -10px;
   position: absolute;
}
.zlk-cat-burger-icon:after {
   content: '';
   top: 10px;
   position: absolute;
}
.zlk-cat-burger.active .zlk-cat-burger-icon {
   background: transparent;
}
.zlk-cat-burger.active .zlk-cat-burger-icon:before {
   transform: rotate(45deg) translate(7px, 7px);
}
.zlk-cat-burger.active .zlk-cat-burger-icon:after {
   transform: rotate(-45deg) translate(7px, -7px);
}

.zlk-cat-overlay {
   display: none;
   position: fixed; left: 0; top: 0; width: 100vw; height: 100vh;
   background: rgba(15,18,25, 0.7);
   backdrop-filter: blur(4px);
   z-index: 100;
}
.zlk-cat-overlay.active { display: block; }

.zlk-cat-menu {
   display: none;
   position: fixed;
   top: 185px;
   width: 100vw;
   max-width: 90vw;
   height: 570px;
   right: 0;
   left: 8.5208333333vw;
   background: #fff;
   box-shadow: 0 10px 32px rgba(0,0,0,.2);
   border-radius: 20px;
   z-index: 120;
   overflow: hidden;
   transition: 0.2s;
   font-family: 'Montserrat', Arial, sans-serif;
}
.zlk-cat-menu.active { display: block; }

.zlk-cat-columns {
   display: flex;
   width: 100%;
   height: 100%;
   transition: all 0.2s;
}
/* ---- Колонки по умолчанию: 3 (33.33% каждая) ---- */
.zlk-cat-columns.three-cols .zlk-cat-col {
   flex: 1 1 33.33%;
   max-width: 33.33%;
}
/* ---- Если только 2 колонки: каждая по 50% ---- */
.zlk-cat-columns.two-cols .zlk-cat-categories,
.zlk-cat-columns.two-cols .zlk-cat-sections {
   flex: 1 1 50%;
   max-width: 50%;
}
.zlk-cat-columns.two-cols .zlk-cat-subsections {
   display: none !important;
}
/* ---- Если только одна колонка: 100% ---- */
.zlk-cat-columns.one-col .zlk-cat-categories {
   flex: 1 1 100%;
   max-width: 100%;
}
.zlk-cat-columns.one-col .zlk-cat-sections,
.zlk-cat-columns.one-col .zlk-cat-subsections {
   display: none !important;
}

/* ---- Общие стили колонок ---- */
.zlk-cat-col {
   padding: 32px 24px 24px;
   border-right: 1px solid #f0f0f0;
   background: #fff;
   min-width: 0;
   overflow-y: auto;
   transition: flex-basis .2s;
}
.zlk-cat-categories{
   border: none;
}
.zlk-cat-col:last-child { border-right: none; }
.zlk-cat-col ul {
   list-style: none;
   margin: 0; padding: 0;
}

/* ---- Категории ---- */
.zlk-cat-categories ul li {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 9px 20px;
   cursor: pointer;
   border-radius: 7px;
   transition: background 0.2s, color 0.2s;
   font-size: 16px;
   min-height: 40px;
   padding-right: 0px;
   position: relative;
}
/* добавляем линию через ::after */
.zlk-cat-categories ul li:nth-child(3)::after,
.zlk-cat-categories ul li:nth-child(6)::after,
.zlk-cat-categories ul li:nth-child(8)::after,
.zlk-cat-categories ul li:nth-child(14)::after,
.zlk-cat-categories ul li:nth-child(16)::after {
   content: "";
   display: block;
   height: 2.3px;
   background: #f0f0f0;
   /* margin: 8px 0; */
   width: calc(80% + 48px);
   position: absolute;
   bottom: -10px;
   left: 8%;
}
.zlk-cat-categories ul li:nth-child(3),
.zlk-cat-categories ul li:nth-child(6),
.zlk-cat-categories ul li:nth-child(8),
.zlk-cat-categories ul li:nth-child(14),
.zlk-cat-categories ul li:nth-child(16){
   margin-bottom: 20px;
}

.zlk-cat-categories ul li.active,
.zlk-cat-categories ul li:hover {
   background: #f4f4f5;
   color: #5479b8;
}

/* ---- Разделы ---- */

.zlk-cat-sections ul li,
.zlk-cat-subsections ul li {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 0;
   cursor: pointer;
   border-radius: 7px;
   transition: background 0.2s, color 0.2s;
   font-size: 16px;
   min-height: 40px;
   margin-bottom: 10px;
}
.zlk-cat-sections ul li.active .zlk-element-title,
.zlk-cat-sections ul li:hover .zlk-element-title {
   background: #f4f4f5;
   color: #5479b8;
}
.zlk-cat-subsections ul li.active .zlk-element-title, .zlk-cat-subsections ul li:hover .zlk-element-title{
   background: #f4f4f5;
   color: #5479b8;
}

.zlk-element-title {
   padding: 15px 10px;
   border-radius: 18px;
}

.zlk-cat-li-img {
   width: 64px;
   height: 64px;
   object-fit: contain;
   display: inline-block;
   border-radius: 10px;
   background: #f9f9f9;
   margin-right: 4px;
}
.zlk-cat-col ul li a {
   color: inherit;
   text-decoration: none;
   display: inline-block;
   width: 100%;
   position: relative;
   padding-right: 10px;
}
.zlk-cat-menu {
   max-width: 81vw;
   transition: width .2s;
}
.zlk-cat-menu.menu-two-cols {
   max-width: 54vw;
}
.zlk-cat-menu.menu-one-col {
   max-width: 27vw;
}
.zlk-cat-categories ul li.active a.zlk-has-children:after,
.zlk-cat-sections ul li.active a.zlk-has-children:after {
   content: "";
   display: inline-block;
   height: 14px;
   width: 8px;
   right: 7px;
   top: calc(50% - 7px);
   position: absolute;
   vertical-align: middle;
   background: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L1 13" stroke="%235479b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
   /* цвет #5479b8 — как у тебя в дизайне */
}
@media (max-width: 1300px) {

}
@media (max-width: 900px) {
  
}
/* --- Адаптив --- */
@media (max-width: 1200px) {

}
@media (max-width: 900px) {

}
@media (max-width: 700px) {

}
@media (max-width: 500px) {

}
.zlk-cat-burger {
   background: none;
   border: none;
   cursor: pointer;
   width: 34px;
   height: 34px;
   padding: 0;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   gap: 7px;
   z-index: 99;
   position: relative;
   margin-left: 10px;
}

.burger-bar {
   display: block;
   width:20px;
   height: 3px;
   border-radius: 3px;
   background: #fff;
   transition: all 0.3s cubic-bezier(.7,.3,.1,1);
   position: relative;
}

.burger-bar:nth-child(2) {
   width: 15px;; /* Центральная длиннее */
}
.burger-bar:nth-child(3) {
   width: 10px;
   /* Центральная длиннее */
}
/* Анимация крестика при открытии */
.zlk-cat-burger.active .burger-bar:nth-child(1) {
   transform: translateY(10px) rotate(45deg);
   width: 28px;
}
.zlk-cat-burger.active .burger-bar:nth-child(2) {
   opacity: 0;
   width: 0;
}
.zlk-cat-burger.active .burger-bar:nth-child(3) {
   transform: translateY(-10px) rotate(-45deg);
   width: 28px;
}
.mob_menu_block {
   background: #fff;
   border-radius: 18px;
   margin: 0 auto 18px auto;
   box-shadow: 0 4px 16px rgba(0,0,0,0.04);
   padding: 0;
   overflow: hidden;
}
.menu-item {
   display: flex;
   align-items: center;
   border-bottom: 1px solid #e7eaf1;
   padding: 10px 18px 10px 14px;
   cursor: pointer;
   transition: background .15s;
   font-size: 17px;
   font-family: 'Montserrat', Arial, sans-serif;
   min-height: 56px;
   background: #fff;
}
.menu-item:last-child {
   border-bottom: none;
}
.menu-item:active,
.menu-item:hover {
   background: #f4f6fa;
}
.menu-icon {
   width: 34px;
   height: 34px;
   object-fit: contain;
   border-radius: 10px;
   background: #f9f9f9;
   box-shadow: 0 2px 8px rgba(0,0,0,0.03);
   margin-right: 12px;
}
.menu-level_2 .menu-icon {
   width: 64px;
   height: 64px;
}
.menu-level_3 .menu-icon {
   width: 64px;
   height: 64px;
}
.menu-title {
   font-size: 16px;
   color: #547cbb;
   flex: 1;
   font-weight: 500;
   display: flex;
   align-items: center;
}
#mobile-menu-wrapper .menu-back{
   font-weight: 400;
   color: #547cbb;
   padding-left: 30px;
   padding-top: 10px;
   padding-bottom: 10px;
}
#mobile-menu-wrapper .menu-back:before {
   color: #547cbb;
   margin-left: -1.5rem;
   margin-right: 1rem;
   content: "\276E\276E";
}
.menu-level_2{
   background: #fff;
   border-radius: 16px;
   padding: 10px;
}
.menu-level_3{
   background: #fff;
   border-radius: 16px;
   padding: 10px;
}
.lain-mob-menu{
   border-top: 2px solid #e7eaf1 ;
   margin-top: 10px;
}
.mob-close-style svg use{
   fill: #547cbb;
}
.mob-close-style {
   top: 9px;
   left: auto;
   width: 19px;
   height: 19px;
   right: 8px;
   position: absolute;
}
.mobile-menu-wrapper .arrow{
   height: 28px;
   width: 28px;
   font-size: 32px;
   line-height: 21px;
   background: #e7eaf1;
   text-align: center;
   color: #547cbb;
   border-radius: 8px;
   margin-left: 10px;

}
.catalog-section-block {
   padding: 0 3.5208333333vw;
}
.header_mob_mennu{
   position: relative;
}
.mob-close-style svg {
    width: 100%;
    height: 100%;
}
.section-scroll-wrapper {
   display: flex;
   overflow-x: auto;
   gap: 35px;
   padding: 10px 0;
   scroll-snap-type: x mandatory;
   -webkit-overflow-scrolling: touch;
   padding-bottom: 5px;
   margin-bottom: 35px;
}

.section-scroll-wrapper .item {
   flex: 0 0 auto;
   width: 330px;
   background: #f3f6fb;
   border-radius: 12px;
   padding: 8px 16px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   scroll-snap-align: start;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
   transition: transform 0.2s ease;
   color: #167aa8;
   font-size: 17px;
}

.section-scroll-wrapper .item:hover {
   transform: translateY(-4px);
}

.section-scroll-wrapper .item-name {
   font-size: 15px;
   font-weight: 600;
   color: #1b4568;
   flex: 1;
   line-height: 1.2;
}

.section-scroll-wrapper .item img {
   width: 60px;
   height: 60px;
   object-fit: contain;
   margin-left: 16px;
   flex-shrink: 0;
}
.section-scroll-wrapper .item {
   text-decoration: none;
   color: inherit;
}
.section-scroll-wrapper .item--active {
   border-color: #2d3547;
   box-shadow: 0 0 0 2px rgb(17 24 39 / 33%) inset;
   font-weight: 600;
}
.section-scroll-wrapper {
   display: flex;
   overflow-x: auto;
   gap: 20px;
   padding: 10px 0;
   scroll-snap-type: x mandatory;
   -webkit-overflow-scrolling: touch;
}

/* Стилизация скроллбара для Webkit-браузеров (Chrome, Safari) */
.section-scroll-wrapper::-webkit-scrollbar {
   height: 6px; /* Тонкая горизонтальная полоса */
}

.section-scroll-wrapper::-webkit-scrollbar-track {
   background: transparent;
}

.section-scroll-wrapper::-webkit-scrollbar-thumb {
   background-color: #b7c3cf;
   border-radius: 4px;
   transition: background-color 0.2s;
}

.section-scroll-wrapper::-webkit-scrollbar-thumb:hover {
   background-color: #8a9bac;
}

/* Firefox */
.section-scroll-wrapper {
   scrollbar-width: thin;
   scrollbar-color: #b7c3cf transparent;
}
/* ✅ Мобильная адаптация */
@media screen and (max-width: 900px) {
   .section-scroll-wrapper {

   }

   .section-scroll-wrapper .item {
      width: 140px;
      flex-direction: column;
      align-items: center;
      text-align: center;
      justify-content: center;
      padding: 8px;
      height: 140px;
   }

   .section-scroll-wrapper .item img {
      margin-left: 0;
      margin-top: 10px;
      width: 80px;
      height: 80px;
   }
   .section-scroll-wrapper .item-name {
      text-align: left;
      width: 100%;
      font-size: 13px;
      font-weight: 400;
   }
   .catalog__header .catalog__sort {
      display: none;
   }
   .catalog__sort {
      display: flex;
      justify-content: flex-end;
      flex-direction: row;
   }
   .catalog__sort .nice-select {
      height: 41px;
      font-size: 11px;
      line-height: 24px;
      display: flex;
      align-items: center;
      padding-right: 32px;
       min-width: auto;
      width: 148px;
      border-radius: 8px;
   }
   .catalog__wrapper._init .spoller-title {
      margin: 0px;
      margin-top: -89px;
      width: 53%;
      border-radius: 9px;
      font-size: 11px;
   }
   .catalog__select  .list{
      width: 130%;
      right: 0;
      left: auto;
   }
   .articles__select  .option {
      line-height: 40px;
      min-height: 40px;
   }

   .catalog__wrapper .mob-block {
      display: block;
   }
   .catalog__filter .row {
      flex-direction: row;
   }
   .catalog__filter .row {
      flex-direction: row;
   }
   .catalog__filter {
      background: #ffffff;
      border-radius: 10px;
      padding-top: 20px;
      padding-left: 21px;
      padding-right: 21px;
      padding-bottom: 10px;
      position: relative;
   }
   .bx-touch .bx-filter .bx-filter-popup-result{
      position: relative !important;
      width: 100%;
   }
}
.form__button--red {
   background: #DD9A95;
   color: #ffffff;
}
.form__button--red::after {
   display: none;
}
.form__button--red:hover {
   background:#B8635FFF;
}
.status--in-stock {
   color: #00BF63; /* зелёный */
}

.status--incoming {
   color: #929292; /* серый */
}

.status--out-of-stock {
   color: #e03733; /* красный */
}
.product__status{
   margin-bottom: 10px;
}
.form__button--gray {
   background: #c2c2c2;
   color: #5479b8;
}
.form__button--gray:hover {
   background: #939292;
   color: #5479b8;
}
.form__button--gray::after {
   display: none;
}
/* === Общие стили модалки === */
.product-modal {
   position: fixed;
   top: 0; left: 0;
   width: 100%; height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 9999;
}
.product-modal__overlay {
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
   background: rgba(0, 0, 0, 0.4);
}

/* === Контейнер модалки === */
.product-modal__content {
   background: #ffffff;
   border-radius: 16px;
   padding: 30px 25px 25px;
   position: relative;
   width: 100%;
   max-width: 420px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
   z-index: 2;
}

/* === Кнопка закрытия === */
.product-modal__close {
   position: absolute;
   top: 15px; right: 15px;
   width: 20px; height: 20px;
   background: url('../img/svg/close.svg') center/contain no-repeat;
   border: none;
   cursor: pointer;
}


/* === Подзаголовок (ссылка) === */
.product-modal__subtitle {
   font-size: 14px;
   margin-bottom: 30px;
}
.product-modal__link {
   color: #3e5a8a;
   text-decoration: underline;
}

/* === Текст описания === */
.product-modal__description {
   font-size: 14px;
   color: #333;
   margin-bottom: 20px;
}

/* === Форма === */
.product-modal__form {
   display: flex;
   flex-direction: column;
}

/* === Инпуты === */
.product-modal__input {
   padding: 10px 12px;
   border: 1px solid #7D7D7D99;
   border-radius: 6px;
   font-size: 14px;
   margin-bottom: 12px;
   transition: border-color 0.2s;
}
.product-modal__input:focus {
   outline: none;
   border-color: #3e5a8a;
}

/* === Чекбокс с политикой === */
.product-modal__checkbox {
   font-size: 13px;
   color: #555;
   margin-bottom: 40px;
}
.checkbox {
   display: flex;
   align-items: flex-start;
}
.checkbox__input {
   margin-right: 8px;
   margin-top: 3px;
}
.checkbox__text a {
   color: #3e5a8a;
   text-decoration: underline;
}

/* === Кнопка отправки === */
.product-modal__submit {
   color: white;
   border: none;
   padding: 14px;
   border-radius: 6px;
   cursor: pointer;
   font-size: 14px;
   transition: background 0.2s;
   max-width: 162px;
   background: #5479B8;
}
.product-modal__submit:hover {
   background: #2f476e;
}
.product-modal__content {
   background: #fff;
   border-radius: 12px;
   padding: 50px;
   position: relative;
   width: 100%;
   max-width: 720px;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
   z-index: 2;
   display: flex;
   flex-direction: column;
}

.product-modal__layout {
   display: flex;
   gap: 40px;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
   margin-bottom: 30px;
}

.product-modal__left {
   flex: 1 1 45%;
   min-width: 250px;
}

.product-modal__form {
   flex: 1 1 45%;
   display: flex;
   flex-direction: column;
}

.product-modal__title {
   font-size: 20px;
   margin: 0;
   margin-bottom: 30px;
}

.product-modal__subtitle {
   font-size: 14px;
   margin-bottom: 30px;
}

.product-modal__link {
   color: #3e5a8a;
   text-decoration: underline;
}

.product-modal__description {
   font-size: 16px;
   color: #000;
   line-height: 24px;
}

.product-modal__input {
   padding: 10px 12px;
   border: 1px solid #7D7D7D99;
   border-radius: 6px;
   font-size: 14px;
   margin-bottom: 12px;
}

.product-modal__checkbox {
   font-size: 13px;
   margin-bottom: 40px;
}

.checkbox {
   display: flex;
   align-items: flex-start;
}
.checkbox__input {
   margin-top: 3px;
   margin-right: 8px;
}
.checkbox__text a {
   color: #3e5a8a;
   text-decoration: underline;
   margin-left: 8px;
}


.product-modal__submit:hover {
   background: #2e4975;
}
.product-modal__form input.error {
   border-color: red;
   background-color: #ffecec;
}
.thank-you-modal {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9999;
   background: rgba(0, 0, 0, 0.3);
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.thank-you-modal__content {
   background: #fff;
   border-radius: 16px;
   padding: 50px 59px 52px 76px;
   max-width: 455px;
   width: 100%;
   position: relative;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.thank-you-modal__close {
   position: absolute;
   top: 15px; right: 15px;
   width: 20px; height: 20px;
   background: url('../img/svg/close.svg') center/contain no-repeat;
   border: none;
   cursor: pointer;
}
.thank-you-modal__close:hover {
   color: #000;
}

.thank-you-modal__title {
   font-size: 18px;
   font-weight: bold;
   color: #44C24C;
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

.thank-you-modal__icon {
   width: 29px;
   height: 29px;
   display: inline-block;
}
.thank-you-modal__text {
   font-size: 14px;
   color: #333;
   line-height: 1.5;
}

@media (max-width: 780px) {
   .product-modal__layout {
      flex-direction: column;
      gap: 20px;
   }
   .product-modal__left,
   .product-modal__form {
      flex: 1 1 100%;
      width: 100%;
   }
   .product-modal__content{
      padding: 50px 20px;
      max-width: 90%;
   }
   .product-modal__link {
      font-size: 10px;
      line-height: 15px;
   }
   .checkbox__text:before{
      display: inline-block;
      position: absolute;
   }
   .checkbox__text {
      display: inline-block;
      padding-left: 25px;
      width: 100%;
   }
   .product-modal__submit {
      width: 90%;
      margin: auto;
      max-width: 100%;
   }
   .product-modal__input {
      padding: 9px 17px;
   }
   .thank-you-modal__content{
      width: 90%;
      padding: 40px 30px;
   }
   .thank-you-modal__content{
      width: 90%;
   }
   .thank-you-modal__text {
      font-size: 13px;
      text-align: center;
   }
   .thank-you-modal__title{
      font-size: 15px;
   }
   .thank-you-modal__close {
      width: 15px;
      height: 15px;
   }
   .product-modal__close{
      width: 15px;
      height: 15px;
   }
   .checkbox__text a {
      margin: 0;
   }
   .legal-entity-mobile .legal-entity-btn{
      width: 140px;
      height: 33px;
      background: #D8E6FF;
      color: #5D80BC;

   }
}
.legal-entity-btn{
   font-family: Montserrat;
   font-weight: 600;
   font-size: 14px;
   line-height: 100%;
   width: 146px;
   height: 45px;
   opacity: 1;
   border-radius: 7px;
   box-shadow: 0px 2px 4px 0px #5D80BC80;
   background: #C4DAFF4D;
   display: flex;
   align-items: center;
   gap: 8px;
   color: #3e5a8a;
   cursor: pointer;
   transition: color 0.3s ease;
   padding-left: 8px;
}
.legal-entity-icon {
   width: 32px;
   height: 32px;
   background-image: url('../img/legal-entity-icon.png'); /* путь к SVG */
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}
.legal-entity-mobile{
   margin: 5px !important;
}
.card__button-item-span{
   display: none;
}
.card__button-item {
   display: block;
   position: absolute;
   width: 24px;
   height: 24px;
   right: 10px;
   top: 10px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   background-image: url(../img/heart.png);
   transition: background-image 0.3s ease;
   cursor: pointer;
   border: none;
}
.main-product .card__button-item{
   width: 30px;
   height: 30px;
   right: 58px;
   top: 15px;
}
.catalog__body .card__button-item{

}

/* Активное состояние — полное сердце */
.card__button-item.remove {
   background-image: url('../img/heart_full.png'); /* путь к заполненному сердцу */
}
.favorites-empty {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 60px 20px;
   text-align: center;
   color: #333;
}

.favorites-empty__icon {
   margin-bottom: 20px;
}

.favorites-empty__icon img {
   width: 48px;
   height: 48px;
   object-fit: contain;
}

.favorites-empty__title {
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 10px;
   color: #222;
}

.favorites-empty__text {
   font-size: 19px;
   color: #666;
   max-width: 550px;
   line-height: 1.4;
}
@media (max-width: 768px) {
   .favorites-empty__title {
      font-size: 18px;
   }

   .favorites-empty__text {
      font-size: 15px;
   }

   .favorites-empty__icon img {
      width: 40px;
      height: 40px;
   }
}
@media (max-width: 1350px) {
   .menu__link {
      font-size: 14px;
   }
   .header__feedback{
      margin: 0px;
   }
   .header__phone{
      font-size: 14px;
   }
   .menu__item:not(:last-child) {
      margin: 0px 1vw 0px 0px;
   }
   .header__label {
      font-size: 12px;
      padding: 4px;
   }
   .header__labels{
      min-width: 252px;
      margin-left: 1vw;
   }
   .new_input_search{
      margin-left: 1vw;
   }
   .catalog_btn_new{
      line-height: 44px;
   }
   .new_input_search .serche_icon .form__input{
      font-size: 12px;
      line-height: 14px;
   }
   .header_icon{
      height: 41px;
   }
}
@media (max-width: 780px) {
   .legal-entity-icon{
      width: 28px;
      height: 28px;
      background-size: cover;
   }
   .catalog__body .card__button-item{
      right: 23px;
      /* bottom: 115px; */
      top: 16px;
   }
   .main-product .card__button-item {
      width: 30px;
      height: 30px;
      right: 0px;
      top: -86px;
   }
   .main-product .product__button{
      flex: 1 1 100%;
   }
   .header__labels{
      min-width: auto;
   }
}
@media (max-width: 500px) {
   .main-product .card__button-item {
      top: -9px;
   }
}
@media (max-width: 370px) {
   .floating-menu {
      display: flex;
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #2f3b45;
      border-radius: 30px;
      padding: 7px 15px;
      gap: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      z-index: 1000;
      height: 37px;
      width: 130px;
      justify-content: space-between;
   }

}
   .is-success .success-text {
      display: block !important;
      padding: 15px 20px;
      margin-top: 10px;
      background-color: #d4edda;   /* светло-зелёный фон */
      color: #155724;              /* тёмно-зелёный текст */
      border: 1px solid #c3e6cb;   /* граница */
      border-radius: 8px;          /* скруглённые углы */
      font-size: 15px;
      font-weight: 500;
      text-align: center;
      animation: fadeIn 0.5s ease; /* плавное появление */
   }

   /* Анимация появления */
   @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-5px); }
      to   { opacity: 1; transform: translateY(0); }
   }
   .mob_product__sizes{
      display: none;
   }
   .product__button--open-cart {
      width: 56px; min-width: 56px; height: 50px;
      padding: 0; border-radius: 8px;
      margin-left:10px;
   }
   .product__button--open-cart .product__button-icon {
      display:inline-block; width: 20px; height: 20px;
      background: url('../img/svg/arrow_next_wht.svg') no-repeat center/contain;
   }
   .product__buttons{
      flex-wrap: nowrap;
   }
   .product .main-product__quantity{
      height: 50px;
      border: 1px solid #5379B84D;
      border-radius: 5px;

   }
   .main-product .main-product__quantity{
      height: 50px;
      border: 1px solid #5379B84D;
      border-radius: 5px;

   }
   .product  .quantity__input input{
      background: #fff;
      color:#405A8B ;
      min-width: 50px;
   }
   .main-product  .quantity__input input{
      background: #fff;
      color:#405A8B ;
      padding-left: 20px;
   }
   .product .quantity__button{
      background: #fff;
   }
   .main-product .quantity__button{
      background: #fff;
   }
   .quantity__button::before, .quantity__button::after {
      background: #405A8B;
   }
   .main-product__content .buttons_main_product{
      display: flex;
      flex-wrap: nowrap;
      flex: 1 1 auto;
      justify-content: space-evenly;
      align-content: center;
      align-items: stretch;
   }
   .main-product__content .product__button--open-cart {
      width: 50%;
   }
   .main-product__content .main-product__quantity{
      width: 50%;
      height: 50px;

   }
.prodict__wrapper  .swiper-container {
   padding: 20px 10px;
   padding-right: 80px;
}
.prodict__wrapper  .swiper-slide{
   min-height: auto;
}

.prodict__wrapper {
   position: relative;
}
.prodict__wrapper  .popular__nav {
   width: calc(100% - (3.208333333vw * 2));
   top: 50%;
   position: absolute;
   z-index: 99;
   justify-content: space-between;

}

.prodict__wrapper .popular__nav-prev2,
.prodict__wrapper .popular__nav-next2 {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #FFF;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: background 0.3s, transform 0.2s;
   z-index: 99; /* чтобы были поверх */
   padding: 0;
   position: relative;
   margin: 0;
   border:none;
   box-shadow: 5px 4px 11.8px -2px #00000040;

}

.prodict__wrapper .popular__nav-prev2 {
   left: -15px; /* можно регулировать отступ от контента */
}

.prodict__wrapper .popular__nav-next2 {
}

.prodict__wrapper .popular__nav-prev2 svg,
.prodict__wrapper .popular__nav-next2 svg {
   width: 16px;
   height: 16px;
   fill: #333;
}
   @media (max-width: 900px) {
      .product__image{
         display: flex;
      }
      .product__name{
         font-size: 14px;
         color: #007CA1;
         line-height: 18px;
         margin-bottom: 10px;
      }
      .product__article{
         margin-bottom: 15px;
      }
      .desc_product__sizes {
         display: none;
      }
      .mob_product__sizes{
         display: flex;
         min-height: 32px;
      }
      .size__text{
         font-size: 14px;
         line-height: 18px;
      }
      .size__item img{
         width: 22px;
      }
      .product__button {
         height: 50px;
      }
      .main-product__content .buttons_main_product {
         left: 0;
         display: flex;
         flex-wrap: nowrap;
         flex: 1 1 auto;
         justify-content: space-evenly;
         align-content: center;
         align-items: stretch;
         position: fixed;
         background: #fff;
         padding: 10px;
         width: 100%;
         bottom: 0;
         margin: 0;
         z-index: 888;
      }
      .main-product__content .main-product__quantity{flex: 1 1 50%;}
      .product-page{
         bottom: 75px;
      }
      .main-product__button{
         height: 50px;
         margin-top: 0px;
      }
      .prodict__wrapper .popular__nav-prev2 {
         left: -7px;
      }
      .popular__slider2 .product {
         min-height: 447px;
      }
      .popular__slider2  .product__status {
         text-align: left;
      }
      .popular {
         padding: 0;
      }
      .about .about__main{
         padding: 20px 10px;
      }
   }
.order_wrapper{
   margin-top: 161px;
}
.order_wrapper .page {
      background:#ECEFF6;
   }

@media (max-width: 1000px) {
   .order_wrapper {
      margin-top: 85px;
   }
}
.about{
   padding: 50px 3.5208333333vw;
   color:#000;
}
.about__layout{
   display:grid;
   grid-template-columns:338px 1fr;
   gap:24px;
}

.about .about__main,
.about .about__aside{
   background:#fff;
   padding: 10px 0;
   border:1px solid #e9edf3;
   border-radius:20px;
   box-shadow:0 6px 24px rgba(16,24,40,.06);
}

.about .about__main{
   box-shadow:
           2px 2px 4px 0px #346EAE40,
           -1px -1px 4px 0px #346EAE40;
   padding: 40px 20px;
}

.about  .about__aside{
   align-self:start;
   position:sticky;
   box-shadow:
           2px 2px 4px 0px #346EAE40,
           -1px -1px 4px 0px #346EAE40;
}
.about-left-menu{list-style:none;margin:0;padding:0;}
.about-left-menu li{
   position:relative;
   overflow:hidden;
}

.about-left-menu a{
   display:flex;
   align-items:center;
   gap:10px;
   padding: 15px 5px 15px 30px;
   text-decoration:none;
   color: #5D80BC;
}
.about-left-menu li:not(:last-child)::after {
   content: "";
   position: absolute;
   bottom: 0;
   height: 2px;
   background: #DADBEB40;
   width: 100%;
}
.about-left-menu a:hover{
   color:#E03733;
}

.about-left-menu .is-active a{
   color:#E03733;
}
.about__title{
   margin:6px 0 18px;
   font-size: 30px;
   line-height: 38px;
}

.about__content{
   font-size:16px;
   line-height:1.7;
   color:#1f2a37;
}
.about__content p{margin:0 0 12px;}

.about__grid{
   display:grid;
   grid-template-columns:1.2fr .8fr;
   gap:16px;
   margin-top:16px;
}
.about__grid img{
   width:100%;
   height:auto;
   display:block;
   border-radius:12px;
   box-shadow:0 4px 16px rgba(0,0,0,.05);
}
.about__thumbs{
   display:grid;
   grid-template-columns:1fr;
   gap:12px;
}

.about__banner{
   margin-top:24px;
}
.about__banner img{
   width:100%;
   height:auto;
   border-radius:12px;
   display:block;
   box-shadow:0 4px 16px rgba(0,0,0,.06);
}

@media (max-width:1100px){
   .about__layout{grid-template-columns:1fr;}
   .about__aside{position:static;}
   .about__grid{grid-template-columns:1fr;}
}
.review-file {
   display: flex;
   align-items: center;
   margin-top: 10px;
}

.review-file a {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: #2f6bff; /* как у тебя на скрине */
   font-size: 16px;
}

.review-file-icon {
   width: 32px;
   height: auto;
   margin-right: 8px;
   flex-shrink: 0;
}

.review-file-name {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.btn-arrow_mob_menu::after {
   content: "\276F"; /* можно заменить на → или svg */
   margin-left: 8px;
   font-size: 16px;
   font-weight: bold;
   color: #547cbb;
   transition: transform 0.3s ease;
}
@media (max-width: 900px) {
   .about .about__main{
      padding: 20px 10px;
   }
   .about-left-menu a{
      padding: 10px 5px 10px 20px;
   }
}
@media (max-width: 390px) {
   .modal-catalog__menu-link{

   }

   .modal-catalog__menu {
      padding: 10px;
      padding-right: 30px;
      border-bottom: 1px solid #6b88c2;
   }
}
@media (max-width: 390px) {
   .about-left-menu a{
      font-size: 12px;
   }
}
@media (max-width: 340px) {
   .modal-catalog__menu-link{
      font-size: 14px;
   }

}
@media (min-width: 580px) and (max-width: 850px) {
   .fixed_menu {
      position: absolute !important;
   }
}
.promo-card{
   background:#EFF1F8;
   border:1px solid #B9C7DA;
   border-radius:10px;
   padding: 15px 20px;
   margin-top: 10px;
}
.promo-card__title{
   font-size:12px;
   color:#4b5563;
   margin-bottom:6px
}
.promo-card__code{font-size:20px;font-weight:700;letter-spacing:.06em;margin-bottom:8px}
.promo-card__desc {
   color: #475569;
   align-self: flex-start; /* к верху */
   font-size: 10px;
   line-height: 14px;
   max-width: 70%; /* чтобы текст не съедал место скидки */
}
   .promo-card__btn{background:#5b7fd6;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer; font-size: 10px}
.promo-card__btn:hover{opacity:.95}
.promo-card__hint{margin-left:10px;color:#16a34a;font-weight:600}
.promo-card__btn svg{
   vertical-align: middle;
   margin-left: 10px;
}
/* Бэкдроп */
.promo-toast-backdrop{
   display: block;
   justify-content: center;
   z-index: 9999;
   position: fixed;
   right: 20%;
   bottom: 50px;
}

/* Карточка сообщения */
.promo-toast{
   margin-top: 24px;
   min-width: 296px;
   max-width: 399px;
   background: #7c91b5d6;
   color: #fff;
   border-radius: 12px;
   padding: 25px 44px 25px 25px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
   position: relative;
   font-size: 16px;
   line-height: 1.35;
   text-align: center;
   animation: promoToastIn .25s ease-out both;
}
.promo-toast__close{
   position:absolute; right:10px; top:8px; width:28px; height:28px;
   display:flex; align-items:center; justify-content:center;
   color:#fff; font-size:20px; font-weight:700; cursor:pointer;
   background: none;
}
.promo-toast__close:hover{opacity:1}

@keyframes promoToastIn{
   from{ transform:translateY(-8px); opacity:0 }
   to  { transform:translateY(0);    opacity:1 }
}

@media (max-width: 900px) {
   .promo-toast {
      width: 80%;
      margin: auto;
      padding: 18px 30px;
      font-size: 13px;
   }
   .promo-toast-backdrop{
      right: auto;
      bottom: 80px;
   }
   .about .about__aside{
      background: #ECEFF6;
   }
   .action_block {
      padding: 0 3.5208333333vw;
   }
}

.product-card--top {
   outline: 2px solid #5479b8; /* зелёная обводка */
   outline-offset: 0;
   box-shadow: 0 0 0 2px rgba(46,125,50,0.08);
}

.product-card__badge {
   position: absolute;
   top: 8px;
   left: 8px;
   padding: 4px 8px;
   font-size: 12px;
   line-height: 1;
   font-weight: 600;
   color: #fff;
   background:#5479b8;
   border-radius: 6px;
   z-index: 2;
}
.product-card--analog .product-card__badge {
   background: #b0b8c5;
}
@media screen and (min-width: 1231px) {
   .product-card--analog,.product-card--top {
      border-radius: 20px;
   }
   .product-card--analog .product__image {
      height: 90px;
   }
   .product-card--analog{
      width: 59vw;
   }

   .product-card--analog .product__image {
      flex: 0 1 260px;
   }
   .product-card--analog .product__name {
      font-size: 13px;
      margin: 0px 0px 5px 0px;
      width: 100%;
   }
   .product-card--analog .product__article {
      margin: 0px 0px 10px 0px;
   }
   .product-card--analog  .product__sizes{
      margin: 0px 0px 0px 0px;
   }
   .product-card--analog  .product__sizes .size__text {
      font-size: 13px;
   }
}
.auto_brand_art{
   display: none;
}
@media (max-width:1230px){
   .ta-mb { display:grid; gap:20px; margin:0px 0; }

   /* общий слайдер */
   .ta-slider { position:relative; width:100%; overflow:hidden; }
   .tops-mb { background:#B7BABF; padding:10px; border-radius:10px; }
   .ta-track { display:flex; transition: transform .3s ease; will-change: transform; gap:15px; }
   .ta-slide { flex:0 0 auto; }

   /* кнопки */
   .ta-nav{ position:absolute; top:50%; width:100%; pointer-events:none; }
   .ta-btn{
      pointer-events:auto; position:absolute; transform:translateY(-50%);
      width:40px; height:40px; border-radius:50%;
      border:0; background:#fff; box-shadow:0 6px 16px rgba(0,0,0,.15);
      font-size:18px; cursor:pointer;
   }
   .ta-btn[disabled]{ opacity:.4; cursor:not-allowed }
   .ta-btn-prev{ left:6px }
   .ta-btn-next{ right:6px }

   /* верхний слайдер: TOP — ~1.1 на экран */
   .tops-mb .ta-slide { flex:0 0 calc(100%/1.1); max-width: calc(100%/1.1); }

   /* нижний слайдер: ANALOG — ~2.2 на экран, горизонтальная прокрутка */
   .analogs-mb .ta-track{
      display:flex; flex-wrap:nowrap; gap:10px;
      overflow-x:auto; scroll-behavior:smooth;
   }
   .analogs-mb .ta-slide { flex:0 0 calc(100%/2.2); max-width: calc(100%/2.2); }

   /* твои мобильные правила (как были) */
   .product-card--top .new_foto_schem:nth-child(1){ flex:1; order:2; margin-top:30px; }
   .product-card--top .new_foto_schem{ height:auto; width:auto; }
   .product-card--top .product__image .new_foto_schem:nth-child(1) img{ height:auto; }
   .product-card--top .product__sizes{ display:none; }
   .product-card--top{ padding:10px; }
   .product-card--top .mob_product__center{ margin-top:0; }
   .product-card--top .product__image{ height:30vh; gap:15px; }
   .product-card--top .product__name{ min-height:72px; }
   .product-card--top .new_foto_schem:nth-child(2){ flex:0 0 calc(67% - 15px); order:1; }
   .product-card--top .mob_product__center .product__property{ display:none; }
   .product-card--top .mob_product__center .product__article{ display:none; }
   .product-card--top .product__prices{ margin:0 0 10px; font-size:16px; }
   .product-card--top .product__button{ height:38px; }
   .product-card--top{ outline:none; margin:0 !important; }
   .product-card--top .auto_brand_art{ display:block; }
   .product-card--top .log_catalog_brend{ margin-left:0; width:auto; height:24px !important; margin-top:-4px; margin-right:2px; }
   .product-card--top .product__property .product__property__title{ font-size:12px; }
   .product-card--top .product__property .product__property__value{ font-size:12px; }

   .product-card--analog .new_foto_schem:nth-child(1){ flex:1; order:2; margin-top:0; }
   .product-card--analog .new_foto_schem{ height:auto; width:auto; }
   .product-card--analog .product__image .new_foto_schem:nth-child(1) img{ height:auto; }
   .product-card--analog .product__sizes{ display:none; }
   .product-card--analog{ padding:10px; outline:none; margin:0 !important; }
   .product-card--analog .mob_product__center{ margin-top:0; }
   .product-card--analog .product__image{ height:12vh; gap:5px; min-width:100%; }
   .product-card--analog .product__name{ font-size:5px; line-height:8px; max-height:32px; }
   .product-card--analog .new_foto_schem:nth-child(2){ flex:0 0 calc(67% - 15px); order:1; }
   .product-card--analog .mob_product__center .product__property{ display:none; }
   .product-card--analog .mob_product__center .product__article{ display:none; }
   .product-card--analog .product__prices{ margin:0 0 10px; font-size:10px; }
   .product-card--analog .product__status{ font-size:6px; }
   .product-card--analog .product__button{ height:38px; }
   .product-card--analog .auto_brand_art{ display:block; }
   .product-card--analog .log_catalog_brend{ margin-left:0; width:auto; height:9px !important; margin-top:5px; margin-right:2px; }
   .product-card--analog .product__article{ font-size:6px; }
   .product-card--analog .product-card__badge{ display:none; }
   .product-card--analog .product__property .product__property__title{ font-size:6px; }
   .product-card--analog .product__buttons{ display:none; }
   .product-card--analog .product__property .product__property__value{ font-size:6px; }

   .product-card--analog .js_favorite{ display:none; }
   .auto_brand_art{ margin-top:10px }
   .ta-nav { display: none; }
   @media (max-width: 767.98px){ .catalog__wrapper{ padding:10px; } }
   /* мягкий easing по умолчанию (на всякий) */
   .tops-mb .ta-track{
      transition-timing-function: cubic-bezier(.22,.61,.36,1);
      will-change: transform;
      touch-action: pan-y; /* подсказываем, что вертикальный скролл страницы допустим */
   }
   @media (prefers-reduced-motion: reduce){
      .tops-mb .ta-track{ transition-duration: 0ms !important; }
   }
}
.promo-card__top {
   display: flex;
   justify-content: space-between;
   align-items: stretch; /* растягиваем */
   margin-bottom: 12px;
   height: 40px;
}

.promo-card__discount {
   background: #42CD2F;
   color: #fff;
   font-weight: 700;
   padding: 10px 15px;
   border-radius: 8px;
   font-size: 18px;
   align-self: flex-end; /* к низу */
   white-space: nowrap;
   margin-bottom: -20px;
}
.catalogue {
   margin: 0 3.5208333333vw;
}
.catalog-grid .bx_catalog_tile_ul {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 24px;
   padding: 0;
   margin: 0;
   list-style: none;
   max-width: 1484px;
   margin: auto;
}

.catalog-grid .bx_catalog_tile_ul li {
   text-align: center;
   overflow: hidden;
   transition: all 0.3s ease;
   cursor: pointer;
   width: 100%;
   padding: 0;
   margin: 0px;
}


.catalog-grid .bx_catalog_tile_img {
   display: block;
   width: 100%;
   padding-top: 88%;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 15px;
   background-color: #EFF2F8;
   border: none;
   transition: background-size 0.3s ease;
   background-size: 73%;
}


.catalog-grid .bx_catalog_tile_title {
   margin: 10px 10px;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.3;
}

.catalog-grid .bx_catalog_tile_title a {
   color: #000;
   text-decoration: none;
}

.catalog-grid .bx_catalog_tile_title a:hover {
   color: #d32f2f;
}

/* Распродажа */
.catalog-grid .bx_catalog_tile_img.sale {
   position: relative;
   background-color: #ff6b6b;
}

.catalog-grid .bx_catalog_tile_img {
   display: block;
   width: 100%;
   padding-top: 88%;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 15px;
   background-color: #EFF2F8;
   border: none;
   transition: background-size 0.3s ease;
   background-size: 73%;
}



/* Альтернатива, если нужен текст именно из PHP */
.catalog-grid .bx_catalog_tile_img .sale-label {
   position: absolute;
   top: 8px;
   right: 8px;
   background: #FE7877;
   color: #fff;
   font-size: 12px;
   font-weight: 600;
   padding: 5px 10px;
   border-radius: 8px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   text-transform: uppercase;
}
.catalog-grid .bx_catalog_tile_img.sale {
   position: relative;
   background: #FE7877;
   border-radius: 12px;
   overflow: hidden;
}

.catalog-grid .bx_catalog_tile_img.sale .sale-label {
   position: absolute;
   background: none;
   color: #fff;
   font-size: 5vh;
   font-weight: 700;
   box-shadow: none;
   top: 35%;
   padding: 0;
   width: 100%;
   right: 0;
}
/* Адаптивность */
@media (max-width: 1400px) {
   .catalog-grid .bx_catalog_tile_ul {
      grid-template-columns: repeat(4, 1fr);
   }
}

@media (max-width: 992px) {
   .catalog-grid .bx_catalog_tile_ul {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media (max-width: 768px) {
   .catalog-grid .bx_catalog_tile_ul {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 480px) {
   .catalog-grid .bx_catalog_tile_ul {
      grid-template-columns: 1fr;
   }
}

:root {
   --bg-page: #f3f5fb;
   --bg-card: #F5F9FF;
   --bg-card-header: #3f78e0;
   --bg-input: #f4f6fb;
   --border-color: #dde2ee;
   --text-main: #1f2933;
   --text-muted: #6b7480;
   --accent: #395380B2;
   --radius-lg: 14px;
   --radius-md: 10px;
   --shadow-soft: 0 8px 24px rgba(15, 35, 52, 0.08);
}

.page-title {
   font-size: 28px;
   line-height: 1.2;
   font-weight: 600;
   margin-bottom: 24px;
}

/* Общие карточки */

.card {
   background-color: var(--bg-card);
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-soft);
   border: 1px solid var(--border-color);
   position: relative;

}

.card--light {
   box-shadow: none;
}

.card-body {
   padding: 50px 80px 50px 50px;
}

@media (min-width: 768px) {
   .card-body {
      padding: 50px 80px 50px 50px;
   }
}

.muted {
   color: var(--text-muted);
   font-size: 14px;
}

/* Верхний блок: офисы + реквизиты */

.top-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 20px;
   margin-bottom: 24px;
}

@media (min-width: 1024px) {
   .top-grid {
      grid-template-columns: 1.3fr 1fr; /* примерно 60/40 */
      align-items: flex-start;
   }
}

.offices-list {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.office-card-header {
   background-color: var(--accent);
   color: #fff;
   padding: 21px 16px;
   border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
   font-size: 18px;
   font-weight: 600;
   position: absolute;
   height: 62px;
   top: 20px;
}

.office-card-body {
   display: flex;
   flex-direction: column;
   gap: 16px;
   height: 300px;
}





.office-info {
   flex: 1 1 auto;
   font-size: 14px;
   line-height: 1.5;
   margin-top: 50px;
}

.office-info-row {
   margin-bottom: 6px;
}

.office-info-row span.label {
   font-weight: 600;
}

.office-photo {
   flex: 0 0 272px;
}

.office-photo img {
   width: 100%;
   height: 100%;
   max-height: 204px;
   object-fit: cover;
   border-radius: var(--radius-md);
}

.requisites-card h3 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 20px;
}

.requisites-list {
   font-size: 13px;
   line-height: 1.5;
   background: #fff;
   padding: 30px;
   height: calc(100% - (38px));
}

.req-item {
   margin-bottom: 8px;
}

.req-label {
   font-weight: 600;
   display: block;
}

/* Карта */

.map-card {
   margin-bottom: 24px;
}

.map-wrapper {
   width: 100%;
   height: 260px;
   border-radius: var(--radius-lg);
   overflow: hidden;
   background-color: #d7dde9;
}
.office-card-body {
   flex-direction: row;
}
@media (min-width: 768px) {
   .map-wrapper {
      height: 360px;
   }
}

/* Нижние два блока */

.bottom-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 20px;
   margin-bottom: 50px;
}

@media (min-width: 900px) {
   .bottom-grid {
      grid-template-columns: 0.7fr 1.2fr;
   }
}

.card-title {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 16px;
}

.departments-list {
   font-size: 14px;
   line-height: 1.5;
   max-width: 516px;
}

.departments-item {
   margin-bottom: 10px;
}

/* Форма */

.form-description {
   font-size: 13px;
   color: var(--text-muted);
   margin-bottom: 16px;
}

.form-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 10px;
   margin-bottom: 12px;
}

@media (min-width: 600px) {
   .form-grid {
      grid-template-columns: 1fr 1fr;
   }

   .form-grid .field-full {
      grid-column: 1 / -1;
   }
}

.field {
   display: flex;
   flex-direction: column;
   gap: 4px;
}

.field label {
   font-size: 13px;
}
.checkbox-row {
   display: flex;
   align-items: flex-start;
   gap: 8px;
   margin: 10px 0 16px;
   font-size: 12px;
   color: var(--text-muted);
}
.work-hours__row {
   margin-bottom: 10px;
}
.contacts__name{
   min-width: 150px;
   font-size: 14px;
   line-height: 18px;
   font-weight:600;
}
.contacts__text {
   font-weight:400;
}
.checkbox-row input[type="checkbox"] {
   margin-top: 2px;
}

.checkbox-row a {
   color: var(--accent);
   text-decoration: underline;
}

.btn-submit {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: 10px 22px;
   border-radius: 999px;
   border: none;
   background-color: var(--accent);
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   cursor: pointer;
   transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
}

.btn-submit:hover {
   background-color: #315fba;
   box-shadow: 0 6px 16px rgba(63, 120, 224, 0.35);
}

.btn-submit:active {
   transform: translateY(1px);
   box-shadow: 0 3px 10px rgba(63, 120, 224, 0.35);
}

.btn-submit:disabled {
   opacity: 0.6;
   cursor: default;
   box-shadow: none;
}
.requisites-card .contacts__name {
   min-width: 270px;
}
.office-info .contacts__link{
   font-size: 16px;
   line-height: 18px;
   font-weight: 400;
   color: #000;
}
.departments-list .contacts__text {
   display: flex;
   justify-content: right;
}
.departments-item .card-body{
   padding: 40px 80px 50px 0px
}
.departments-item .departments-list{
   padding: 40px 20px;
   border: 1px solid #EBEBEB;
   border-radius: 10px;
}
.departments-list .contacts__text a {
   color: #000;
}
.bottom-grid .contacts__form {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   flex-direction: row;
   margin-bottom: 0px;
   position: relative;
}
.form-item .card-body {
   border: 1px solid #EBEBEB;
   padding: 30px 60px;
   border-radius: 10px;
}
.form-item  .contacts__form-desc {
   max-width: 480px;
}
.form-item .contacts__form-col {
   flex: 0 1 45.333%;
}
.form-item .form__button{
   position: absolute;
   width: 200px;
   left: 0;
   height: 37px;
   bottom: 5px;
}

.form-item .form__button::after{
   display: none;
}
.form-item  .form__line{
   margin: 0px 0px 20px 0px;
}
.form-item .contacts__form-desc{
   font-size: 14px;
   line-height: 18px;
}
@media (max-width: 1400px) {
   .office-card-header {
      top: 20px;
      width: fit-content;
      position: relative;
   }
   .card-body {
      padding: 25px 40px 25px 25px;
   }
   .office-card-header {
      background-color: var(--accent);
      color: #fff;
      padding: 15px 16px;
      border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
      font-size: 14px;
      font-weight: 600;
      height: 44px;
      top: 20px;
      position: relative;
   }
   .office-photo img{
      max-height: 119px;
   }
   .office-card-body {
      height: 198px;
   }
   .top-grid .contacts__name {
      font-size: 10px;
      line-height: 14px;
      min-width: 93px;
   }

   .office-photo {
      flex: 0 0 158px;
   }

   .office-info {
      margin-top: 15px;
   }

   .work-hours__row {
      margin: 0px 0px 15px 0px;
   }
   .top-grid .contacts__text{
      font-size: 10px;
      line-height: 14px;
   }
   .office-info .contacts__link{
      font-size: 10px;
      line-height: 14px;
   }
   .departments-item  .contacts__name {
      font-size: 10px;
      line-height: 14px;
   }
   .departments-item  .contacts__text {
      font-size: 10px;
      line-height: 14px;
   }
   .contacts__row:not(:last-child) {
      margin: 0px 0px 10px 0px;
   }
   .requisites-card .contacts__name {
      min-width: 150px;
   }
   .requisites-list .contacts__row:not(:last-child){
      margin: 0px 0px 20px 0px;
   }
}
@media (max-width: 600px) {
   .top-grid .contacts__text{
      font-size: 8px;
      line-height: 12px;
   }
   .office-info .contacts__link{
      font-size: 8px;
      line-height: 12px;
   }
   .departments-item  .contacts__name {
      font-size: 8px;
      line-height: 12px;
   }
   .departments-item  .contacts__text {
      font-size: 8px;
      line-height: 12px;
   }
   .card-body {
      padding: 15px 15px 10px 10px;
   }
   .top-grid .contacts__name{
      min-width: 82px;
   }
   .work-hours__day {
      flex: 0 0 26px;
      margin: 0px 6px 0px 0px;
   }

   .work-hours__row {
      margin: 0px 0px 9px 0px;
   }
   .office-photo img {
      max-height: 84px;
   }
   .office-photo {
      flex: 0 0 112px;
   }
   .office-card-header{
      font-size: 8px;
      width: 60%;
      height: 33px;
      top: 10px;
      padding: 10px 16px;
   }
   .page-title {
      font-size: 16px;
   }
   .office-card-body {
      height: auto;
   }
   .requisites-list {
      padding: 15px;
   }
   .requisites-card h3 {
      font-size: 16px;
   }
   .requisites-list .contacts__row {
      display: block;
   }
   .requisites-list .contacts__text {
      font-size: 14px;
      line-height: 16px;
   }
   .requisites-list .contacts__name {
      font-size: 14px;
      line-height: 16px;
   }
   .departments-item .departments-list{
      padding: 20px 10px;
   }
   .departments-item .contacts__name {
      font-size: 14px;
      line-height: 16px;
   }
   .departments-item .contacts__row{
      display: block;
   }
   .departments-item .contacts__text{
      font-size: 14px;
      line-height: 16px;
      display: block;
      margin-top: 10px;
   }
   .form-item .card-body {
      padding: 10px 20px;
   }
   .form-item .contacts__form-col {
      display: block;
   }
   .bottom-grid .contacts__form {
      display: block;
   }
   .form-item .form__button{
      position: relative;
      width:100%;
   }
   .form-item .contacts__form-desc {
      font-size: 12px;
      line-height: 16px;
   }
   .contacts__form-col {
      text-align: center;
   }
   .departments-item .card-body {
      padding: 10px 20px 10px 0px;
   }
}