@charset "UTF-8";

/*~~~~~~~~~~~~~~~~~~~~~~~~~
FONT FAMILY
~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

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

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

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~
VARIABLES
~~~~~~~~~~~~~~~~~~~~~~~~~*/

:root {
  /*font-family*/
  --fm-1: "Gilroy", sans-serif;
  /*colors*/
  --basic-black: #000;
  --basick-gray: #F9F9F9;
  --basick-dark: #333;
  --basick-white: #fff;
  --basick-green: #4CAF50;
  --color-primary: #FF6600;
  --color-secondary: #232F3E;
  --color-text: #232F3E;
  --color-primary-hsl: hsl(24, 92%, 35%);
  --scroll-bar-color: hsl(24, 42%, 90%);
  --scroll-thumb-color: hsl(24, 42%, 70%);
  --scroll-thumb-color-hover: hsl(24, 42%, 60%);
}

/***********************Main*/

/*Обнуление*/

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:focus,
:active {
  outline: none;
}

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

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

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1.3;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

textarea {
  resize: none;
}

input {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

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

button {
  cursor: pointer;
  background: transparent;
}

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

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

a {
  color: inherit;
}

ul li {
  list-style: none;
}

img,
svg {
  display: block;
  max-width: 100%;
  vertical-align: top;
}

svg {
  max-height: 100%;
}

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

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

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

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

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #C0C0C0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #C0C0C0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #C0C0C0;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #C0C0C0;
}

input::placeholder,
textarea::placeholder {
  color: #C0C0C0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
ОБЩИЕ СТИЛИ
~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~
ОБЩИЕ СТИЛИ
~~~~~~~~~~~~~~~~~~~~~~~~~*/

a[href*=tel],
a[href*=mailto] {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a[href*=tel]:hover,
a[href*=mailto]:hover {
  color: var(--color-primary);
}

.flex,
.gt-center,
.vt-center,
.flex-wrap,
.b-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid {
  display: -ms-grid;
  display: grid;
}

.flex-wrap,
.b-row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*Общие стили сетки*/

.vt-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gt-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.for-table {
  display: none;
}

.hide-mobile {
  display: none;
}

.color-primary {
  color: var(--color-primary);
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 600;
}

.td-underline {
  text-decoration: underline;
}

.b-list {
  --air-l: 30px;
  --air-b: 30px;
  --widthCol: 33.3333%;
  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;
  margin: 0 0 calc(var(--air-b) * -1) calc(var(--air-l) * -1);
}

.b-list__col {
  margin: 0 0 var(--air-b) var(--air-l);
  width: calc(var(--widthCol) - var(--air-l));
}

.b-row {
  --air-l: 15px;
  --air-r: 15px;
  --air-b: 30px;
  margin-left: calc(var(--air-l) * -1);
  margin-right: calc(var(--air-r) * -1);
  margin-bottom: calc(var(--air-b) * -1);
}

.b-row [class^=col-] {
  padding-left: var(--air-l);
  padding-right: var(--air-r);
  padding-bottom: var(--air-b);
}

.obj-fit-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.col-d-1 {
  width: calc(100% / 12 * 1);
}

.col-d-2 {
  width: calc(100% / 12 * 2);
}

.col-d-3 {
  width: calc(100% / 12 * 3);
}

.col-d-4 {
  width: calc(100% / 12 * 4);
}

.col-d-5 {
  width: calc(100% / 12 * 5);
}

.col-d-6 {
  width: calc(100% / 12 * 6);
}

.col-d-7 {
  width: calc(100% / 12 * 7);
}

.col-d-8 {
  width: calc(100% / 12 * 8);
}

.col-d-9 {
  width: calc(100% / 12 * 9);
}

.col-d-10 {
  width: calc(100% / 12 * 10);
}

.col-d-11 {
  width: calc(100% / 12 * 11);
}

.col-d-12 {
  width: calc(100% / 12 * 12);
}

html,
body {
  font-family: var(--fm-1);
  font-weight: 400;
  color: var(--color-text);
}

body {
  height: 1px;
  min-height: 100vh;
  scrollbar-color: var(--scroll-thumb-color) var(--scroll-bar-color);
  /* «цвет ползунка» «цвет полосы скроллбара» */
  scrollbar-width: thin;
  /* толщина */
}

::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--scroll-bar-color);
}

::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb-color);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll-thumb-color-hover);
}

.global-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

.content-wrap {
  padding: 3.5rem 0 6rem; 
}

.content-wrap h1 {
  margin-bottom: 45px;
}

.bread-crumb + .content-wrap {
  padding-top: 20px;
}

.section {
  padding: 61px 0 20px;
}

.section__title {
  margin-bottom: 55px;
}

/*--------------------------------Common--------------------------------*/

.container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1373px;
}
.container_compare {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1373px;
}
.container.vt-center {
  max-width: 1373px; 
  margin: 0 auto; 
  position: relative; 
}
.containerslaider {
  width: 100%; 
  max-width: 1373px; 
  margin: 0 auto; 
  position: relative; 
}


@media (max-width: 1376px) {
  .containerslaider {
    max-width: 100%; 
  }
}

@media (max-width: 973px) {
  .containerslaider {
    width: 100%; 
  }
}


.title-2,
.title-1 {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.title-1 {
  font-size: 32px;
  line-height: 1.0714285714;
}

.title-2 {
  font-size: 26px;
  line-height: 1.3846153846;
}

/*text*/

.text {
  font-size: 16px;
  line-height: 1.5625;
}

/*b-input*/

.b-input {
  --air: 0 0 23px;
  --pl: 30px;
  --pr: 55px;
  --pdT: 16px var(--pl) 16px;
  --h: 56px;
  --fz: 18px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: var(--air);
  font-size: var(--fz);
}

.b-input__title {
  margin-top: 15px;
  margin-right: 0.8333333333em;
}

.b-input__input {
  position: relative;
  width: 100%;
}

.b-input__input input,
.b-input__input textarea {
  width: 100%;
  font-size: var(--fz);
  border-radius: calc(var(--h) / 2);
  background-color: var(--basick-white);
  border: 1px solid #a6a7a7;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.b-input__input input:focus,
.b-input__input textarea:focus {
  border-color: var(--color-primary);
}

.b-input__input input::-webkit-input-placeholder, .b-input__input textarea::-webkit-input-placeholder {
  color: #a6a7a7;
}

.b-input__input input::-moz-placeholder, .b-input__input textarea::-moz-placeholder {
  color: #a6a7a7;
}

.b-input__input input:-ms-input-placeholder, .b-input__input textarea:-ms-input-placeholder {
  color: #a6a7a7;
}

.b-input__input input::-ms-input-placeholder, .b-input__input textarea::-ms-input-placeholder {
  color: #a6a7a7;
}

.b-input__input input::placeholder,
.b-input__input textarea::placeholder {
  color: #a6a7a7;
}

.b-input__input input {
  padding: 0 var(--pr) 0 var(--pl);
  height: var(--h);
}

.b-input__input textarea {
  padding: var(--pdT);
  min-height: var(--h);
}

.b-input__placeholder,
.b-input__ic {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.b-input__placeholder {
  pointer-events: none;
  left: var(--pl);
  display: none;
  padding-right: 80px;
  max-width: 100%;
  color: var(--color-primary);
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.b-input__placeholder span {
  color: var(--basick-red);
}

.b-input input:focus ~ .b-input__placeholder {
  opacity: 0.4;
}

.b-input input:-moz-placeholder-shown ~ .b-input__placeholder {
  display: block;
}

.b-input input:-ms-input-placeholder ~ .b-input__placeholder {
  display: block;
}

.b-input input:placeholder-shown ~ .b-input__placeholder {
  display: block;
}

.b-input [name=username] ~ .b-input__ic {
  width: 0.8888888889em;
  height: 0.8888888889em;
}

.b-input [name=tel] ~ .b-input__ic {
  width: 1em;
  height: 1em;
}

.b-input__ic {
  right: 1.9444444444em;
  width: 1.1666666667em;
  height: 1.1666666667em;
}

.b-input__ic svg {
  fill: var(--color-primary);
}

.b-checkbox {
  cursor: pointer;
  position: relative;
  display: block;
  padding-left: 1.875em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.b-checkbox__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  pointer-events: none;
}

.b-checkbox__input:checked ~ .b-checkbox__custom::before {
  opacity: 1;
}

.b-checkbox__custom {
  position: absolute;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.125em;
  height: 1.125em;
  background-color: #fff;
  border: 1px solid #c4c4c4;
}

.b-checkbox__custom::before {
  content: "✔";
  display: block;
  font-size: 1.1em;
  color: var(--color-primary);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.b-checkbox__content {
  display: inline-block;
  min-width: 1.8125em;
  line-height: 1.2;
}

.b-radio {
  cursor: pointer;
  position: relative;
  display: block;
  padding-left: 1.875em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.b-radio__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  pointer-events: none;
}

.b-radio__input:checked ~ .b-radio__custom::before {
  opacity: 1;
}

.b-radio__custom {
  position: absolute;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25em;
  height: 1.25em;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #c4c4c4;
}

.b-radio__custom::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 50%;
  height: 50%;
  background-color: #c4c4c4;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.b-radio__content {
  display: inline-block;
  min-width: 1.8125em;
  line-height: 1.2;
}

.b-radio--type-2 .b-radio__custom {
  border-color: var(--color-primary);
}

.b-radio--type-2 .b-radio__custom::before {
  background-color: var(--color-primary);
}

/*bro menu*/

.bro-menu {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  will-change: height;
}

.bro-menu__container {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.bro-menu__submenu {
  width: 100%;
}

.bro-menu__next,
.bro-menu__back,
.bro-menu__link {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 1em;
  width: 100%;
}

.bro-menu__back {
  color: var(--basick-white);
  background-color: var(--color-primary);
}

.bro-menu__back svg {
  fill: var(--basick-white);
}

.bro-menu__link {
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
}

.bro-menu__item .bro-menu__submenu {
  visibility: hidden;
  position: absolute;
  left: 100%;
  top: 0;
  -webkit-transition: visibility 0s 0.3s;
  -o-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
}

.bro-menu__item .bro-menu__submenu.active {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -o-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.bro-menu__next svg,
.bro-menu__back svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 10px;
}

.bro-menu__next svg {
  margin-left: auto;
}

.bro-menu__back svg {
  margin-right: 1em;
  fill: var(--basick-white);
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

/*b-tabs*/

.b-tabs__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 32px;
  max-width: 100%;
  background-color: #f9f9f9;
  overflow-x: auto;
}

.b-tabs__link {
  position: relative;
  margin-right: 4em;
  padding-bottom: 0.25em;
}

.b-tabs__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.b-tabs__link.active,
.b-tabs__link:hover {
  cursor: default;
  color: var(--color-primary);
}

.b-tabs__link.active::before,
.b-tabs__link:hover::before {
  width: 100%;
}

.b-tabs__content {
  padding: 3.9em 3.75em 2.25em 4.25em;
}

.b-tabs__pane {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}

.b-tabs__pane.active {
  height: auto;
  visibility: visible;
  overflow: visible;
  opacity: 1;
  -webkit-transition: opacity 0.7s ease;
  -o-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease;
}

.b-tabs__pane__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 28px 35px;
}

.b-tabs__pane p + * {
  margin-top: 1.5em;
}

/*number slider*/

.number-slider {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 44px;
  font-size: 18px;
  border-radius: 22px;
  overflow: hidden;
}

.number-slider__input {
  display: inline-block;
  width: 44px;
  height: 100%;
  background-color: var(--basick-gray);
  text-align: center;
}

.number-slider__up,
.number-slider__down {
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  width: 45px;
  height: 100%;
  line-height: 45px;
  text-align: center;
  color: var(--basick-white);
  background-color: var(--color-secondary);
}

.number-slider__up:hover,
.number-slider__down:hover {
  background-color: #304055;
}

/*dropdown*/

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

.drop-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.drop-btn--circ {
  width: 35px;
  height: 35px;
  background-color: var(--basick-white);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 5px rgba(7, 73, 170, 0.3);
          box-shadow: 0px 0px 5px rgba(7, 73, 170, 0.3);
}

.drop-btn--circ svg {
  width: 27.7714285714%;
  fill: var(--color-primary);
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.drop-content {
  overflow: hidden;
  -webkit-transition-property: min-height, height;
  -o-transition-property: min-height, height;
  transition-property: min-height, height;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

/*b-scroll-js*/

.js-expand {
  overflow: hidden;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  will-change: height;
overflow-y: scroll;
}

/* Стилизация скроллбара для WebKit-браузеров */
.js-expand::-webkit-scrollbar {
  width: 1px; /* Ширина скроллбара */
}

.js-expand::-webkit-scrollbar-track {
  background: #f1f1f1; /* Цвет фона трека */
  border-radius: 20px; /* Закругление углов трека */
}

.js-expand::-webkit-scrollbar-thumb {
  background: #FF6600; /* Цвет ползунка */
  border-radius: 20px; /* Закругление углов ползунка */
}

.js-expand::-webkit-scrollbar-thumb:hover {
  background: #555; /* Цвет ползунка при наведении */
}

/* Стилизация скроллбара для Firefox */
.js-expand {
  scrollbar-width: thin; /* Узкая полоса прокрутки */
  scrollbar-color: #8888 #ffffffff; /* Цвет ползунка и трека */
}
.js-expand__btn {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  height: 49px;
  width: 100%;
  background-color: #f9f9f9;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
	display:none;
}

.js-expand__btn svg {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 27px;
  width: 27px;
  fill: var(--color-primary);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.js-expand-expanded .js-expand__btn svg {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
      -ms-transform: translate(-50%, -50%) rotate(-180deg);
          transform: translate(-50%, -50%) rotate(-180deg);
}

.js-expand-disable .js-expand__btn {
  opacity: 0;
  pointer-events: none;
}

.js-togglesDisplay [data-toggledisplayblock] {
  display: none;
}

.js-togglesDisplay [data-toggledisplayblock].active {
  display: block;
}

.js-bFilter .hide {
  display: none;
}

/*==================== BUTTONS ====================*/

.btn {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 16px;
  text-align: center;
}

.btn {
  --height: 56px;
  --fz: 18px;
  --colorText: var(--color-primary);
  --colorTone: var(--color-primary);
  height: var(--height);
  font-weight: 700;
  font-size: var(--fz);
  color: var(--colorText);
  border: 3px solid var(--colorTone);
  border-radius: calc(var(--height) / 2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn svg {
  fill: currentColor;
}

.btn.active,
.btn:hover {
  --colorText: var(--basick-white);
  background-color: var(--colorTone);
}

.btn--secondary {
  --colorTone: var(--color-secondary);
  --colorText: var(--color-secondary);
}

.btn--type-2 {
  --colorText: var(--basick-white);
  background-color: var(--colorTone);
}

.btn--type-2:hover {
  --colorText: var(--colorTone);
  background-color: transparent;
}

.btn--type-3 {
  --colorTone: #F8F8F8;
  --colorText: var(--basick-dark);
  font-weight: 400;
  color: var(--colorText);
  background-color: var(--colorTone);
}

.btn--type-3:hover {
  --colorTone: var(--color-secondary);
  --colorText: var(--basick-white);
}

.btn--to-card svg {
  margin-right: 0.8125em;
  width: 1.375em;
  height: 1.375em;
}

/*btn remove*/

.btn-remove {
  cursor: pointer;
  position: relative;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary);
  background-origin: content-box;
  overflow: hidden;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.btn-remove:hover {
  background-color: var(--basick-white);
}

.btn-remove:hover::after,
.btn-remove:hover::before {
  background-color: var(--color-primary);
}

.btn-remove::before,
.btn-remove::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45%;
  height: 2px;
  border-radius: 2px;
  background-color: var(--basick-white);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-remove::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.btn-remove::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

/*v-up*/

.v-up {
  cursor: pointer;
  position: fixed;
  right: 30px;
  bottom: 155px;
  z-index: 250;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 8px var(--color-primary);
          box-shadow: 0 0 8px var(--color-primary);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: background-color 0.3s, opacity 0.3s;
  -o-transition: background-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, opacity 0.3s;
  display:none;
}

.v-up.active {
  opacity: 1;
  pointer-events: all;
}

.v-up:hover {
  background-color: var(--color-primary);
}

.v-up:hover::before,
.v-up:hover::after {
  background-color: #fff;
}

.v-up::before,
.v-up::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 40%;
  width: 35%;
  height: 7%;
  background-color: var(--color-primary);
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.v-up::before {
  border-radius: 0px 3px 3px 0;
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.v-up::after {
  margin-left: -15.4%;
  border-radius: 3px 0 0 3px;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*==================== COMMON BLOCKS ====================*/

/*application-b*/

.application-b .b-row {
  --air-b: 53px;
}

.application-b .application-f {
  max-width: 590px;
}

.application-b__map {
  height: 1px;
  min-height: 470px;
}

/*application form*/

.application-f textarea {
  min-height: 124px;
}

.application-f__submit {
  --height: 44px;
  --fz: 14px;
  margin: 25px auto 0;
  min-width: 204px;
}

/*advantages block*/

.advantages-b {
  overflow: hidden;
  margin: 0 100px;
}

.advantages-b__list {
  --air-l: 20px;
  --air-b: 50px;
  --widthCol: 16.65%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*advantages card*/
.advantages-b {
  overflow: hidden;
  margin: 0 100px; 
}

.advantages-b__list {
  --air-l: 20px;
  --air-b: 50px;
  --widthCol: 16.65%;
  display: flex;
  flex-wrap: wrap; 
  justify-content: space-between; 
}

/* Стили для карточек */
.advantages-card {
  position: relative;
  font-size: 14px;
  line-height: 1.3571428571;
  word-wrap: break-word;
  text-align: center;
  width: calc(16.65% - 20px); 
  margin-bottom: var(--air-b);
}

.advantages-card__inner {
  margin: 0 auto;
  max-width: 210px;
}

.advantages-card__ic {
  position: relative;
  margin: 0 auto;
  width: 80px;
}

.advantages-card__ic::before {
  content: "";
  display: block;
  padding-bottom: 100%; 
}

.advantages-card p {
  margin-top: 2em;
}

@media (min-width: 810px) and (max-width: 860px) {
.advantages-b {
  overflow: hidden;
  margin: 0 35px; 
}
}
@media (min-width: 768px) and (max-width: 810px) {
.advantages-b {
  overflow: hidden;
  margin: 0 10px; 
}
}
@media (max-width: 768px) {
  .advantages-b {
    margin: 0 20px; 
  }

  .advantages-card {
    width: calc(50% - 20px); 
    margin: 10px; 
  }
}


/*basket link*/

.basket-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--basick-white);
  padding: 10px;
}

.basket-link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 33px;
  height: 33px;
  fill: currentColor;
}

.basket-link strong {
  margin: -8px 0 0 9px;
  font-size: 14px;
}

/*Главное меню*/

.bread-crumb {
  padding: 20px 0 20px;
}
.bread-crumb__container_tov {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
         
  font-size: 12px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #c0c0c0;
}
.bread-crumb__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 12px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #c0c0c0;
}
.bread-crumb__container_tov > a,
.bread-crumb__container_tov span {
  position: relative;
  margin-left: 20px;
}
.bread-crumb__container > a,
.bread-crumb__container span {
  position: relative;
  margin-left: 20px;
}
.bread-crumb__container_tov > a:first-child,
.bread-crumb__container_tov span:first-child {
  margin-left: 0;
}
.bread-crumb__container > a:first-child,
.bread-crumb__container span:first-child {
  margin-left: 0;
}
.bread-crumb__container_tov > a:first-child::before,
.bread-crumb__container_tov span:first-child::before {
  display: none;
}
.bread-crumb__container > a:first-child::before,
.bread-crumb__container span:first-child::before {
  display: none;
}
.bread-crumb__container_tov > a::before,
.bread-crumb__container_tov span::before {
  content: "|";
  position: absolute;
  top: 50%;
  right: calc(100% + 6px);
  color: #c0c0c0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bread-crumb__container > a::before,
.bread-crumb__container span::before {
  content: "|";
  position: absolute;
  top: 50%;
  right: calc(100% + 6px);
  color: #c0c0c0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bread-crumb__item {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

a.bread-crumb__item:hover {
  color: var(--color-primary);
}

span.bread-crumb__item {
  color: var(--color-primary);
}

/*category-nav*/

.category-nav {
  position: relative;
  z-index: 5;
}

.category-nav__toggle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 20px 10px 20px 62px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  color: var(--basick-white);
  background-color: var(--color-primary);
}

.category-nav .hamburger {
  --bg-line: var(--basick-white);
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.category-nav__menu {
  position: absolute;
  z-index: 1;
  width: 100%;
  color: var(--color-secondary);
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.category-nav__menu.show {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.category-nav .bro-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 12px 11px 21px;
}

.category-nav .bro-menu__link:hover {
  background-color: #e4e4e4;
}

.category-nav .bro-menu__item.active > .bro-menu__link {
  color: var(--color-primary);
  background-color: #e4e4ee;
}

.category-nav .bro-menu__next svg,
.category-nav .bro-menu__back svg {
  width: 25px;
  height: 25px;
}

.category-nav .bro-menu__next svg {
  fill: var(--color-primary);
}

.category-nav .bro-menu__back {
  background-color: var(--color-primary);
}

/*description equipment*/

.desc-equipment-b__img {
  margin-left: auto;
  max-width: 590px;
}

.desc-equipment-b p {
  margin-top: 1.5em;
}

.desc-equipment-b p:first-child {
  margin-top: 0;
}

.desc-equipment-b .b-row {
  --air-b: 49px;
}

.desc-equipment-b--reverse .desc-equipment-b__img {
  margin-right: auto;
  margin-left: 0;
}

.desc-equipment-b--reverse .b-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

/*discount label*/

.discount-label {
  position: relative;
  width: 2.0833333333em;
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: var(--basick-white);
  background-repeat: no-repeat;
  background-size: cover;
}

.discount-label span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.discount-label::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*firm info*/

.firm-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

.firm-info svg {
  display: inline-block;
  margin-right: 0.4285714286em;
  max-width: 25px;
  max-height: 1em;
  fill: var(--color-primary);
}

.firm-info--mail svg {
  max-height: 25px;
}

.filters-b .slider-from-to__label {
  width: calc(50% - 7px);
}

.filters-b .slider-from-to__label:first-child {
  margin-right: 14px;
}

.filters-b .filter-item {
  margin-top: 45px;
}

.filters-b .filter-item:first-child {
  margin-top: 0;
}

/*filter item*/

.filter-item__title {
  margin-bottom: 1.2777777778em;
  font-weight: 600;
  font-size: 18px;
}

.filter-item__checkboxes .b-checkbox {
  margin-top: 0.8em;
}

.filter-item__checkboxes .b-checkbox:first-child {
  margin-top: 0;
}

.filter-item__checkboxes--grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 0.8em;
}

.filter-item__checkboxes--grid .b-checkbox {
  margin-top: 0;
}

/*sci link*/

.sci-link {
  display: inline-block;
  height: 22px;
  width: 22px;
}

.sci-link svg {
  max-height: 100%;
}

/*sci*/

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

.sci__link {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-left: 7px;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.sci__link:not(.sci__link--tel):hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.sci__link:first-child {
  margin-left: 0;
  max-width: 25%;
}

.sci__link--tel {
  line-height: 1;
}

.sci__link--insta {
  fill: var(--color-primary);
}

.sci__link svg {
  height: 100%;
}

.sci__link svg {
  display: block;
  width: 18px;
  height: 18px;
}

.sci__hint {
  font-size: 0.875em;
  color: #a6a7a7;
}

/*hemburger*/

.hamburger {
  --w-line: 28px;
  --h-line: 2.33px;
  --bg-line: var(--basick-white);
  cursor: pointer;
  position: relative;
  width: 45px;
  height: 45px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.hamburger.active span {
  background-color: transparent;
}

.hamburger.active span::after,
.hamburger.active span::before {
  -webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
  transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
  -o-transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.hamburger.active span::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.hamburger.active span::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger span {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: var(--w-line);
  height: var(--h-line);
  background-color: var(--bg-line);
  border-radius: calc(var(--h-line) / 2);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0s 0.3s, background-color 0.3s;
  -o-transition: all 0s 0.3s, background-color 0.3s;
  transition: all 0s 0.3s, background-color 0.3s;
}

.hamburger span::before,
.hamburger span::after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: var(--bg-line);
  border-radius: inherit;
  -webkit-transition: top 0.3s 0.3s, bottom 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0s;
  transition: top 0.3s 0.3s, bottom 0.3s 0.3s, background-color 0.3s, -webkit-transform 0.3s 0s;
  -o-transition: top 0.3s 0.3s, bottom 0.3s 0.3s, transform 0.3s 0s, background-color 0.3s;
  transition: top 0.3s 0.3s, bottom 0.3s 0.3s, transform 0.3s 0s, background-color 0.3s;
  transition: top 0.3s 0.3s, bottom 0.3s 0.3s, transform 0.3s 0s, background-color 0.3s, -webkit-transform 0.3s 0s;
}

.hamburger span::before {
  top: -8px;
}

.hamburger span::after {
  bottom: -8px;
}

/*search*/

.search {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 335px;
  overflow: hidden;
}

.search__input {
  padding: 0 40px 0 24px;
  height: 39px;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  color: var(--basick-white);
  background-color: transparent;
  border: 1px solid var(--basick-white);
  border-radius: 19.5px;
}

.search__input::-webkit-input-placeholder {
  color: currentColor;
}

.search__input::-moz-placeholder {
  color: currentColor;
}

.search__input:-ms-input-placeholder {
  color: currentColor;
}

.search__input::-ms-input-placeholder {
  color: currentColor;
}

.search__input::placeholder {
  color: currentColor;
}

.search__btn-submit {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  width: 45px;
  background-color: transparent;
}

.search__btn-submit svg {
  margin-left: 7px;
  width: 17px;
  height: 17px;
  fill: var(--basick-white);
}

/*subcategories links*/

.subcategories-links-b {
  font-size: 14px;
}

.subcategories-links-b__list {
  margin: 0 0 -1.0714285714em -1.1428571429em;
}

.subcategories-links-b__list div,
.subcategories-links-b__list a {
  display: inline-block;
  margin: 0 0 1.0714285714em 1.1428571429em;
}

.subcategories-links-b a {
  text-decoration: underline;
  color: var(--color-primary);
}

/*slider*/

.slider-wrap {
  position: relative;
}

.slider-nav {
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slider-pagination {
  display: block;
  z-index: 2;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 100%;
  text-align: center;
}

.slider-pagination .swiper-pagination-bullet {
  margin-right: 26px;
  margin-bottom: 13px;
  width: 18px;
  height: 2px;
  background: #232f3e;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.slider-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.slider-pagination .swiper-pagination-bullet:hover {
  background-color: var(--color-primary);
}

.slider-pagination .swiper-pagination-bullet-active {
  background: var(--color-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*sorting*/

.sorting-b__links {
  color: #a6a7a7;
}

.sorting-b__links__title {
  margin-right: 14px;
}

.sorting-b__links a,
.sorting-b__links span {
  display: inline-block;
  margin-right: 24px;
}

.sorting-b__links a:hover,
.sorting-b__links span {
  color: var(--color-primary);
}

/*logo*/

.logo {
  display: inline-block;
  width: 225px;
margin: 0 15px 0 0;
}

/*list dots*/

.list-dots {
  padding-left: 1.5em;
}

.list-dots li {
  list-style: disc;
}

/*list number*/

.list-number li {
  list-style: decimal;
  list-style-position: inside;
}

.list-icon li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6111111111em;
}

.list-icon li:last-child {
  margin-bottom: 0;
}

.list-icon__ic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.5em;
  width: 3.4444444444em;
  height: 3.4444444444em;
}

.products-b {
  padding: 90px 0 68px;
  width: 100%;
  background-color: var(--basick-gray);
}

.products-b__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.products-b__list {
  --air-l: 31px;
  --air-b: 37px;
  --widthCol: 25%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

.products-b .pagination {
  padding: 89px 0 0;
}

.products-b__more {
  display: none;
  margin: 53px auto 0;
  min-width: 315px;
}

.products-slider-b {
  padding: 20px 0 30px;
  overflow: hidden;
}

.products-slider-b .products-slider {
  margin: -15px 0;
  padding: 15px 0;
  overflow: visible;
}

.products-slider-b .swiper-slide {
  height: auto;
  width: 320px;
}

.products-slider-b .slider-pagination {
  margin-top: 52px;
}

.products-slider-b__more {
  margin: 30px auto 0;
  padding: 0 3.2222222222em;
}

.products-slider-b--type-2 .swiper-slide {
  width: 300px;
}

.products-sort-b {
  padding: 25px 0 41px;
  background-color: var(--basick-gray);
}

.products-sort-b__head {
  overflow: hidden;
}

.products-sort-b__head .toggle-filter {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.products-sort-b .toggle-sort {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.9375em;
  width: 10000%;
  color: #232f3e;
  background-color: var(--basick-gray);
}

.products-sort-b .toggle-sort svg {
  fill: currentColor;
}

.products-sort-b .toggle-sort__ic {
  margin-right: 0.8em;
  height: 1.5625em;
  width: 1.5625em;
}

.products-sort-b .toggle-sort__arr {
  margin-left: 0.625em;
  width: 0.4125em;
  height: 0.75em;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.products-sort-b .drop-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 7px;
  width: 100%;
  overflow: visible;
}

.products-sort-b__inner {
  margin-top: 50px;
  width: 100%;
}

.products-sort-b__inner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.products-sort-b .products-b {
  margin-top: 0 !important;
  padding: 0 0 10px 30px;
}

.products-sort-b .filters-b {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.products-sort-b .pagination {
  padding: 64px 0 0;
}

.products-sort-b-filters-show .products-b {
  margin-right: 4%;
  width: 74%;
  background-color: transparent;
}

.products-sort-b-filters-show .products-b__list {
  --air-l: 25px;
  --widthCol: 33.3%;
}

.products-sort-b-filters-show .filters-b {
  display: block;
}

/*product card*/

.product-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 13px 32px;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
border-radius: 10px;          
}


.product-card:hover {
    webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.54);
    box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.54);
}

.product-card__discount-label {
  position: absolute;
  top: 20px;
  z-index: 2;
  left: 3.2558139535%;
}

.product-card__img {
  position: relative;
  display: inline-block;
  margin: 0 auto 2.35em;
  width: 100%;
  max-width: 192px;
}

.product-card__img::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.product-card__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.product-card__name {
  margin-bottom: 1em;
  font-weight: 700;
  line-height: 1.5625;
}

.product-card__prop {
  margin-bottom: 24px;
  font-size: 14px;
  text-align: left;
}

.product-card__price-wrap {
  position: relative;
  margin: auto auto 0;
  font-size: 1.2em;
  color: var(--color-primary);
}

.product-card__price {
  font-weight: 600;
}

.product-card__price-old {
  text-decoration: line-through;
  color: #c4c4c4;
}

.product-card__bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.6em;
}

.product-card .number-slider {
  height: 35px;
  font-size: 14px;
}

.product-card .number-slider__up,
.product-card .number-slider__down {
  width: 34px;
}

.product-card .number-slider__input {
  width: 35px;
}

.product-card .btn {
  --height: 35px;
  --fz: 13px;
  border-width: 2px;
  width: 100%;
  border-radius: 10px;
}

/*partners block*/

.partners-b {
  --air-bottom: 24px;
}
@media (min-width: 1430px) {
  .partners-b {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.partners-b__list {
  --widthCol: 25%;
  --air-l: 24px;
  --air-b: var(--air-bottom);
  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;
}

.partners-b__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #c4c4c4;
}

.partners-b__item:hover .partners-b__item-inner {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
      -ms-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

.partners-b__item::before {
  content: "";
  display: block;
  padding-bottom: 57.7981651376%;
}

.partners-b__item-inner {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 75%;
  height: 75%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.partners-b .js-incomplete-toggle {
  margin: 84px auto 0;
  min-width: 280px;
}

/*pagination*/

.pagination {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 55px 0 30px;
  row-gap: 10px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.pagination .page-item {
  margin: 0 0.2em;
}

.pagination .page-item:hover:not(.disabled) a,
.pagination .page-item.active a {
  font-weight: 600;
  color: var(--color-primary);
}

.pagination .page-item:last-child,
.pagination .page-item:first-child {
  margin-bottom: -0.3125em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.pagination .page-item:last-child svg,
.pagination .page-item:first-child svg {
  width: 1em;
  height: 1em;
  color: var(--basick-white);
  fill: var(--color-primary);
}

.pagination .page-item:last-child:hover,
.pagination .page-item:first-child:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.pagination .page-item.disabled {
  pointer-events: none;
}

.pagination .page-item.disabled svg {
  fill: #a6a7a7;
}

.pagination .page-item:first-child {
  margin-right: 0.8333333333em;
}

.pagination .page-item:first-child svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.pagination .page-item:last-child {
  margin-left: 0.8333333333em;
}

.pagination a {
  display: inline-block;
  min-width: 1.0416666667em;
  height: 1.2083333333em;
  color: #c4c4c4;
  line-height: 1.2083333333em;
  text-align: center;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/*menu*/

.menu {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu > .menu__item {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.menu > .menu__item:hover > .menu__link,
.menu > .menu__item.active > .menu__link {
  color: var(--color-primary);
}

.menu ul {
  position: absolute;
  padding: 12px 0 21px;
  min-width: 250px;
  max-width: 360px;
  color: var(--color-secondary);
  background-color: var(--basick-white);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.menu ul .menu__link {
  padding: 13px 12px 14px 12px;
}

.menu > li > ul {
  top: 100%;
  left: 0;
}

.menu > li > a {
  white-space: nowrap;
}

.menu li:hover > ul {
  opacity: 1;
  pointer-events: all;
}

.menu ul ul {
  top: 0;
  left: 100%;
}

.menu ul li:hover {
  background-color: var(--color-primary);
}

.menu ul li:hover > a {
  color: var(--basick-white);
}

.menu ul li:hover > a svg {
  fill: var(--basick-white);
}

.menu__item {
  position: relative;
  line-height: 1.375;
}

.menu__item:last-child {
  margin-right: 0;
}

.menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px;
}

/*mobile menu*/

.mobile-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 90;
  padding: 11px 0 0;
  width: 355px;
  max-width: 100%;
  background: var(--basick-gray);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  -webkit-transition: overflow 0s 0.4s, -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  transition: overflow 0s 0.4s, -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), overflow 0s 0.4s;
  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), overflow 0s 0.4s;
  transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), overflow 0s 0.4s, -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.mobile-menu.open {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.mobile-menu__inner {
  height: 100%;
  overflow: hidden;
}

.mobile-menu__container {
  padding: 0 25px 23px 33px;
  height: 100%;
  overflow: auto;
}

.mobile-menu__category-nav {
  position: static;
  padding:135px 0 0px;
}

.mobile-menu__category-nav .category-nav {
  position: static;
}

.mobile-menu__category-nav .category-nav__toggle {
  padding: 12px 15px 15px 65px;
  font-weight: 600;
  font-size: 16px;
  color: var(--color-primary);
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.mobile-menu__category-nav .category-nav__toggle.active {
  color: var(--basick-white);
  background-color: var(--color-primary);
}

.mobile-menu__category-nav .category-nav__toggle.active .category-nav__hamburger {
  --bg-line: var(--basick-white);
}

.mobile-menu__category-nav .category-nav__toggle.active ~ .category-nav__menu {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.mobile-menu__category-nav .category-nav__hamburger {
  --w-line: 25px;
  --bg-line: var(--color-primary);
}

.mobile-menu__category-nav .category-nav__menu {
  top: 192px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--basick-gray);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 1;
  pointer-events: all;
  overflow: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.mobile-menu__menu {
  margin-top: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: 600;
  font-size: 16px;
}

.mobile-menu__menu .menu__link {
  padding: 6px 0;
}

.mobile-menu__sci {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 20px 0;
}

.mobile-menu__sci .sci__row {
  margin-bottom: 7px;
}

.mobile-menu__sci .sci__link {
  height: auto;
}

.mobile-menu__sci .sci__link svg {
  width: 26px;
  height: 26px;
}

.mobile-menu__sci .sci__link--tel {
  margin: 12px 0 0;
}

.mobile-menu .firm-info {
  margin-bottom: 8px;
}

.mobile-menu .sci-link {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: 10px;
}

/*main slider*/

.main-slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-top: -15px;
}
.main-slider-wrap {
  position: relative;
}
@media (min-width: 1376px) {
.main-slider-wrap {
  position: relative;
          margin-top: 14px;
        max-width: 100%;
        margin-left: 283px;

  
}
}
.main-slider-wrap::before {
  content: "";
  display: block;
  padding-bottom: 38.6%;
  width: 100%;
}

.main-slider-wrap .slider-pagination {
  position: absolute;
  right: 0;
  bottom: 23px;
  margin: 0;
}

.main-slider-wrap .slider-pagination .swiper-pagination-bullet {
  margin: 0 7px 6px 0;
  width: 11px;
  height: 11px;
}

.main-slider__slide-img img {
  position: absolute;
  left: 209px;
  top: 0;
  width: 100%;
  height: 100%;
  width: 1167px;
  height: 100%;
  -o-object-fit: cover;
  /* object-fit: cover; */
  -o-object-position: left center;
  object-position: left center;
}
@media (min-width: 1376px) {
 .main-slider__slide-img img {
 position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  -o-object-position: left center;
     object-position: left center;
}   
}

/*notify block*/

.notify-b {
  font-size: 18px;
  line-height: 1.6666666667;
  text-align: center;
}

.notify-b__container {
  padding-top: 1.1666666667em;
  padding-bottom: 1.1666666667em;
  background-color: var(--basick-gray);
}

.notify-b__container * {
  margin-bottom: 0.8333333333em;
}

.notify-b__container *:last-child {
  margin-bottom: 0;
}

/*info block*/

.info-b {
  padding: 45px 0 55px;
}

.info-b__container {
  margin: 0 auto;
  max-width: 1075px;
}

.info-b__container > * {
  margin-top: 1.25em;
}

.info-b__container > *:first-child {
  margin-top: 0;
}

.info-b p ~ h1,
.info-b p ~ h2,
.info-b p ~ h3,
.info-b div ~ h1,
.info-b div ~ h2,
.info-b div ~ h3,
.info-b ol ~ h1,
.info-b ol ~ h2,
.info-b ol ~ h3,
.info-b ul ~ h1,
.info-b ul ~ h2,
.info-b ul ~ h3 {
  font-weight: 600;
  font-size: 20px;
  text-align: left;
}

/*pallete prod*/

.pallete-product__inner {
  overflow-x: auto;
  padding-bottom: 1rem;
  scrollbar-color: var(--scroll-thumb-color) var(--scroll-bar-color);
  scrollbar-width: thin;
}

.pallete-product__inner::-webkit-scrollbar {
  height: 0.4rem;
  background-color: var(--scroll-bar-color);
}

.pallete-product__inner::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb-color);
}

.pallete-product__inner::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll-thumb-color-hover);
}

.pallete-product__table {
  min-width: 1010px;
}

.pallete-product__name {
  font-weight: 600;
  font-size: 20px;
  width: 120px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.pallete-product__row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.pallete-product__row:last-child {
  margin-bottom: 0;
}

.pallete-product__sample {
  position: relative;
  width: 131px;
  height: 51px;
  border: 1px solid #c4c4c4;
  background-repeat: no-repeat;
  background-size: cover;
}

.pallete-product__sample span {
  position: absolute;
  left: 50%;
  top: 110%;
  font-size: 14px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.palette-gallery {
  position: relative;
}

.palette-gallery__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  max-width: 950px;
}

.palette-gallery__view {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.palette-gallery__view::before {
  content: "";
  display: block;
  padding-bottom: 57.8%;
}

.palette-gallery__view img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.palette-gallery .is-loading .preloader {
  opacity: 1;
}

.palette-gallery__thumbs {
  margin-top: 20px;
}

.palette-gallery__thumbs-slider {
  padding: 15px;
}

.palette-gallery__thumbs-slide {
  width: 103px;
  height: 103px;
}

.palette-gallery__thumbs-item {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.palette-gallery__thumbs-item.active {
  -webkit-box-shadow: 0 0 13px rgba(255, 102, 0, 0.5);
          box-shadow: 0 0 13px rgba(255, 102, 0, 0.5);
}

.palette-gallery__arrow {
  position: absolute;
  top: 275px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 65px;
  height: 65px;
  background: url("./../../img/icons/product-full-arr.svg") no-repeat;
  background-size: contain;
}

.palette-gallery__arrow--prev {
  left: 5%;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.palette-gallery__arrow--next {
  right: 5%;
}

/*producers block*/

.producers-b__list {
  --air-l: 35px;
  --air-b: 24px;
  --widthCol: 25%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/*producer card*/

.producer-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px 8px 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2941176471;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 0 1px #c4c4c4;
          box-shadow: 0 0 0 1px #c4c4c4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.producer-card:hover {
  color: var(--color-primary);
  -webkit-box-shadow: 0 0 0 1px var(--color-primary);
          box-shadow: 0 0 0 1px var(--color-primary);
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.producer-card__img {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  width: 67px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.producer-card__img::before {
  content: "";
  display: block;
  padding-bottom: 73.1343283582%;
}

.producer-card p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-wrap: break-word;
  text-align: center;
}

.noUi-horizontal {
  height: 2px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 1px;
}

.noUi-connects {
  background: #c4c4c4;
  border-radius: 1px;
}

.noUi-connect {
  background: var(--color-primary);
}

.noUi-horizontal .noUi-handle {
  cursor: pointer;
  right: -3px;
  top: -4px;
  width: 10px;
  height: 10px;
  background-color: var(--color-primary);
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.noUi-horizontal .noUi-handle::after {
  display: none;
}

.noUi-horizontal .noUi-handle::before {
  cursor: pointer;
  display: block;
  left: 50%;
  top: 50%;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*slider price*/

.slider-from-to__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider-from-to__label {
  position: relative;
  margin-right: 14px;
  width: 154px;
}

.slider-from-to__label:last-child {
  margin-right: 0;
}

.slider-from-to__label::before {
  content: attr(data-currency);
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #c4c4c4;
}

.slider-from-to [data-currency] input {
  padding-right: 35px;
}

.slider-from-to__input {
  padding: 0 10px;
  height: 34px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
}

.slider-from-to__slider {
  margin-top: 18px;
}

.toggle-filter {
  --height: 51px;
  --fz: 16px;
  --colorTone: #c4c4c4;
  --colorText: #c4c4c4;
  padding: 0 30px;
  min-width: auto;
  font-weight: normal;
  border-width: 1px;
}

.toggle-filter:hover,
.toggle-filter.active {
  --colorTone: var(--color-primary);
  --colorText: var(--color-primary);
  background-color: transparent;
}

.toggle-filter.active .toggle-filter__arr {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.toggle-filter svg {
  fill: currentColor;
}

.toggle-filter__ic {
  margin-right: 0.8333333333em;
  width: 1.3888888889em;
}

.toggle-filter__arr {
  display: none;
  margin-left: 0.625em;
  width: 0.4125em;
  height: 0.75em;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*preloader*/

.preloader {
  /* size */
  pointer-events: none;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-animation: rotatePreloader 2s infinite ease-in;
          animation: rotatePreloader 2s infinite ease-in;
}

@-webkit-keyframes rotatePreloader {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}

@keyframes rotatePreloader {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
            transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}

.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 10%;
  height: 10%;
  background-color: var(--color-primary);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
}

.preloader div:nth-child(1) {
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
  -webkit-animation: rotateCircle1 2s infinite linear;
          animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@-webkit-keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }

  0% {
    opacity: 1;
    -webkit-transform: rotateZ(36deg);
            transform: rotateZ(36deg);
  }

  7% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  57% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }

  0% {
    opacity: 1;
    -webkit-transform: rotateZ(36deg);
            transform: rotateZ(36deg);
  }

  7% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  57% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(2) {
  -webkit-transform: rotateZ(36deg);
      -ms-transform: rotate(36deg);
          transform: rotateZ(36deg);
  -webkit-animation: rotateCircle2 2s infinite linear;
          animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@-webkit-keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }

  5.0001% {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  12% {
    -webkit-transform: rotateZ(-36deg);
            transform: rotateZ(-36deg);
  }

  62% {
    -webkit-transform: rotateZ(-36deg);
            transform: rotateZ(-36deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }

  5.0001% {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }

  12% {
    -webkit-transform: rotateZ(-36deg);
            transform: rotateZ(-36deg);
  }

  62% {
    -webkit-transform: rotateZ(-36deg);
            transform: rotateZ(-36deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(3) {
  -webkit-transform: rotateZ(72deg);
      -ms-transform: rotate(72deg);
          transform: rotateZ(72deg);
  -webkit-animation: rotateCircle3 2s infinite linear;
          animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@-webkit-keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }

  10.0002% {
    opacity: 1;
    -webkit-transform: rotateZ(-36deg);
            transform: rotateZ(-36deg);
  }

  17% {
    -webkit-transform: rotateZ(-72deg);
            transform: rotateZ(-72deg);
  }

  67% {
    -webkit-transform: rotateZ(-72deg);
            transform: rotateZ(-72deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }

  10.0002% {
    opacity: 1;
    -webkit-transform: rotateZ(-36deg);
            transform: rotateZ(-36deg);
  }

  17% {
    -webkit-transform: rotateZ(-72deg);
            transform: rotateZ(-72deg);
  }

  67% {
    -webkit-transform: rotateZ(-72deg);
            transform: rotateZ(-72deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(4) {
  -webkit-transform: rotateZ(108deg);
      -ms-transform: rotate(108deg);
          transform: rotateZ(108deg);
  -webkit-animation: rotateCircle4 2s infinite linear;
          animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@-webkit-keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }

  15.0003% {
    opacity: 1;
    -webkit-transform: rotateZ(-72deg);
            transform: rotateZ(-72deg);
  }

  22% {
    -webkit-transform: rotateZ(-108deg);
            transform: rotateZ(-108deg);
  }

  72% {
    -webkit-transform: rotateZ(-108deg);
            transform: rotateZ(-108deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }

  15.0003% {
    opacity: 1;
    -webkit-transform: rotateZ(-72deg);
            transform: rotateZ(-72deg);
  }

  22% {
    -webkit-transform: rotateZ(-108deg);
            transform: rotateZ(-108deg);
  }

  72% {
    -webkit-transform: rotateZ(-108deg);
            transform: rotateZ(-108deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(5) {
  -webkit-transform: rotateZ(144deg);
      -ms-transform: rotate(144deg);
          transform: rotateZ(144deg);
  -webkit-animation: rotateCircle5 2s infinite linear;
          animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@-webkit-keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }

  20.0004% {
    opacity: 1;
    -webkit-transform: rotateZ(-108deg);
            transform: rotateZ(-108deg);
  }

  27% {
    -webkit-transform: rotateZ(-144deg);
            transform: rotateZ(-144deg);
  }

  77% {
    -webkit-transform: rotateZ(-144deg);
            transform: rotateZ(-144deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }

  20.0004% {
    opacity: 1;
    -webkit-transform: rotateZ(-108deg);
            transform: rotateZ(-108deg);
  }

  27% {
    -webkit-transform: rotateZ(-144deg);
            transform: rotateZ(-144deg);
  }

  77% {
    -webkit-transform: rotateZ(-144deg);
            transform: rotateZ(-144deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(6) {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
  -webkit-animation: rotateCircle6 2s infinite linear;
          animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@-webkit-keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }

  25.0005% {
    opacity: 1;
    -webkit-transform: rotateZ(-144deg);
            transform: rotateZ(-144deg);
  }

  32% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
  }

  82% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }

  25.0005% {
    opacity: 1;
    -webkit-transform: rotateZ(-144deg);
            transform: rotateZ(-144deg);
  }

  32% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
  }

  82% {
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(7) {
  -webkit-transform: rotateZ(216deg);
      -ms-transform: rotate(216deg);
          transform: rotateZ(216deg);
  -webkit-animation: rotateCircle7 2s infinite linear;
          animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@-webkit-keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }

  30.0006% {
    opacity: 1;
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
  }

  37% {
    -webkit-transform: rotateZ(-216deg);
            transform: rotateZ(-216deg);
  }

  87% {
    -webkit-transform: rotateZ(-216deg);
            transform: rotateZ(-216deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }

  30.0006% {
    opacity: 1;
    -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
  }

  37% {
    -webkit-transform: rotateZ(-216deg);
            transform: rotateZ(-216deg);
  }

  87% {
    -webkit-transform: rotateZ(-216deg);
            transform: rotateZ(-216deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(8) {
  -webkit-transform: rotateZ(252deg);
      -ms-transform: rotate(252deg);
          transform: rotateZ(252deg);
  -webkit-animation: rotateCircle8 2s infinite linear;
          animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@-webkit-keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }

  35.0007% {
    opacity: 1;
    -webkit-transform: rotateZ(-216deg);
            transform: rotateZ(-216deg);
  }

  42% {
    -webkit-transform: rotateZ(-252deg);
            transform: rotateZ(-252deg);
  }

  92% {
    -webkit-transform: rotateZ(-252deg);
            transform: rotateZ(-252deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }

  35.0007% {
    opacity: 1;
    -webkit-transform: rotateZ(-216deg);
            transform: rotateZ(-216deg);
  }

  42% {
    -webkit-transform: rotateZ(-252deg);
            transform: rotateZ(-252deg);
  }

  92% {
    -webkit-transform: rotateZ(-252deg);
            transform: rotateZ(-252deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(9) {
  -webkit-transform: rotateZ(288deg);
      -ms-transform: rotate(288deg);
          transform: rotateZ(288deg);
  -webkit-animation: rotateCircle9 2s infinite linear;
          animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@-webkit-keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }

  40.0008% {
    opacity: 1;
    -webkit-transform: rotateZ(-252deg);
            transform: rotateZ(-252deg);
  }

  47% {
    -webkit-transform: rotateZ(-288deg);
            transform: rotateZ(-288deg);
  }

  97% {
    -webkit-transform: rotateZ(-288deg);
            transform: rotateZ(-288deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }

  40.0008% {
    opacity: 1;
    -webkit-transform: rotateZ(-252deg);
            transform: rotateZ(-252deg);
  }

  47% {
    -webkit-transform: rotateZ(-288deg);
            transform: rotateZ(-288deg);
  }

  97% {
    -webkit-transform: rotateZ(-288deg);
            transform: rotateZ(-288deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

.preloader div:nth-child(10) {
  -webkit-transform: rotateZ(324deg);
      -ms-transform: rotate(324deg);
          transform: rotateZ(324deg);
  -webkit-animation: rotateCircle10 2s infinite linear;
          animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@-webkit-keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }

  45.0009% {
    opacity: 1;
    -webkit-transform: rotateZ(-288deg);
            transform: rotateZ(-288deg);
  }

  52% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
  }

  102% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }

  45.0009% {
    opacity: 1;
    -webkit-transform: rotateZ(-288deg);
            transform: rotateZ(-288deg);
  }

  52% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
  }

  102% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
  }

  100% {
    -webkit-transform: rotateZ(-324deg);
            transform: rotateZ(-324deg);
    opacity: 1;
  }
}

/*Стили из старого сайта*/

.iq-bass .short-desc-p-2,
.iq-bass .short-desc-p-1,
.iq-bass .short-desc-p-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.iq-bass [class^=short-desc-p] {
  margin: 0 0 0 -30px;
}

.iq-bass .short-desc-section {
  width: calc(33.3% - 30px);
  margin: 0 0 30px 30px;
}

.iq-bass .short-desc-img {
  width: 100%;
  height: 90px;
  margin-bottom: 20px;
  background-size: contain !important;
}

.iq-bass .short-desc-numb {
  min-width: 90px;
  height: auto;
  color: #fff;
  font-weight: bold;
  background: #359ffb;
  padding: 5px 7px;
  border-radius: 3px;
  margin: 5px 0;
  text-align: left;
}

.iq-bass b {
  display: block;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~*/
header {
  position: relative;
  z-index: 95;
  /*toggle mobile search*/
  /*close mobile search*/
}

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  padding: 5px 0 0;
  width: 100%;
  background-color: var(--basick-white);
  -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16);
          box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16);
  -webkit-animation: anim 0.5s;
          animation: anim 0.5s;
}

header.fixed .header__top {
  display: none;
}

@-webkit-keyframes anim {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes anim {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

header .toggleMobileSearch {
  display: none;
  cursor: pointer;
  margin: 0 11px 0 4px;
}

header .toggleMobileSearch svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: #C4C4C4;
}

header .closeMobileSearch {
  display: none;
  margin-left: auto;
  margin-right: 6px;
  width: 17px;
  height: 17px;
  fill: var(--color-primary);
}

.header {
  /*header middle*/
  /*header bottom*/
}

.header__top {
  padding: 8px 0 9px;
  font-size: 14px;
  background-color: var(--basick-gray);
  position: fixed;
  width: 100%;
  z-index: 2;
}

.header__top p a {
  display: inline-block;
  margin: -0.1428571429em 0 0 0.2857142857em;
  height: 1.3571428571em;
}

.header__top-row {
  margin-left: 6%;
}

.header__top .firm-info {
  margin-left: 18px;
}

.header__top .firm-info:first-child {
  margin-left: 0;
}

.header__top .sci-link {
  margin-left: 21px;
}


.header__middle {
  padding: 15px 10px 14px;
/*  position: fixed; */
  width: 100%;
  background: #ffffff;
}
@media (min-width: 1026px) and (max-width: 1075px) {
.header__middle {
    max-width: 1000px;
    padding: 10px;
}

.basket-link {
    padding: 10px;
}
}
@media (min-width: 1076px) and (max-width: 1100px) {
.header__middle {
    max-width: 1100px;
    padding: 10px;
}
}
@media (min-width: 1100px) and (max-width: 1200px) {
.header__middle {
    max-width: 1200px;
    padding: 10px;
}
.basket-link {
    padding: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1326px) {
.header__middle {
    width: 100%;
    padding: 10px;
}
.basket-link {
    padding: 10px;
}
}
.header__middle .basket-link {
  display: none;
  margin: 0 8px 0 14px;
  color: var(--color-primary);
}

.header__middle .basket-link svg {
  width: 24px;
  height: 24px;
}

.header__middle .basket-link strong {
  margin: -4px 0 0 4px;
}

.header__sci {
  margin-left: 115px;
}
@media (min-width: 1026px) and (max-width: 1032px) {
 .header__sci {
        margin-left: -30px;
    
}   
}
@media (min-width: 1033px) and (max-width: 1055px) {
 .header__sci {
    margin-left: -10px;
    
}   
}
@media (min-width: 1056px) and (max-width: 1100px) {
 .header__sci {
    margin: 0 auto;
    
}   
}
@media (min-width: 1100px) and (max-width: 1140px) {
 .header__sci {
     margin: 0 auto; 
       
}   
}
@media (min-width: 1141px) and (max-width: 1200px) {
 .header__sci {
     margin-left: 55px; 
       
}   
}
.header__sci .sci__link--tel + .sci__link--tel {
  margin-left: 22px;
}

.header__hamburger {
  --bg-line: var(--color-primary);
  display: none;
  width: 28px;
}

.header__callback {
  --height: 46px;
  --fz: 14px;
  min-width: 204px;
}

.header__bottom {
  color: var(--basick-white);
  background-color: var(--color-secondary);
/*  position: fixed; */
    width: 100%;
    margin: 5px 0 1px;
}

.header__nav {
  margin-right: 15px;
  font-size: 14px;
}

.header__nav .bro-menu {
  padding-top: 11px;
}

.header__menu {
  font-size: 16px;
}

.header__menu .hamburger {
  --bg-line: var(--basick-white);
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header__category-nav {
  position: relative;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  margin-right: 50px;
  width: 283px;
}

.header__category-nav .category-nav__menu {
  min-width: 283px;
}

.header__search {
  margin: 0 auto;
}

.header__basket-link {
  margin-left: auto;
}

/*==================== FOOTER ====================*/

footer {
  margin-top: auto;
  padding-top: 41px;
  color: var(--basick-white);
  background-color: var(--color-secondary);
}

.footer {
  /*footer top*/
  /*footer middle*/
  /*footer bottom*/
}

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

.footer__menu {
  margin-left: auto;
  font-size: 16px;
}

.footer__menu .menu__item {
  margin-right: 5px;
}

.footer__menu .menu__item:last-child {
  margin-right: 0;
}

.footer__menu .menu__link {
  padding: 5px 10px;
}

.footer__middle {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[5];
  grid-template-columns: repeat(5, auto);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
  padding: 34px 0;
  line-height: 1.5625;
}

.footer__middle-col {
  max-width: 410px;
}



.footer__middle .ArtBro {
  margin-top: 17px;
  color: var(--color-primary);
}

.footer__sci {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
  margin-bottom: 16px;

}

.footer__sci .sci__link {
  margin-right: 11px;
}

.footer__sci .sci__link svg {
  width: 33px;
  height: 33px;
}

.footer__bottom {
  padding: 12px 0 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3571428571;
  color: var(--color-text);
  background-color: var(--color-primary);
    max-height: 40px;
}

/*==================== INDEX PAGE ====================*/

.index-pg .content-wrap {
 /* padding-top: 160px;*/
}

.index-pg .products-slider-b {
  margin-top: 60px;
  max-width: 1373px;
   margin: 0 auto;

}

.index-pg .info-b {
  margin-top: 80px;
}

/*==================== PRODUCT FULL ====================*/

.product-fl-pg h1 {
  margin-bottom: 70px;
  font-size: 32px;
}

.product-fl-pg .content-wrap {
  padding-bottom: 0;
}

.product-fl-pg .products-b {
  margin-top: 70px;
  padding: 51px 0 125px;
}

.product-fl-pg .b-tabs__pane .pallete-product {
  margin-top: 42px;
}

.product-fl-b__desc {
  margin-top: 4.15em;
  padding: 1.85em 0 2.1em;
  font-size: 20px;
  line-height: 1.75;
  border: 1px solid #C4C4C4;
  border-right: none;
  border-left: none;
}

.product-fl-b__desc ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
  padding-left: 2rem;
}

.product-fl-b__desc ul li {
  list-style-type: disc;
}

.product-fl-b__desc ul li::marker {
  font-size: 0.7em;
}

.product-fl-b__priceBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 60px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.product-fl-b__priceBox .btn {
  min-width: 219px;
}

.product-fl-b__price {
  font-weight: 600;
  font-size: 35px;
  line-height: 48px;
  color: var(--color-text);
  margin-bottom: 40px;
}

.product-fl-b__tabs {
  margin-top: 30px;
}

.product-fl-b__tabs table {
  width: 100%;
  margin: 30px 0;
}

.product-fl-b__tabs table tr:nth-child(odd) td {
  background-color: #f6f6f6;
}

.product-fl-b__tabs table tr:nth-child(even) td {
  background-color: #fff;
}

.product-fl-b__tabs table td {
  padding: 10px 10px;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -64px 0;
  opacity: 1 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.gallery-prod {
  position: relative;
}

.gallery-prod__arr {
  position: absolute;
  top: 42%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gallery-prod__arr--prev {
  left: 30px;
}

.gallery-prod__arr--next {
  right: 30px;
}

.gallery-prod__arr {
  z-index: 2;
  display: block;
  width: 45px;
  height: 45px;
  background: url(./../../img/icons/product-full-arr.svg) center center/contain no-repeat;
}

.gallery-prod__arr--prev {
  -webkit-transform: translateY(-50%) scaleX(-1);
      -ms-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}

.gallery-prod .fotorama__wrap {
  margin: 0 auto;
}

.gallery-prod .fotorama__fullscreen-icon {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.gallery-prod .fotorama__nav-wrap {
  margin-top: 45px;
}

.gallery-prod .fotorama__thumb-border {
  border-color: var(--color-primary);
}

/*==================== CATALOG PAGE ====================*/

.catalog-pg .notify-b {
  margin: 45px;
}

.catalog-pg .subcategories-links-b {
  margin: 45px 0 50px;
}

.catalog-pg .producers-b {
  margin: 45px 0 50px;
}

.catalog-pg h1 + .products-sort-b,
.catalog-pg h2 + .products-sort-b {
  margin-top: 45px;
}

.catalog-pg .products-b {
  margin-top: 75px;
}

.catalog-pg .info-b {
  padding-bottom: 0;
}

/*==================== DELIVERY ====================*/

.delivery-pg .delivery-b + .delivery-b {
  margin-top: 74px;
}

.delivery-b .b-row {
  --air-b: 40px;
}

.delivery-b__col p {
  margin-bottom: 1.9444444444em;
}

.delivery-b__map {
  height: 410px;
}

.delivery-b__map > * {
  width: 100%;
  height: 100%;
}

.delivery-b h2 {
  margin-bottom: 1.9444444444em;
  font-weight: 700;
  line-height: 2.5;
  text-transform: uppercase;
}

.delivery-b img {
  margin: 0 0 0 auto;
}

/*==================== PAYMENT PAGE ====================*/

.payment-pg h1 {
  margin-bottom: 38px;
}

.payment-pg__subtitle {
  font-size: 20px;
  line-height: 2.25;
  text-align: center;
}

.payment-pg .payment-b {
  padding: 75px 0 0;
}

.payment-b__list {
  --air-b: 72px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.payment-b__item {
  margin: 0 auto;
  max-width: 290px;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
}

.payment-b__item-img {
  margin-bottom: 1.3em;
}

.payment-b__item-img img {
  margin: 0 auto;
}

/*==================== ABOUT PAGE ====================*/

.about-pg .info-b {
  padding-top: 0;
}

.about-pg .partners-b {
  padding-bottom: 0;
}

.scrollable-gallery-b__images {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  -webkit-column-gap: 19px;
     -moz-column-gap: 19px;
          column-gap: 19px;
  row-gap: 25px;
  overflow: auto;
}

.scrollable-gallery-b__img {
  position: relative;
  padding-bottom: 68.6930091185%;
  min-width: 275px;
}

.scrollable-gallery-b__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*compani info block*/

.compani-info-b {
  font-size: 18px;
}

.compani-info-b .b-row {
  --air-b: 46px;
}

.compani-info-b__map {
  height: 495px;
}

.compani-info-b .sci {
  margin-top: 3em;
}

.compani-info-b .sci__link {
  margin-right: 12.5px;
}

.compani-info-b .sci__link svg {
  width: 33px;
  height: 33px;
}

/*certificates slider*/

.certificates-slider-b .swiper-container {
  width: calc(78.0772032047% + 20px);
}

.certificates-slider-b .slider-arr:not(.swiper-button-disabled):hover svg {
  fill: var(--color-primary);
  stroke: var(--color-primary);
}

.certificates-slider-b .slider-arr svg {
  width: 65px;
  height: 65px;
  fill: #c4c4c4;
  stroke: #c4c4c4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.certificates-slider-b .slider-arr--prev {
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}

/*==================== CONTACTS ====================*/

.contacts-pg .application-b {
  margin-top: -2.6875em;
  padding-bottom: 0;
}

/*contacts block*/

.contacts-b .b-row {
  --air-b: 0px;
}

.contacts-b .list-icon li {
  margin-bottom: 2.3888888889em;
}

.contacts-b .sci__link {
  margin-right: 10px;
}

.contacts-b .sci__link svg {
  width: 41px;
  height: 41px;
}

/*==================== BASKET FORM ====================*/

.basket-pg .basket-table {
  margin: 47px 0 39px;
}

.basket-pg .products-slider-b {
  margin-top: 130px;
}

.basket-pg .order-registration {
  margin-top: 60px;
}

/*basket form*/

.basket-f__reset-btn,
.basket-f__submit-btn {
  --height: 51px;
  font-size: 16px;
  min-width: 236px;
}

.basket-f .total-purchase {
  margin: 0 auto;
}

/*basket info*/

.basket-table {
  padding: 34px 3% 40px 3.5%;
  font-weight: 600;
  font-size: 18px;
  border: 1px solid #C4C4C4;
}

.basket-table__row {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.basket-table__row > div {
  padding: 0 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

.basket-table__row > div:last-child {
  -webkit-box-flex: 0.2;
      -ms-flex-positive: 0.2;
          flex-grow: 0.2;
  text-align: right;
}

.basket-table__head {
  padding-bottom: 1.5555555556em;
  color: #A6A7A7;
}

.basket-table__body .basket-table__row {
  padding-bottom: 1.5em;
}

.basket-table__body .basket-table__row:last-child {
  padding-bottom: 0;
}

.basket-table__body .basket-table__name p {
  margin-top: 1.25em;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5625;
  word-wrap: break-word;
}

.basket-table__body .basket-table__name a {
  display: inline-block;
  margin: 0 auto;
}

.basket-table__body .basket-table__name img {
  max-width: 155px;
}

.basket-table__body .basket-table__price,
.basket-table__body .basket-table__cost {
  font-size: 1.3333333333em;
  color: var(--color-primary);
}

.basket-table__name {
  min-width: 30%;
}

/*payer form*/

.order-registration__data {
  margin: 0 auto;
  max-width: 645px;
}

.order-registration h2,
.order-registration h3 {
  margin: 110px 0 59px;
}

.order-registration__toggles {
  margin-bottom: 55px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.order-registration__inputs .b-input {
  width: 100%;
}

.order-registration__inputs .b-input textarea {
  min-height: 124px;
}

.order-registration .form-action {
  margin-top: 70px;
}

/*form action buttons*/

.form-action {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-action__back,
.form-action__submit-btn {
  --height: 51px;
  --fz: 16px;
  min-width: 230px;
}

/*total purchase*/

.total-purchase {
  padding: 0 20px;
  font-size: 24px;
  line-height: 0.75;
  text-align: center;
}

.total-purchase__cost {
  display: inline-block;
  margin-left: 0.2777777778em;
  font: 700 1.5em/1.1666666667 var(--fm-1);
  color: var(--color-primary);
}

/*==================== PORTFOLIO PAGE ====================*/

.portfolio-b__title {
  margin-bottom: 1.625em;
  padding: 0.8333333333em 10px 20px 1.7083333333em;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4583333333;
  text-transform: uppercase;
  background-color: var(--basick-gray);
}

.portfolio-b__images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  row-gap: 22px;
}

.portfolio-b__images + .portfolio-b__title {
  margin-top: 3.0416666667em;
}

.portfolio-b__img {
  position: relative;
  padding-bottom: 61.6314199396%;
  overflow: hidden;
}

.portfolio-b__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.portfolio-b__img:hover img {
  -webkit-filter: saturate(1.15);
          filter: saturate(1.15);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/*==================== STOCKS PAGE ====================*/

.stocks-pg .content-wrap {
  padding-bottom: 0;
}

.stocks-pg h1 {
  margin-bottom: 50px;
}

.stocks-pg h1 + p {
  margin-bottom: 2em;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.stocks-pg .products-b {
  padding: 81px 0 157px;
}

/*==================== 404, THANKS PAGE ====================*/

.thanks-pg .content-wrap,
.err-pg .content-wrap {
  text-align: center;
  font-size: 30px;
}

.thanks-pg .content-wrap h1,
.err-pg .content-wrap h1 {
  margin-bottom: 0.5972222222em;
  font-size: 2.4em;
  line-height: 1.3333333333;
  text-transform: uppercase;
}

.thanks-pg .content-wrap p,
.err-pg .content-wrap p {
  font-weight: 600;
  font-size: 1em;
  line-height: 1.3666666667em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.thanks-pg .content-wrap .btn,
.err-pg .content-wrap .btn {
  --height: 3em;
  font-size: 0.8em;
  margin-top: 4.0833333333em;
  min-width: 13.875em;
}

.err-pg .content-wrap {
  font-size: 36px;
}

.err-pg .content-wrap h1 {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 6.6666666667em;
}

.err-pg .content-wrap h1 span {
  color: var(--color-primary);
}

.err-pg .content-wrap p {
  font-weight: 400;
  color: var(--color-text);
}

.err-pg .content-wrap .btn {
  margin-top: 2.75em;
  font-size: 0.6666666667em;
}

/*--------------------------------Other--------------------------------*/

@media (min-width: 1026px) {
  .products-sort-b .drop-content {
    height: auto !important;
    min-height: auto !important;
  }
}

@media (max-width: 1430px) {
  .col-dxl-1 {
    width: calc(100% / 12 * 1);
  }

  .col-dxl-2 {
    width: calc(100% / 12 * 2);
  }

  .col-dxl-3 {
    width: calc(100% / 12 * 3);
  }

  .col-dxl-4 {
    width: calc(100% / 12 * 4);
  }

  .col-dxl-5 {
    width: calc(100% / 12 * 5);
  }

  .col-dxl-6 {
    width: calc(100% / 12 * 6);
  }

  .col-dxl-7 {
    width: calc(100% / 12 * 7);
  }

  .col-dxl-8 {
    width: calc(100% / 12 * 8);
  }

  .col-dxl-9 {
    width: calc(100% / 12 * 9);
  }

  .col-dxl-10 {
    width: calc(100% / 12 * 10);
  }

  .col-dxl-11 {
    width: calc(100% / 12 * 11);
  }

  .col-dxl-12 {
    width: calc(100% / 12 * 12);
  }

  .container {
    max-width: 1167px;
    margin-bottom: 60px;
  }

  .main-slider-b__container {
    padding: 0;
    max-width: none;
  }

  .header__logo {
    max-width: 200px;
  }

  .header__sci {
    font-size: 14px;
  }

  .header__sci .sci__link--tel {
    margin-left: 11px !important;
  }

  .header__menu.menu--2 {
    margin-right: 35px;
  }

  .header__category-nav {
    margin-right: 30px;
    width: 260px;
  }


  .header__search {
    max-width: 195px;
  }

  .index-pg .products-slider-b {
    margin-top: 10px;
  }

  .index-pg .info-b {
    margin-top: 60px;
  }
  .containerslaider {
        margin-left: auto; 
  }
}
@media (min-width: 1220px) and (max-width: 1430px) {
    .header__search {
        max-width: 300px;
    }
	.header__search {
    margin: 0px 10px 0px auto;
	}
}

@media (max-width: 1220px) {
  .col-dl-1 {
    width: calc(100% / 12 * 1);
  }

  .col-dl-2 {
    width: calc(100% / 12 * 2);
  }

  .col-dl-3 {
    width: calc(100% / 12 * 3);
  }

  .col-dl-4 {
    width: calc(100% / 12 * 4);
  }

  .col-dl-5 {
    width: calc(100% / 12 * 5);
  }

  .col-dl-6 {
    width: calc(100% / 12 * 6);
  }

  .col-dl-7 {
    width: calc(100% / 12 * 7);
  }

  .col-dl-8 {
    width: calc(100% / 12 * 8);
  }

  .col-dl-9 {
    width: calc(100% / 12 * 9);
  }

  .col-dl-10 {
    width: calc(100% / 12 * 10);
  }

  .col-dl-11 {
    width: calc(100% / 12 * 11);
  }

  .col-dl-12 {
    width: calc(100% / 12 * 12);
  }

  .content-wrap h1 {
    margin-bottom: 40px;
  }

  .container {
    max-width: 1000px;
  }

  .title-1 {
    font-size: 26px;
  }

  .title-2 {
    font-size: 24px;
  }

  .b-tabs__content {
    padding: 40px 25px 30px;
  }

  .advantages-card__ic {
  /*  width: 65px; */
  }

  .desc-equipment-b__img {
    margin: 0 auto !important;
  }

  .desc-equipment-b p {
    margin-top: 1em;
  }

  .products-b {
    padding: 70px 0 70px;
  }

  .products-b__list {
    --widthCol: 33.3%;
  }

  .products-slider-b .swiper-slide {
    width: 290px;
  }

  .products-sort-b-filters-show .products-b {
    width: 65.55%;
  }

  .products-sort-b-filters-show .products-b__list {
    --air-l: 30px;
    --widthCol: 50%;
  }

  .products-sort-b-filters-show .filters-b {
    display: block;
  }

  .product-card {
    padding: 9px 18px 33px;
    font-size: 14px;
  }

  .product-card__name {
    font-size: 16px;
  }

  .product-card__price-wrap {
    font-size: 18px;
  }

  .product-card__price-old {
    top: auto;
    bottom: 0;
    font-size: 14px;
  }

  .product-card__bottom {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0.9em;
  }

  .product-card .number-slider {
    height: 30px;
  }

  .product-card .number-slider__input {
    width: 32px;
  }

  .product-card .number-slider__up,
  .product-card .number-slider__down {
    width: 31px;
    line-height: 31px;
  }

  .product-card .btn {
    --height: 30px;
    --fz: 12px;
    border-width: 1px;
  }

  .info-b {
    padding: 55px 0 72px;
  }

  .palette-gallery__view {
    margin: 0 auto;
    max-width: 700px;
  }

  .palette-gallery__thumbs-slide {
    width: 85px;
    height: 85px;
  }

  .palette-gallery__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 25px;
  }

  .palette-gallery__arrow {
    top: 202px;
  }

  .header__logo {
    max-width: 160px;
  }

  .header__sci .sci__link--tel:nth-last-of-type(1) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .header__callback {
    --height: 43px;
    --fz: 13px;
    min-width: 170px;
  }

  .header__search {
    margin-right: 0;
    max-width: 210px;
  }

  .header__category-nav {
    margin-right: 20px;
    width: 225px;
  }

  .header__nav,
  .header__menu {
    font-size: 14px;
  }

  .header__menu .menu__link {
    padding: 20px 7px;
  }

  .product-fl-pg h1 {
    margin-bottom: 64px;
    font-size: 28px;
  }

  .product-fl-b__desc {
    font-size: 18px;
  }

  .product-fl-b__tabs {
    margin-top: 60px;
  }

  .gallery-prod__nav {
    width: 100%;
  }

  .gallery-prod .fotorama__wrap {
    max-width: 800px !important;
  }

  .catalog-pg .producers-b {
    margin: 40px 0 50px;
  }

  .catalog-pg .subcategories-links-b {
    margin: 40px 0 40px;
  }

  .delivery-b {
    font-size: 16px;
  }

  .delivery-b img {
    margin: 0 auto;
  }

  .certificates-slider-b .slider-arr {
    width: 50px;
    height: 50px;
  }

  .contacts-b .list-icon li {
    margin-bottom: 2.2142857143em;
  }

  .basket-pg .products-slider-b {
    margin-top: 90px;
  }

  .order-registration h2,
  .order-registration h3 {
    margin: 80px 0 59px;
  }

  .order-registration .form-action {
    margin-top: 50px;
  }

  .portfolio-b__title {
    font-size: 20px;
  }

  .portfolio-b__images {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  .thanks-pg .content-wrap,
  .err-pg .content-wrap {
    font-size: 24px;
  }

  .thanks-pg .content-wrap .btn,
  .err-pg .content-wrap .btn {
    margin-top: 2.9166666667em;
  }

  .thanks-pg .content-wrap,
  .err-pg .content-wrap {
    font-size: 18px;
  }

  .thanks-pg .content-wrap h1,
  .err-pg .content-wrap h1 {
    font-size: 2.4em;
  }

  .err-pg .content-wrap {
    font-size: 30px;
  }
}


@media (min-width: 440px) and (max-width: 768px) {

    .header__top .firm-info {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
       
        max-width: 100px;
    }   
}
@media (min-width: 767px) and (max-width: 769px) {
       .header__middle {
        padding: 5px 0 14px;
       }
}

@media (min-width: 767px) and (max-width: 1025px) {
    .mobile-menu__category-nav {
        padding: 5px 0 0px;
    }
    .mobile-menu__category-nav .category-nav__menu {
    top: 70px;
    }
}

@media (max-width: 1025px) {
.sci__link:first-child {
    margin-left: 0;
    max-width: 60%;
}    
  .for-table {
    display: block;
  }

  .col-tab-1 {
    width: calc(100% / 12 * 1);
  }

  .col-tab-2 {
    width: calc(100% / 12 * 2);
  }

  .col-tab-3 {
    width: calc(100% / 12 * 3);
  }

  .col-tab-4 {
    width: calc(100% / 12 * 4);
  }

  .col-tab-5 {
    width: calc(100% / 12 * 5);
  }

  .col-tab-6 {
    width: calc(100% / 12 * 6);
  }

  .col-tab-7 {
    width: calc(100% / 12 * 7);
  }

  .col-tab-8 {
    width: calc(100% / 12 * 8);
  }

  .col-tab-9 {
    width: calc(100% / 12 * 9);
  }

  .col-tab-10 {
    width: calc(100% / 12 * 10);
  }

  .col-tab-11 {
    width: calc(100% / 12 * 11);
  }

  .col-tab-12 {
    width: calc(100% / 12 * 12);
  }

  .container {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 768px;
    margin-bottom: 60px;
  }

  .v-up {
    right: 13px;
    width: 60px;
    height: 60px;
  }

  .application-b .application-f {
    margin: 0 auto;
  }

  .advantages-b__list {
    --air-l: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px;
  }

  .advantages-b .advantages-card {
    min-width: 200px;
  }

  .sorting-b__links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
    row-gap: 12px;
  }

  .sorting-b__links > a,
  .sorting-b__links > span:not(.sorting-b__title) {
    margin-right: 0;
    margin-left: 0px;
    padding: 10px;
    color: #c4c4c4;
    text-align: center;
    border: 1px solid #c4c4c4;
  }

  .sorting-b__links > a.active,
  .sorting-b__links > a:hover,
  .sorting-b__links > span.active,
  .sorting-b__links > span:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
  }

  .sorting-b__title {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    margin: 0 0 13px;
    text-align: center;
    color: #a6a7a7 !important;
  }

  .products-b__list {
    --widthCol: 50%;
  }

.products-sort-b .pagination {
    display: none;
  }


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

  .products-sort-b {
    padding: 0;
    background-color: #fff;
  }

  .products-sort-b .toggle-sort {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .products-sort-b .drop-content {
    padding: 0 7px;
    overflow: hidden;
  }

  .products-sort-b__head .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .products-sort-b__head .toggle-filter {
    --colorText: var(--color-secondary);
    --colorTone: #f9f9f9;
    margin-top: 45px;
    width: 10000%;
    background-color: #f8f8f8;
    border-radius: 0;
    border: none;
  }

  .products-sort-b__head .toggle-filter.active,
  .products-sort-b__head .toggle-filter:hover {
    color: var(--color-secondary);
    background-color: #f9f9f9;
  }

  .products-sort-b .drop-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
  }

  .products-sort-b .sorting-b {
    margin-top: 34px;
    width: 100%;
  }

  .products-sort-b__inner {
    margin-top: 12px;
    padding: 56px 0 60px;
    background-color: var(--basick-gray);
    -webkit-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
  }

  .products-sort-b__inner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .products-sort-b-filters-show .products-b {
    margin-right: 0;
    width: auto;
  }

  .products-sort-b-filters-show .filters-b {
    -webkit-transition: padding-bottom 0.3s;
    -o-transition: padding-bottom 0.3s;
    transition: padding-bottom 0.3s;
  }

  .products-sort-b-filters-show.open .filters-b {
    padding-bottom: 70px;
  }

  .products-sort-b-filters-show.open .products-sort-b__inner {
    margin-top: 0;
    padding-top: 28px;
  }

  .products-sort-b .pagination {
    display: none;
  }


  .partners-b {
    --air-bottom: 20px;
  }

  .partners-b__list {
    --widthCol: 33.333%;
    --air-l: 20px;
  }

  .partners-b .js-incomplete-toggle {
    margin: 60px auto 0;
  }

  .notify-b {
    background-color: var(--basick-gray);
  }

  .palette-gallery__arrow {
    position: static;
    width: 35px;
    height: 35px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }

  .palette-gallery__arrow--prev {
    margin-right: 11px;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
  }

  .producers-b__list {
    --air-l: 25px;
    --air-b: 25px;
    --widthCol: 50%;
  }

  .producer-card {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    min-height: 66px;
  }

  .producer-card:hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary);
            box-shadow: 0 0 0 2px var(--color-primary);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }

  .producer-card__img {
    display: none;
  }

  .producer-card p {
    margin: 0;
  }

  .toggle-filter__arr {
    display: block;
  }

  header {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
    /*toggle mobile search*/
  }

  header .toggleMobileSearch,
  header .closeMobileSearch {
    display: block;
  }

  .header {
    /*header topo*/
    /*header middle*/
  }

  .header__top {
    padding: 9px 0;
    font-size: 12px;
  }

  .header__top p a img {
    height: 100%;
  }

  .header__top-row {
    margin-left: auto;
  }

  .header__top .firm-info:not(:first-child) {
    display: none;
  }

  .header__top .firm-info {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .header__top .firm-info svg {
    margin-right: 5px;
    margin-top: 5px;
  }

  .header__top .firm-info span {
    display: none;
  }

  .header__top .sci-link {
    margin-left: 11px;
  }

  .header__middle .basket-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .header__sci .sci__link--tel,
  .header__callback,
  .header__nav,
  .header__menu,
  .header__basket-link {
    display: none !important;
  }

  .header__hamburger {
    display: inline-block;
  }

  .header__sci {
    margin: 0 0 0 auto;
  }

  .header__sci .sci__link {
    margin-left: 6px;
  }

  .header__sci .sci__link svg {
    width: 26px;
    height: 26px;
  }
@media (max-width: 768px) {
        .header__bottom {
        margin-top:140px;
    }
}

  .header__bottom {
    position: absolute;
    left: 0;
    padding: 8px 0;
    width: 100%;
    background-color: var(--basick-white);
    opacity: 0;
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  }

  .header__bottom.js-mobileMenuWrap-open {
    opacity: 1;
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
  }

  .header__search {
    margin-left: 0;
    margin-right: 50px;
    max-width: none;
  }

  .header__search .search__input {
    height: 30px;
    color: var(--color-text);
    border: 1px solid #E5E5E5;
  }

  .header__search .search__input::-webkit-input-placeholder {
    color: #E5E5E5;
  }

  .header__search .search__input::-moz-placeholder {
    color: #E5E5E5;
  }

  .header__search .search__input:-ms-input-placeholder {
    color: #E5E5E5;
  }

  .header__search .search__input::-ms-input-placeholder {
    color: #E5E5E5;
  }

  .header__search .search__input::placeholder {
    color: #E5E5E5;
  }

  .header__search .search__btn-submit svg {
    margin: 0 auto;
    width: 15px;
    height: 15px;
    fill: #E5E5E5;
  }

  .footer__middle {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    row-gap: 30px;
  }

  .footer__sci {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .product-fl-b__desc .list-dots {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .product-fl-b__priceBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }

  .gallery-prod__arr--prev {
    left: 0;
  }

  .gallery-prod__arr--next {
    right: 0;
  }

  .gallery-prod .fotorama__wrap {
    max-width: 600px !important;
  }

  .catalog-pg .producers-b {
    margin: 40px 0 31px;
  }

  .catalog-pg .subcategories-links-b {
    margin: 30px 0 25px;
  }

  .payment-pg .payment-b {
    padding: 51px 0 0;
  }

  .payment-b__item {
    font-size: 16px;
  }

  .scrollable-gallery-b__images {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    grid-auto-flow: column;
    padding-bottom: 10px;
  }

  .contacts-b .sci {
    display: none;
  }

  .basket-table__row > div:last-child {
    -webkit-box-flex: 0.1;
        -ms-flex-positive: 0.1;
            flex-grow: 0.1;
  }

  .basket-table .btn-remove {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 767px) {
.header__middle {
  padding: 90px 0 14px;
  position: fixed;
  width: 100%;
  background: #ffffff;
}
    
  .b-row {
    --air-l: 10px;
    --air-r: 10px;
  }

  .col-mob-1 {
    width: calc(100% / 12 * 1);
  }

  .col-mob-2 {
    width: calc(100% / 12 * 2);
  }

  .col-mob-3 {
    width: calc(100% / 12 * 3);
  }

  .col-mob-4 {
    width: calc(100% / 12 * 4);
  }

  .col-mob-5 {
    width: calc(100% / 12 * 5);
  }

  .col-mob-6 {
    width: calc(100% / 12 * 6);
  }

  .col-mob-7 {
    width: calc(100% / 12 * 7);
  }

  .col-mob-8 {
    width: calc(100% / 12 * 8);
  }

  .col-mob-9 {
    width: calc(100% / 12 * 9);
  }

  .col-mob-10 {
    width: calc(100% / 12 * 10);
  }

  .col-mob-11 {
    width: calc(100% / 12 * 11);
  }

  .col-mob-12 {
    width: calc(100% / 12 * 12);
  }

  .content-wrap {
    padding: 2.5rem 0 5rem;
  }

  .bread-crumb + .content-wrap {
    padding-top: 35px;
  }

  .content-wrap h1 {
    margin-bottom: 25px;
  }

  .section {
    padding: 0px 0 20px;
  }

  .section__title {
    margin-bottom: 40px;
  }

  .container {
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
    
  }
   .container_compare {
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
   max-width: 800px;
    width: 100%;
    overflow: auto;
  }

  .title-1 {
    font-size: 22px;
  }

  .title-2 {
    font-size: 20px;
  }

  .b-input__ic {
    right: 1.3888888889em;
  }

  .b-tabs__links {
   display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #f9f9f9;
  padding: 15px 32px;
  border-bottom: 2px solid #C4C4C4;
  overflow-x: auto;
  max-width: 100%;
  }

  .b-tabs__link {
    margin: 10px 10px 20px;
    
  }

  .b-tabs__content {
    padding: 25px 0 20px;
  }

  .v-up {
    right: 20px;
    width: 60px;
    height: 60px;
    display:none;
  }

  .application-b__map {
    margin: 0 -10px 0;
  }

  .application-f textarea {
    min-height: 144px;
  }

  .bread-crumb {
    padding-top: 165px;
  }

  .bread-crumb__container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .bread-crumb__container_tov {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .hamburger {
    width: 37px;
    height: 37px;
  }

  .sorting-b__links {
    font-size: 14px;
  }

  .products-slider-b {
    padding: 40px 0 71px;
  }

  .products-slider-b__more {
    min-width: 300px;
  }

  .product-card__img {
    margin-bottom: 1.9em;
  }

  .product-card__name {
    font-size: 18px;
  }

  .main-slider-wrap .slider-pagination {
    display: none;
  }

  .notify-b {
    font-size: 16px;
    text-align: left;
  }

  .info-b {
    padding: 44px 0 60px;
  }

  .pallete-product__inner {
    margin-right: -10px;
  }

  .pallete-product__row {
    margin-bottom: 15px;
  }

  .palette-gallery__view {
    max-width: 500px;
  }

  .palette-gallery__thumbs-slide {
    width: 70px;
    height: 70px;
  }

  .slider-from-to__label {
    width: 50%;
  }

  .header__logo {
    width: 140px;
  }

  footer {
    padding-top: 33px;
    font-size: 12px;
  }

  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 20px;
  }

  .footer__menu {
    margin: 0 0 22px -10px;
  }

  .footer__middle {
    padding: 25px 0 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .footer__middle-col {
    max-width: none;
  }

  .footer__middle .ArtBro {
    margin-top: 11px;
  }

  .footer__sci {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .index-pg .products-slider-b {
    margin-top: 0px;
  }

  .index-pg .info-b {
    margin-top: 40px;
  }

  .product-fl-pg h1 {
    font-size: 22px;
  }

  .product-fl-pg .products-b {
    padding: 40px 0 104px;
  }

  .product-fl-b__desc {
    margin-top: 48px;
    padding: 15px 0 23px;
    font-size: 16px;
  }

  .product-fl-b__priceBox-col:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .product-fl-b__price {
    margin: 0 0 40px;
  }

  .product-fl-b__tabs {
    margin-top: 44px;
  }

  .gallery-prod__nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 100%;
  }

  .gallery-prod__arr {
    position: static;
    width: 35px;
    height: 35px;
  }

  .gallery-prod__arr--prev {
    margin-right: 12px;
  }

  .gallery-prod .fotorama__wrap {
    padding-bottom: 60px;
    max-width: 400px !important;
  }

  .gallery-prod .fotorama__nav-wrap {
    margin-top: 20px;
  }

  .delivery-pg .content-wrap {
    padding-bottom: 0;
  }

  .delivery-pg .delivery-b + .delivery-b {
    margin-top: 47px;
  }

  .delivery-b h2 {
    margin-bottom: 0.9375em;
  }

  .delivery-b__map {
    margin: 0 -10px 0 -10px;
    height: 370px;
  }

  .payment-pg h1 {
    margin-bottom: 15px;
  }

  .payment-pg__subtitle {
    font-size: 14px;
  }

  .scrollable-gallery-b__container {
    padding: 0;
  }

  .compani-info-b {
    font-size: 16px;
  }

  .compani-info-b .sci {
    display: none;
  }

  .compani-info-b__map {
    margin: 0 -10px 0;
    height: 420px;
  }

  .certificates-slider-b .swiper-container {
    padding: 0 20px;
    max-width: 340px;
  }

  .certificates-slider-b .slider-arr svg {
    width: 43.5px;
    height: 43.5px;
  }

  .contacts-pg .content-wrap {
    padding-bottom: 0;
  }

  .basket-pg .products-slider-b {
    margin-top: 61px;
  }

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

  .basket-f .total-purchase {
    display: none;
  }

  .basket-f__submit-btn {
    --height: 49px;
    --fz: 20px;
    margin-top: 30px;
    min-width: 260px;
  }

  .basket-table {
    padding: 32px 20px;
  }

  .basket-table__head {
    display: none;
  }

  .basket-table__body .basket-table__row {
    padding-bottom: 2.5em;
  }

  .basket-table__body .basket-table__quantity {
    margin: 55px 0 50px;
  }

  .basket-table__body .basket-table__name img {
    max-width: 180px;
  }

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

  .basket-table__name {
    padding-top: 10px !important;
    min-width: auto;
  }

  .basket-table__name::before {
    content: attr(data-mobile-title);
    display: block;
    margin-bottom: 28px;
    color: #A6A7A7;
  }

  .basket-table__price {
    display: none;
  }

  .basket-table__remove {
    position: absolute;
    top: 0;
    right: 0;
  }

  .basket-table__cost {
    font-weight: 700;
    font-size: 32px !important;
  }

  .order-registration h2,
  .order-registration h3 {
    margin: 48px 0 55px;
  }

  .portfolio-b__title {
    font-size: 16px;
  }

  .portfolio-b__images {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 9px;
       -moz-column-gap: 9px;
            column-gap: 9px;
    row-gap: 13px;
  }

  .stocks-pg h1 {
    margin-bottom: 15px;
  }

  .stocks-pg h1 + p {
    font-size: 14px;
  }

  .stocks-pg .products-b {
    padding: 52px 0 97px;
  }

  .err-pg .content-wrap {
    font-size: 20px;
  }

  .err-pg .content-wrap h1 {
    font-size: 5em;
  }
}

@media (max-width: 600px) {
  .products-b {
    padding: 64px 0 85px;
  }

  .products-b__list {
    --air-b: 52px;
    --widthCol: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .products-b .product-card {
    max-width: 320px;
  }

  .products-sort-b-filters-show .products-b__list {
    --widthCol: 100%;
  }
}

@media (max-width: 580px) {
  .partners-b {
    --air-bottom: 13px;
  }

  .partners-b__list {
    --air-l: 12px;
    --air-b: 13px;
    --widthCol: 50%;
  }

  .partners-b .js-incomplete-toggle {
    margin: 42px auto 0;
  }
}

@media (max-width: 520px) {
  .order-registration__inputs .b-input {
    --fz: 16px;
  }

  .order-registration .form-action {
    margin-top: 30px;
  }

  .order-registration__toggles {
    margin-bottom: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .order-registration__toggles label:not(:last-child) {
    margin-bottom: 29px;
  }
}

@media (max-width: 495px) {
  .col-tel-1 {
    width: calc(100% / 12 * 1);
  }

  .col-tel-2 {
    width: calc(100% / 12 * 2);
  }

  .col-tel-3 {
    width: calc(100% / 12 * 3);
  }

  .col-tel-4 {
    width: calc(100% / 12 * 4);
  }

  .col-tel-5 {
    width: calc(100% / 12 * 5);
  }

  .col-tel-6 {
    width: calc(100% / 12 * 6);
  }

  .col-tel-7 {
    width: calc(100% / 12 * 7);
  }

  .col-tel-8 {
    width: calc(100% / 12 * 8);
  }

  .col-tel-9 {
    width: calc(100% / 12 * 9);
  }

  .col-tel-10 {
    width: calc(100% / 12 * 10);
  }

  .col-tel-11 {
    width: calc(100% / 12 * 11);
  }

  .col-tel-12 {
    width: calc(100% / 12 * 12);
  }

  .application-b__map {
    height: 480px;
  }

  .advantages-b__list {
    --air-b: 35px;
    --widthCol: 50%;
  }

  .advantages-b .advantages-card {
    min-width: auto;
  }

  .advantages-card__ic {
   /* width: 60px; */
  }

  .advantages-card p {
    margin-top: 1.6666666667em;
    font-size: 14px;
  }

  .subcategories-links-b {
    font-size: 12px;
  }

  .main-slider-wrap {
    height: 400px;
max-with:80%;
margin-top: 160px;
  }

  .delivery-b {
    font-size: 14px;
  }

  .certificates-slider-b .swiper-container {
    padding: 0;
    max-width: 200px;
  }

  .contacts-b {
    font-size: 14px;
  }

  .form-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 75px;
  }

  .form-action .btn:not(:last-child) {
    margin-bottom: 29px;
  }

  .portfolio-b__title {
    font-size: 14px;
  }

  .thanks-pg .content-wrap,
  .err-pg .content-wrap {
    font-size: 16px;
  }

  .thanks-pg .content-wrap h1,
  .err-pg .content-wrap h1 {
    font-size: 32px;
  }

  .thanks-pg .content-wrap .btn,
  .err-pg .content-wrap .btn {
    font-size: 14px;
  }
}

@media (max-width: 450px) {
  .iq-bass .short-desc-section {
    width: 100%;
  }

  .iq-bass .short-desc-img {
    background-position: center !important;
  }

  .iq-bass .short-desc-numb {
    text-align: center;
  }
}

@media (max-width: 380px) {
  .producers-b__list {
    --air-l: 5px;
    --air-b: 7px;
  }

  .producers-b .producer-card {
    max-width: 290px;
    min-height: 52px;
    font-size: 12px;
  }
}

@media (max-width: 350px) {
  .header__sci .sci__link svg {
    width: 20px;
    height: 20px;
  }
}

.product__main {
  display: flex;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0.4rem 2.4rem rgba(0,0,0,.10);
}

.product-gallery {
  width: 100%;
}

.product-info {
  width: 400px;
  flex-shrink: 0;
  padding-left: 30px;
}

.product-article {
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #232F3F;
}

.product-info .available {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #0AA049;
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.product-info__box {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-text);
}

.product-info__box-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-right: 10px;
  flex-shrink: 0;
}

.product-info__box--wrap{
  flex-wrap: wrap;
}

.product-info__box--wrap .product-info__box-title{
  margin-right: 0;
  margin-bottom: 15px;
}

.product-info__box-title img{
  margin-right: 10px;
  display: block;
}

.product-info__box .delivery-type{
  width: 100%;
  padding-left: 36px;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}

.product-info__box .delivery-type span{
  color: var(--color-primary);
  font-weight: 600;
}

.product-fl-b__priceBox-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-content {
  display: flex;
  padding-bottom: 40px;
}

.product-content .product-tabs{
  background: #fff;
  box-shadow: 0 0.4rem 2.4rem rgba(0,0,0,.10);
  width: 100%;
}

.product-manufacturer {
  width: 380px;
  flex-shrink: 0;
  background: #fff;
  box-shadow: 0 0.4rem 2.4rem rgba(0,0,0,.10);
  padding: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  margin-left: 30px;
}

.product-manufacturer .product-manufacturer-image{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.product-tabs .b-tabs__links {
  background: #fff;
  border-bottom: 2px solid #C4C4C4;
}

.reviews-form {
  display: flex;
  flex-wrap: wrap;
}

.reviews-form .form-box{
  width: 50%;
}

.reviews-form .form-box:first-child{
  padding-right: 20px;
}

.reviews-form-textarea {
  width: 100%;
  padding: 13px;
  resize: none;
  height: 175px;
  background: #F9F9F9;
}

.reviews-form-input {
  padding: 0 13px;
  height: 45px;
  margin-bottom: 20px;
  background: #F9F9F9;
  width: 100%;
  display: block;
}

.reviews-form button{
  width: 170px;
  height: 40px;
  border: 2px solid #E96006;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E96006;
  font-weight: 700;
  font-size: 14px;
  margin-top: 30px;
}

.no-revirews {
  margin-bottom: 30px;
}

.no-revirews__title{
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}

.no-revirews__text{
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 1024px) {
  .product__main, .product-content {
    flex-wrap: wrap;

  }

  .product-content .product-tabs {
    margin: 0 0 30px 0;
  }

  .product-info, .product-manufacturer {
    width: 100%;
  }

  .product-info {
    padding: 0;
    margin-top: 40px;
  }

  .product-info__box {
    flex-wrap: wrap;
  }

  .product-info__box-title {
    margin-bottom: 10px;
  }

  .reviews-form .form-box{
    width: 100%;
    padding: 0 !important;
    margin-bottom: 20px;
  }

  .reviews-form button{
    margin-top: 0;
  }

  .product-manufacturer {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .b-tabs__pane {
    padding: 0 10px;
  }
}

/* news */
.ro-related-posts { padding-top:15px; }
.ro-related-posts .ro-relate-posts-item {
  padding-top:40px;
  margin:auto;
  max-width:370px;
  height:100%;
  background-color:#f5f5f5;
  margin-bottom:30px;
  margin-right:20px;
}
.ro-related-posts .ro-relate-posts-item .ro-image, .ro-image1 {
  margin:0 30px 30px;
  overflow:hidden;
  position:relative;
}
.ro-related-posts .ro-relate-posts-item .ro-image:after, .ro-image1:after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:5;
  background-color:rgba(255,255,255,0.6);
  opacity:0;
  transition:all .3s;
}
.ro-related-posts .ro-relate-posts-item .ro-image img, .ro-image1 img {
  width:100%;
  display:block;
  transform:scale(1);
  transition:all .3s;
}
.ro-image1 img{ opacity:1; }
.ro-image1:hover img { opacity:0.5; }
.ro-related-posts .ro-relate-posts-item .ro-image:hover:after { opacity:1; }
.ro-related-posts .ro-relate-posts-item .ro-image:hover img, .ro-image1:hover img { transform:scale(1.1); }
.ro-related-posts .ro-relate-posts-item .ro-content {
  padding-bottom:50px;
  padding:0 30px 30px;
}
.ro-related-posts .ro-relate-posts-item .ro-content a.ro-title:hover { color:#FF6600; }
.ro-related-posts .ro-relate-posts-item .ro-content a.ro-title h4 {
  font-size:21px;
  margin-bottom:5px;
}
.ro-related-posts .ro-relate-posts-item .ro-content p.ro-info {
  font-size:14px;
  font-style:italic;
  font-weight:400;
  margin-bottom:16px;
}
.ro-related-posts .ro-relate-posts-item .ro-content p { line-height:1.6; }
.ro-space-img {
  display:block;
  margin-right:auto;
  margin-left:auto;
  position:relative;
  width:100%;
  height:100%;
  max-width:270px;
  margin-bottom:30px;
}
.ro-space-img img { width:100%; }
.ro-space-img .ro-overlay {
  transition:all .3s;
  padding:20px;
  opacity:0;
}
.ro-space-img:hover .ro-overlay { opacity:1; }
.ro-space-overlay { text-transform:uppercase; }
.ro-space-overlay h5 {
  margin:0;
  letter-spacing:3px;
}


.row {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.box {
width: 33%;
margin-right:20px;
}

@media screen and (max-width: 576px) {
  .row {
      flex-wrap: wrap;
      align-items: center;
     }
   .box {
      width: 50%;
     }
}

.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
}

/* card category home */
.card-container-home {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;  
  margin: 5% 0 0 0;
  width: 100%;  
}

.product-card-home:hover {
    webkit-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.54);
    box-shadow: 5px 5px 26px 0px rgba(0, 0, 0, 0.54);
}

.product-card-home {
  width: calc(20% - 20px); 
  margin: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px 13px 5px;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
@media (min-width: 767px) and (max-width: 1025px) {
  .product-card-home {
    width: calc(33.33% - 20px); 
    margin: 10px 0; 
    padding: 10px; 
  }

  .card-container-home {
    justify-content: space-between;
    padding-left: 1em;
    padding-right: 1em;
  }
}

@media (min-width: 570px) and (max-width: 767px) {
  .product-card-home {
    width: calc(50% - 20px); 
    margin: 10px; 
  }
}

@media (max-width: 569px) {
  .card-container-home {
    flex-direction: column; 
    align-items: center; 
  }

  .product-card-home {
    width: 60%; 
    margin: 10px auto;
  }
}
/* Стили для изображений внутри карточек */
.product-card__imghome {
  position: relative;
  display: inline-block;
  margin: 0 auto 2.35em;
  width: 100%;
  max-width: 250px;
}

/* Слайдер на главной */
@media (min-width: 1026px) and (max-width: 1376px) {
.main-slider__slide-img img {
left: 0;
}
.main-slider-wrap {
  margin-top: 14px;
  max-width: 100%;
  margin-left: 283px;
  height:440px;
}
}
@media (min-width: 768px) and (max-width: 1026px) {
.main-slider__slide-img img {
left: 0;
}
.main-slider-wrap {
  margin-top: 15px;
}
}
@media (min-width: 699px) and (max-width: 767px) {
.main-slider__slide-img img {
left: 0;
}
.main-slider-wrap {
  margin-top: 160px;
}
}
@media (max-width: 699px) {
  .main-slider__slide-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
       /* object-fit: cover; */
  -o-object-position: left center;
     object-position: left center;
}
}

@media (min-width: 580px) and (max-width: 699px) {
.main-slider-wrap {
  height: 600px;
  margin-top: 160px;
    }
}

@media (min-width: 450px) and (max-width: 580px) {
.main-slider__slide-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  /* object-fit: cover; */
  -o-object-position: left center;
  object-position: left center;
}
.main-slider-wrap {
  height: 485px;
  margin-top: 160px;
}
}

@media (max-width: 400px) {
.header__middle {
    margin-top: 0px;
                }
}
@media (max-width: 330px) {
.header__middle {
    padding: 0px 0 14px;
    position: fixed;
    width: 100%;
    background: #ffffff;
    margin-top: 90px;
                }
}


/* табы на главной*/
.product-tabs1 .b-tabs__links1 {
  background: #fff;
  margin: 0 0 30px 0;
  font-size: 26px;
}

.b-tabs__links1 {
    display: flex;
    padding: 15px 32px;
    max-width: 100%;
    overflow-x: auto;
    font-size: 26px;
}

.product-fl-b__tabs1 {
    margin-top: 30px;
    max-width: 1373px;
    margin: 0 auto;
    padding: 0px 0 30px;
    overflow: hidden;
}
@media (max-width: 1023px) {
.product-fl-b__tabs1 {
    margin: 0 auto; 
    max-width: 1373px; 
    padding: 0 0 30px; 
    overflow: hidden; 
}

.b-tabs__links1 {
    display: flex;
    justify-content: center; 
    align-items: center; 
    background: #fff;
    font-size: 26px;
    padding: 15px 32px; 
    margin: 0 auto 30px;
    max-width: 100%; 
    box-sizing: border-box; 
    overflow-x: hidden; 
}

.b-tabs__links1 a {
    text-decoration: none; 
    color: inherit; 
    white-space: nowrap;
    margin: 0 20px; 
    text-align: center; 
    line-height: 1.2;
    display: inline-block; 
}

.swiper-button-prev, .swiper-button-next {
    display: none;
}
.products-slider-b .slider-pagination {
  margin-bottom: 60px;
}
}

/* MPK home
.products-b__list1 {
  --air-l: 31px;
  --air-b: 72px;
  --widthCol: 24%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  margin: 10px 0px 0px 0px;
}
.products-b1 {
    padding: 67px 0px 0px 0px;
    width: 100%;

@media (max-width: 800px) {
.products-b__list1 {
    --air-l: 31px;
    --air-b: 72px;
    --widthCol: 95%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 10px 0px 0px 0px;
    }
}*/

/* Video home*/
.video-container {
    max-width: 1376px;
    margin: 0 auto; 
    padding: 20px;
    background-color: #fff;
    width: 100%; 
    padding-bottom: 100px;
}

.video-container h2 {
    text-align: center;
    margin-bottom: 20px;
}

.video-grid {
    display: grid;
    gap: 20px;
    width: 100%; 
}


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

.video-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%; 
}


@media (min-width: 1024px) {
    .video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1023px) {
    .video-grid {
        grid-template-columns: 1fr; 
    }
}

/* Нет времени разбираться*/

.form-container {
    max-width: 80%; 
    margin: 10px auto;
    padding: 80px;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: left; 
    width: min(100%,1320px)!important;
    margin-top: 50px;
}

.form-container h2 {
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 36px;
    line-height: 1.2;
    color: #232F3E;
}

.form-container p {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.62;
    color: #232F3E;
    margin-bottom: 20px;
}

.form-group {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 100%;
}

#order-call-form {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 80%;
}

.phone-input {
     flex: 1;
    padding: 10px 15px 10px 45px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-weight: bold;
    height: 50px;
    font-size: 16px;
    background-image: url('http://dev.pool-store.by/assets/images/telpl.svg');
        background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 20px;
}

.phone-input::placeholder {
    font-weight: bold; 
}

.btn {
    height: 50px;
    padding: 0 20px;
    background-color: #ff6f00;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn:hover {
    background-color: #e65c00;
}


.mobile-only {
    display: none; 
    margin-top: 20px;
    text-align: center;
}

.mobile-only hr {
    display: none; 
}

.mobile-only p {
    font-size: 14px;
    margin: 10px 0;
      position: relative;
    text-align: center;
    width: 100%;
}

.mobile-only p:first-of-type {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 16px;
    font-weight: 500;
}

.mobile-only p:first-of-type::before,
.mobile-only p:first-of-type::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc;
}

.mobile-only p:first-of-type::before {
    margin-right: 15px;
}

.mobile-only p:first-of-type::after {
    margin-left: 15px;
}

.mobile-only .phone-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.mobile-only .phone-icon {
    width: 20px;
    margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1025px) {
    .form-container {
        width:70%;
    }
    
}    
@media (max-width: 768px) {
    .form-container {
    width:80%;
    margin: 10px auto;
    padding: 30px;
   margin-bottom: 100px;
    }
.form-container h2 {
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 22px;
    line-height: 1.2;
    color: #232F3E;
} 
.form-container p {
    font-size: 14px;
}
    .form-group {
        display: flex;
        flex-direction: column; 
        align-items: flex-start;
        gap: 10px; 
        width: 100%;
        height: 60px;
}

.phone-input {
    flex: 1; 
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: bold; 
    height: 60px; 
    width: 100%; 
    margin-left: 0; 
}

.btn {
    flex-shrink: 0; 
    padding: 10px 20px;
    background-color: #ff6f00;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    height: 60px; 
    width: 100%; 
    margin-left: 0; 
    margin-top: 10px;
}

    .btn-image {
        display: none; 
    }

    .mobile-only {
        display: block; 
    }
#order-call-form {
    display: inline;
    align-items: center;
    gap: 20px;
    max-width: 600px;
}
}





/* карусель партнеров*/
.owl-carousel {
    position: relative;
    width: 100%;
}

.owl-carousel img {
    display: block;
    max-width: 100%; 
    height: auto; 
    object-fit: contain; 
    margin: 0 auto; 
    min-height: 50px; 
}


@media (max-width: 768px) {
    .owl-carousel img {
        max-height: 40px; 
    }
}

@media (max-width: 480px) {
    .owl-carousel img {
        max-height: 30px; 
    }
}