@charset "UTF-8";
@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos';
  src: url("../fonts/Golos/Golos-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos';
  src: url("../fonts/Golos/Golos-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Golos';
  src: url("../fonts/Golos/Golos-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/Open-Sans/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body, a {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #222945;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  overflow-x: hidden;
  background:#F7F7F8;
}

.container {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1520px) {
  .container {
    padding: 0 32px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0 16px;
  }
}

.active-modal {
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .active-modal {
    padding: 0;
  }
}

.btn-reset {
  border: 0;
  background-color: transparent;
}

.btn-pink,
.btn-white,
.btn-arrow,
.btn-blue {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 23px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1.5px solid transparent;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #3F2409;
}

@media screen and (max-width: 1024px) {
  .btn-pink,
  .btn-white,
  .btn-arrow,
  .btn-blue {
    padding: 8px 23px;
  }
}

@media screen and (max-width: 767px) {
  .btn-pink,
  .btn-white,
  .btn-arrow,
  .btn-blue {
    padding: 9px 16px;
    font-size: 12px;
    line-height: 16px;
  }
}

.btn-blue {
  background: #F5E64F;
}

.btn-blue:hover {
  background: #F0D41F;
}

.btn-blue:focus {
  background: #474F7C;
}

.btn-pink {
  background: #F5E64F;
}

.btn-pink:hover {
  background: #F0D41F;
}

.btn-pink:focus {
  border: 1.5px solid #FFD7D9;
}

.btn-pink:disabled {
  background: #FFD7D9;
}

.btn-white {
  background: #F5E64F;
  border: 1.5px solid #F5E64F;
  color: #25252C;
}

.btn-white:hover {
  background: #F0D41F;

}

.btn-white:focus {
    background: #F0D41F;
}

.btn-white:disabled {
  color: #25252C;
}

.btn-arrow {
  padding: 12px 22px 12px 31px;
}

.btn-arrow span {
  position: relative;
  display: inline-block;
  padding: 0 32px 0 0;
}

.btn-arrow span::before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/svg/arrow-brown.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-pink:disabled {
  background: #FFD7D9;
}

@media screen and (max-width: 1024px) {
  .btn-arrow {
    padding: 8px 15px 8px 22px;
  }
}

@media screen and (max-width: 767px) {
  .btn-arrow {
    padding: 8px 7px 8px 15px;
  }
  .btn-arrow span {
    padding: 0 28px 0 0;
  }
  .btn-arrow span::before {
    background-size: 20px;
  }
}

.link-pink {
  color: #F5E64F;
}

.link-pink:hover {
  color: #FE939A;
}

.link-pink:focus {
  color: #ED4E59;
}

.link-arrow {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #F5E64F;
}

.link-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -32px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/svg/arrow-brown.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.link-arrow:hover {
  color: #FE939A;
}

.link-arrow:hover::after {
  background-image: url("../images/svg/arrow-light-pink.svg");
}

.link-arrow:focus {
  color: #ED4E59;
}

.link-arrow:focus::after {
  background-image: url("../images/svg/arrow-dark-pink.svg");
}

@media screen and (max-width: 767px) {
  .link-arrow {
    font-size: 12px;
  }
  .link-arrow::after {
    right: -21px;
    width: 17px;
    height: 17px;
  }
}

h1, .h1 {
  font-family: 'Golos', sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
}

h2, .h2 {
  font-family: 'Golos', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}

h3, .h3 {
  font-family: 'Golos', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 35px;
}

h4, .h4 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
}

@media screen and (max-width: 1024px) {
  h1, .h1 {
    font-size: 24px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 20px;
    line-height: 25px;
  }
}

@media screen and (max-width: 1024px) {
  h2, .h2 {
    font-size: 24px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 18px;
    line-height: 21px;
  }
}

@media screen and (max-width: 1024px) {
  h3, .h3 {
    font-size: 28px;
    line-height: 33px;
  }
}

@media screen and (max-width: 767px) {
  h3, .h3 {
    font-size: 18px;
    line-height: 21px;
  }
}

@media screen and (max-width: 1024px) {
  h4, .h4 {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 767px) {
  h4, .h4 {
    font-size: 14px;
    line-height: 17px;
  }
}

.title-section {
  font-size: 40px;
  line-height: 60px;
}

@media screen and (max-width: 1024px) {
  .title-section {
    font-size: 24px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  .title-section {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .text-content,
  .text-content p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .text-content,
  .text-content p {
    font-size: 14px;
  }
}

.swiper {
  position: relative;
  overflow: hidden;
}

.swiper-slide.swiper-slide-active .custom-radio-btn-wrap[data-tooltip]::after {
  content: attr(data-tooltip);
  left: 40px;
}

@media screen and (max-width: 767px) {
  .swiper {
    padding: 0 0 0 40px;
    width: calc(100% + 40px);
    margin: 0 0 0 -40px;
  }
}

.swiper-slide {
  height: auto;
}

.slider-container {
  position: relative;
}

.swiper-button-prev {
  left: -20px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.swiper-button-prev::before {
  content: '';
  left: 0;
}

.swiper-button-next {
  right: -20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.swiper-button-next::before {
  content: '';
  right: -19px;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}

.swiper-button-prev.swiper-button-disabled svg, .swiper-button-next.swiper-button-disabled svg {
  stroke: #B5BED6;
}

.swiper-button-prev,
.swiper-button-next {
  top: 50%;
  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: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 0;
  background-image: url();
  background-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 0;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.swiper-button-prev:hover svg,
.swiper-button-next:hover svg {
  stroke: #F5E64F;
}

.swiper-button-prev:focus svg,
.swiper-button-next:focus svg {
  stroke: #ED4E59;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 24px;
  height: 24px;
  stroke: #222945;
  stroke-width: 2px;
}

.title-slider-wrap {
  margin: 0 0 33px 0;
}

@media screen and (max-width: 767px) {
  .title-slider-wrap {
    margin: 0 0 16px 0;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}

.custom-radio-btn-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 12px 0 0;
}

.custom-radio-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.custom-radio-btn + label {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.custom-radio-btn + label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1.5px solid transparent;
}

.custom-radio-btn:checked ~ label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border: 3.5px solid #fff;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .custom-radio-btn,
  .custom-radio-btn + label {
    width: 20px;
    height: 20px;
  }
  .custom-radio-btn + label::before {
    width: 16px;
    height: 16px;
  }
  .custom-radio-btn-wrap {
    margin: 0 12px 0 0;
  }
}

.custom-radio-btn.dark-blue-color ~ label {
  background: #0A007D;
  border: 1.5px solid #0A007D;
}

.custom-radio-btn.light-blue-color ~ label {
  background: #3E3781;
  border: 1.5px solid #3E3781;
}

.custom-radio-btn.black-color ~ label {
  background: #414B46;
  border: 1.5px solid #414B46;
}

.custom-radio-btn.dark-color ~ label {
  background: #101010;
  border: 1.5px solid #101010;
}

.custom-radio-btn.gray-color ~ label {
  background: #939A95;
  border: 1.5px solid #939A95;
}

.custom-radio-btn.red-color ~ label {
  background: #C83000;
  border: 1.5px solid #C83000;
}

.custom-radio-btn.green-color ~ label {
  background: #009243;
  border: 1.5px solid #009243;
}

.custom-radio-btn-big .custom-radio-btn + label {
  width: 32px;
  height: 32px;
}

.custom-radio-btn-big .custom-radio-btn + label::before {
  width: 28px;
  height: 28px;
}

.custom-radio-btn-big .custom-radio-btn:checked ~ label::before {
  border: 5px solid #fff;
}

@media screen and (max-width: 1024px) {
  .custom-radio-btn-big .custom-radio-btn-wrap {
    margin: 0 10px 0 0;
  }
  .custom-radio-btn-big .custom-radio-btn + label {
    width: 26px;
    height: 26px;
  }
  .custom-radio-btn-big .custom-radio-btn + label::before {
    width: 23px;
    height: 23px;
  }
  .custom-radio-btn-big .custom-radio-btn:checked ~ label::before {
    border: 4px solid #fff;
  }
}

@media screen and (max-width: 767px) {
  .custom-radio-btn-big .custom-radio-btn-wrap {
    margin: 0 12px 0 0;
  }
  .custom-radio-btn-big .custom-radio-btn + label {
    width: 24px;
    height: 24px;
  }
  .custom-radio-btn-big .custom-radio-btn + label::before {
    width: 22px;
    height: 22px;
  }
}

.custom-radio-btn-small .custom-radio-btn-wrap {
  margin: 0 24px 0 0;
}

.custom-radio-btn-small .custom-radio-btn + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: auto;
}

.custom-radio-btn-small .custom-radio-btn + label::before {
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  border: 1px solid #B5BED6;
  border-radius: 50%;
}

.custom-radio-btn-small .custom-radio-btn:checked ~ label::before {
  border: 1.5px solid #F5E64F;
  position: static;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.custom-radio-btn-small .custom-radio-btn:checked ~ label::after {
  content: '';
  position: absolute;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F5E64F;
}

@media screen and (max-width: 1024px) {
  .custom-radio-btn-small .custom-radio-btn + label {
    font-size: 16px;
  }
}

.custom-checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.custom-checkbox ~ label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 17px;
}

.custom-checkbox ~ label::before {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 0 16px 0 0;
  border-radius: 4px;
  border: 1px solid #5A6185;
  background-repeat: no-repeat;
  background-position: center left 3px;
  background-color: transparent;
}

.custom-checkbox ~ label:hover::before {
  border: 1px solid #F5E64F;
}

.custom-checkbox:disabled ~ label::before {
  border: 1px solid #FFD7D9;
}

.custom-checkbox:disabled ~ label:hover::before {
  border: 1px solid #FFD7D9;
}

.custom-checkbox:checked ~ label::before {
  background-color: #F5E64F;
  border: 1px solid #F5E64F;
  background-image: url("../images/svg/check-white.svg");
}

.custom-checkbox:checked ~ label:hover::before {
  background-color: #ED4E59;
  border: 1px solid #ED4E59;
}

.custom-checkbox:checked:disabled ~ label::before {
  background-color: #FFD7D9;
  border: 1px solid #FFD7D9;
}

.custom-checkbox ~ label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-checkbox ~ label:focus::after {
  content: '';
  position: absolute;
  top: -7px;
  left: -8px;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 2px solid #B5BED6;
  border-radius: 8px;
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 15px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px 20px 18px 20px;
  opacity: 0;
  pointer-events: none;
  border-radius: 12px;
  background-color: #fff;
  z-index: 10;
  -webkit-transform: translateY(20px) translateX(-50%);
  -ms-transform: translateY(20px) translateX(-50%);
  transform: translateY(20px) translateX(-50%);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.05)) drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.05)) drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.12));
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

[data-tooltip]::before {
  content: '';
  position: absolute;
  top: -15px;
  opacity: 0;
  display: block;
  width: 24px;
  height: 9px;
  background-size: contain;
  background-image: url("../images/svg/arrow-tooltip.svg");
  background-repeat: no-repeat;
  z-index: 11;
}

[data-tooltip]:hover::after {
  opacity: 1;
  -webkit-transform: translateY(0) translateX(-50%);
  -ms-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}

[data-tooltip]:hover::before {
  opacity: 1;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}

.bread-crumbs__list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bread-crumbs__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.bread-crumbs__item a {
  display: inline-block;
  font-size: 14px;
  color: #B5BED6;
}

.bread-crumbs__item:last-child a {
  cursor: auto;
}

.bread-crumbs__item:not(:last-child) a:hover {
  color: #F5E64F;
}

.bread-crumbs__item:not(:last-child) a:focus {
  color: #5A6185;
}

.bread-crumbs__item + .bread-crumbs__item:before {
  content: '/';
  margin: 0 8px;
  color: #B5BED6;
}

@media screen and (max-width: 1024px) {
  .bread-crumbs__item a {
    font-size: 12px;
  }
}

.field-form {
  width: 100%;
  height: 28px;
  padding: 0 0 8px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 0;
  border-bottom: 1px solid #B5BED6;
  font-size: 16px;
  line-height: 19px;
}

.field-form::-webkit-input-placeholder {
  color: #5A6185;
}

.field-form::-moz-placeholder {
  color: #5A6185;
}

.field-form:-ms-input-placeholder {
  color: #5A6185;
}

.field-form::-ms-input-placeholder {
  color: #5A6185;
}

.field-form::placeholder {
  color: #5A6185;
}

.field-form:focus {
  border-bottom: 1px solid #5A6185;
}

.field-validation.active-field-error .field-form {
  border-bottom: 1px solid #F43F5E;
}

.field-validation.active-field-error[data-error]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-error] {
  position: relative;
}

[data-error]::after {
  content: attr(data-error);
  position: absolute;
  display: none;
  margin: 8px 0 0 0;
  font-size: 13px;
  line-height: 15px;
  color: #F43F5E;
}

@media screen and (max-width: 1024px) {
  .field-form {
    padding: 0 0 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .field-form {
    font-size: 14px;
    line-height: 17px;
  }
}

body.active-order-being-processed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body.active-order-being-processed main.content {
  position: relative;
}

body.active-order-being-processed main.content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
}

body.active-order-being-processed main.content .making-order__order-process-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

body.active-order-being-processed main.content .making-order__order-wrap {
  display: none;
}

body.active-order-being-processed footer {
  margin-top: auto;
}

body.active-successfully-processed .making-order__title-page,
body.active-successfully-processed .making-order__order-wrap {
  display: none;
}

body.active-successfully-processed .back-to-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body.active-successfully-processed .making-order__order-succes-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header.active-result-search .header__dropdown-results {
  display: grid;
}

.header.active-result-search .product-card__slider-wrap .swiper-wrapper,
.header.active-result-search .product-card-preview__offer {
  z-index: 0;
}

body.active-product-added-to-cart .header__product-added-to-cart {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

body.active-product-added-to-cart .slider-container {
  z-index: 0;
}

body.active-fixed-header header {
  position: fixed;
  top: -196px;
  -webkit-transform: translateY(196px);
  -ms-transform: translateY(196px);
  transform: translateY(196px);
  left: 0;
  right: 0;
  width: 100%;
  background: #FFF;
  z-index: 100;
  -webkit-box-shadow: 0px 100px 80px rgba(98, 97, 121, 0.07), 0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447), 0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459);
  box-shadow: 0px 100px 80px rgba(98, 97, 121, 0.07), 0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447), 0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459);
}

body.active-fixed-header main.content {
  margin: 196px 0 0 0;
}

@media screen and (max-width: 1024px) {
  body.active-fixed-header header {
    top: -282px;
  }
}

@media screen and (max-width: 767px) {
  body.active-fixed-header header {
    top: -266px;
  }
  body.active-fixed-header main.content {
    margin: 148px 0 0 0;
  }
}

body.active-bg-bottom-head .header__bot-head {
  background: #fff;
}

body.active-menu-mobile .header__menu-mobile-wrap {
  position: absolute;
  top: -18px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -16px;
  padding: 60px 16px 23px 16px;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  background: #fff;
  -webkit-box-shadow: 0px 100px 80px rgba(98, 97, 121, 0.07), 0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447), 0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459);
  box-shadow: 0px 100px 80px rgba(98, 97, 121, 0.07), 0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447), 0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459);
  z-index: 10;
}

body.active-menu-mobile .header__menu-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

body.active-menu-mobile .header__item-list + .header__item-list {
  margin: 16px 0 0 0;
}

body.active-menu-mobile .header__item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

body.active-menu-mobile .header__contact-info,
body.active-menu-mobile .header__item-list a {
  color: #25252C;
}

body.active-menu-mobile .header__nav-menu {
  display: block;
  width: 100%;
  margin: 25px 0 0 0;
}

body.active-menu-mobile .header__nav-menu a {
  font-family: Inter, sans-serif;
  font-weight: 500;
}

body.active-menu-mobile .header__logo svg {
  width: 143px;
  height: 28px;
}

body.active-menu-mobile .header__logo {
  margin: 0;
}

body.active-menu-mobile .header__contacts {
  display: block;
}

body.active-menu-mobile .header__contact-info {
  display: none;
}

body.active-menu-mobile .header__logo,
body.active-menu-mobile .header__contacts {
  width: 50%;
}

body.active-menu-mobile .header__contact-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
  margin: 0 0 0 auto;
  border-radius: 50%;
  background-image: url("../images/svg/phone-white.svg");
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: center;
  background-color: #F5E64F;
  font-size: 0;
  line-height: 0px;
}

body.active-menu-mobile .header__item-list::after,
body.active-menu-mobile .header__burg-menu {
  display: none;
}

body.active-menu-mobile .header__close-menu-mobile {
  position: absolute;
  top: 16px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
}

body.active-menu-mobile .header__close-menu-mobile svg {
  width: 100%;
  height: 100%;
}

body.active-menu-mobile .header__feedback {
  display: block;
  margin: 48px 0;
  width: 100%;
}

body.active-menu-mobile .header__popular-products.mobile-popular-products {
  display: block;
  padding: 0;
  width: 100%;
}

body.active-menu-mobile .product-card__slider-wrap .swiper-wrapper,
body.active-menu-mobile .product-card-preview__offer {
  z-index: 0;
}

body::-webkit-scrollbar {
  display: none;
}

body {
  scrollbar-width: none;
}

.header {
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  z-index: 99;
}

.header__top-head {
  padding: 28px 0;
  background: #fff;
}

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

.header__logo {
  display: block;
  margin: 0 68px 0 0;
}

.header__logo svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 143px;
  height: 28px;
}

.header__logo span {
  display: block;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 8px;
  line-height: 9px;
  color: #A3B4E0;
}

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

.header__contact-info {
  margin: 0 10px 0 0;
}

.header__contact-info, .header__contact-phone,
.header__item-list a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #25252C;
}

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

.header__item-list + .header__item-list {
  margin: 0 0 0 56px;
}

.header__item-list:nth-child(2) {
  display: none;
}

.header__item-list {
  position: relative;
}

.header__item-list::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -34px;
  width: 100%;
  height: 2px;
  background: transparent;
  display:none;
}

.header__item-list a:hover {
  color: #F0D41F;
}

.header__item-list.active-page::after {
  background: #C3CDEB;
}

.header__nav-menu {
  margin: 0 0 0 auto;
}

.header__bot-head {
  padding: 28px 0;
  background:#F7F7F8;
}

.header__bot-head .header__wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.header__catalog-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 24px 8px 16px;
}

.header__catalog-btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 22px;
  height: 22px;
}

.header__catalog-btn .icon-catalog-open svg {
  width: 22px;
  height: 22px;
}

.header__catalog-btn span {
  margin: 0 0 0 8px;
}

.header__catalog-btn--d-none {
  position: absolute;
  width: 129px;
  height: 41px;
  bottom: 0;
  z-index: -1;
}

.header__catalog-btn--d-none svg {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 14px;
  height: 14px;
}

.header__catalog-btn--d-none.active-close-header-catalog {
  z-index: 1;
}

.header__search-wrap {
  position: relative;
  grid-column: 4/11;
  grid-row: 1;
  max-width: 812px;
  width: 100%;
}

.header__search-wrap input[type='search'] {
  width: 100%;
  padding: 10px 0;
  border: 0;
  border-bottom: 1.5px solid #8E8FA2;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: transparent;
}

.header__search-wrap input[type='search']:focus {
  border-bottom: 1.5px solid #F5E64F;
}

.header__search-wrap input[type='search']::-webkit-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #B5BED6;
}

.header__search-wrap input[type='search']::-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #B5BED6;
}

.header__search-wrap input[type='search']:-ms-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #B5BED6;
}

.header__search-wrap input[type='search']::-ms-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #B5BED6;
}

.header__search-wrap input[type='search'],
.header__search-wrap input[type='search']::placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #B5BED6;
}

.header__reset-form-btn, .header__search-form-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__reset-form-btn svg, .header__search-form-btn svg {
  fill: #B5BED6;
  stroke: #B5BED6;
  stroke-width: 0px;
}

.header__reset-form-btn:hover svg, .header__search-form-btn:hover svg {
  fill: #C3CDEB;
  stroke: #C3CDEB;
}

.header__reset-form-btn:focus svg, .header__search-form-btn:focus svg {
  fill: #F5E64F;
  stroke: #F5E64F;
}

.header__reset-form-btn {
  display: none;
  right: 38px;
}

.header__reset-form-btn svg {
  width: 22px;
  height: 22px;
  stroke-width: 2px;
}

.header__reset-form-btn.active-reset-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__search-form-btn {
  right: 3px;
}

.header__search-form-btn svg {
  width: 22px;
  height: 22px;
}

.header__cart-btn {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
}

.header__cart-btn:hover {
  color: #5A6185;
}

.header__cart-btn svg {
  width: 22px;
  height: 22px;
  margin: 0 0 4px 0;
  stroke: #25252C;
  stroke-width: 1.5px;
}

.header__cart {
  position: relative;
  grid-column: 11/13;
  margin: 0 0 0 auto;
}

.header__quantity-products {
  position: absolute;
  top: -8px;
  right: 8px;
  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: 20px;
  height: 20px;
  background: #F5E64F;
  border-radius: 100px;
  font-weight: 500;
  font-size: 9px;
  line-height: 12px;
  color: #fff;
}

.header__title-popular-products {
  margin: 0 0 24px 0;
}

.header__title-popular-products p {
  font-family: 'Golos', sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.header__results-content, .header__categories-results {
  width: 75%;
}

.header__results-content {
  display: none;
}

.header__dropdown-results.active-results-show .header__results-content {
  display: block;
}

.header__dropdown-results.active-results-show .header__categories-results,
.header__dropdown-results.active-results-show .header__title-categories {
  display: none;
}

.header__dropdown-results.active-results-show .header__preloader-results {
  display: block;
}

.header .container {
  position: relative;
}

.header__dropdown-results {
  display: none;
  grid-template-columns: repeat(12, 1fr);
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 64px 0 32px 0;
  background: #fff;
}

.header__dropdown-results::before, .header__catalog-header-wrap::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #fff;
  top: 0;
  left: 50%;
  width: 100vw;
  padding: 0;
  overflow-y: visible;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0px 100px 80px rgba(98, 97, 121, 0.07), 0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447), 0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459);
  box-shadow: 0px 100px 80px rgba(98, 97, 121, 0.07), 0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447), 0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459);
}

.header__bot-head .header__wrap {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.header__title-categories {
  position: relative;
  grid-column: 1/4;
  padding: 0 48px 0 0;
  text-align: right;
}

.header__title-categories p {
  font-family: 'Golos', sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.header__catalog-dropdown {
  grid-column: 1/4;
}

.header__popular-products {
  position: relative;
  grid-column: 9/13;
  grid-row: 1;
  width: 450px;
  margin: 0 25px 0 auto;
}

.header__item-result + .header__item-result {
  margin: 16px 0 0 0;
}

.header__item-result a {
  font-weight: 500;
}

.header__item-result a:hover {
  color: #F5E64F;
}

.header__item-result a mark {
  color: #F5E64F;
  background: transparent;
}

.header__buy-product {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 9px 11px;
}

.header__buy-product svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
  stroke-width: 1.5px;
}

.header__preview-product + .header__preview-product {
  margin: 16px 0 0 0;
}

.header__preview-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1.5px solid #C3CDEB;
}

.header__img-product {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 153px;
  flex-basis: 153px;
  height: 136px;
}

.header__img-product img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

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

.header__description-product {
  padding: 16px;
}

.header__title-product {
  margin: 0 0 16px 0;
}

.header__title-product p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.header__price p {
  display: inline-block;
  margin: 0 6px 0 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}

.header__price span {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #5A6185;
}

.header__preloader-results {
  display: none;
  position: absolute;
  top: -65px;
  left: 0;
  right: 0;
  width: 34px;
  height: 34px;
  margin: 18px auto 0 auto;
}

.header__preloader-results img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header__item-category a {
  font-weight: 500;
}

.header__item-category a:hover {
  color: #F5E64F;
}

.header__item-category + .header__item-category {
  margin: 16px 0 0 0;
}

.header__catalog-header-wrap {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 520px;
  left: 0;
  right: 0;
  padding: 48px 0 32px 0;
  background: #fff;
}

.header__catalog-header-wrap.active-catalog-header {
  display: block;
}

.header__categories-list, .header__title-catalog {
  position: relative;
}

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

.header__item-catalog-header a {
  width: calc(100% - 20px);
  font-weight: 500;
}

.header__icon-arrow {
  margin: 0 0 0 auto;
}

.header__catalog-header {
  display: grid;
  grid-template-columns: 275px repeat(11, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 24px 0;
}

.header__item-catalog-header + .header__item-catalog-header {
  margin: 13px 0 0 0;
}

.header__icon-arrow svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  stroke: #222945;
  stroke-width: 1.5px;
}

.header__item-subcategory:hover a {
  color: #F5E64F;
}

.header__item-subcategory + .header__item-subcategory {
  margin: 16px 0 0 0;
}

.header__products-list {
  position: absolute;
  top: 0;
  right: -675px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 15px 0 73px;
  width: calc(100% + 400px);
  height: calc(100% + 1px);
}

.header__subcategories-wrap {
  display: none;
}

.header__title-catalog {
  grid-column: 1/9;
  grid-row: 1;
}

.header__title-catalog p {
  font-family: 'Golos', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.header__categories-list {
  grid-column: 1;
  grid-row: 2;
}

.header__popular-products.catalog-popular-products {
  grid-row: 2;
  width: 450px;
}

.header__popular-products.catalog-popular-products .header__title-popular-products {
  margin-top: -52px;
}

.header__close-catalog-header, .header__item-btn, .header__close-menu-mobile, .header__burg-menu, .header__feedback, .header__popular-products.mobile-popular-products, .header__backward-menu {
  display: none;
}

.header__item-subcategory {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.header__item-catalog-header:hover .header__products-link {
  color: #F5E64F;
}

.header__item-catalog-header:hover .header__icon-arrow svg {
  stroke: #F5E64F;
}

.header__product-added-to-cart {
  position: absolute;
  top: 47px;
  right: 0;
  min-width: 580px;
  margin: 52px 0 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
  transform: translate(0, -15px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 24px;
  background: #090647;
  z-index: 100;
}

.header__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin: 0 4px 0 0;
}

.header__cart-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.header__cart-content-wrap p, .header__cart-content-wrap a {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}

.header__cart-content-wrap p {
  color: #fff;
}

.header__cart-content-wrap a {
  color: #F5E64F;
}

.header__go-to-cart {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 0 0 auto;
}

.header__products-list .header__item-subcategory:first-child {
  display: none;
}

.header__products-list .header__item-subcategory:nth-child(2) {
  margin-top: 0;
}

@media screen and (min-width: 1025px) {
  .header__item-catalog-header:hover .header__subcategories-wrap {
    display: block;
  }
  .header__preview-products-cart {
    position: absolute;
    right: 0;
    top: 75px;
    width: 380px;
    padding: 24px 20px 28px 20px;
    background: #FFFFFF;
    -webkit-filter: drop-shadow(0px 16px 80px rgba(98, 97, 121, 0.25)) drop-shadow(0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447)) drop-shadow(0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459));
    filter: drop-shadow(0px 16px 80px rgba(98, 97, 121, 0.25)) drop-shadow(0px 23.7624px 17.869px rgba(98, 97, 121, 0.0447447)) drop-shadow(0px 3.30608px 5.32008px rgba(98, 97, 121, 0.0332459));
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
    z-index: -1;
  }
  .header__preview-products-cart .header__preview-products {
    display: block;
  }
  .header__preview-products-cart .header__preview-product {
    border: 0;
  }
  .header__preview-products-cart .header__description-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 8px;
  }
  .header__preview-products-cart .header__title-product,
  .header__preview-products-cart .header__content-product {
    margin: 0;
  }
  .header__preview-products-cart .header__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0 0 0;
  }
  .header__preview-products-cart .header__price p {
    font-size: 12px;
    line-height: 14px;
  }
  .header__preview-products-cart .header__price span {
    font-size: 10px;
    line-height: 15px;
  }
  .header__preview-products-cart .header__preview-product + .header__preview-product {
    margin-top: 16px;
  }
  .header__preview-products-cart .header__title-product p {
    display: block;
    overflow: visible;
    font-size: 12px;
    line-height: 18px;
  }
  .header__preview-products-cart .header__img-product {
    -ms-flex-preferred-size: 71px;
    flex-basis: 71px;
    height: 63px;
  }
  .header__total-price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px -20px 0 -20px;
    padding: 16px 20px 0 20px;
    border-top: 1.5px solid #C3CDEB;
  }
  .header__total-price {
    font-family: 'Golos', sans-serif;
  }
  .header__total-price p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 2px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
  }
  .header__total-price span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
  }
  .header__preview-products-cart.active-preview-cart {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .header__cart-btn.active-hover-cart::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -35px;
    width: 648px;
    height: 37px;
    background: transparent;
    z-index: 1;
  }
  .header__to-cart {
    padding: 10px 16px;
    font-size: 12px;
    line-height: 16px;
  }
}

@media screen and (max-width: 1520px) {
  .header__product-added-to-cart {
    right: 32px;
  }
  .header__dropdown-results {
    padding: 64px 32px 32px 32px;
  }
  .header__title-categories {
    padding: 0;
    text-align: left;
  }
  .header__results-content {
    width: 65%;
  }
  .header__popular-products {
    padding: 0;
    width: auto;
    margin: 0;
  }
  .header__catalog-header {
    padding: 0 32px;
  }
  .header__results-content, .header__categories-results {
    width: 65%;
  }
  .header__preview-products-cart {
    right: 32px;
  }
}

@media screen and (max-width: 1500px) {
  .header__products-list {
    right: -572px;
    width: calc(100% + 300px);
  }
}

@media screen and (max-width: 1400px) {
  .header__products-list {
    right: -585px;
    width: calc( 100% + 315px);
  }
}

@media screen and (max-width: 1380px) {
  .header__products-list {
    right: -492px;
    width: calc( 100% + 220px);
  }
}

@media screen and (max-width: 1300px) {
  .header__popular-products {
    grid-row: 3;
    grid-column: 1/13;
    padding: 48px 0 0 0;
  }
  .header__title-categories {
    grid-column: 2/11;
    grid-row: 1;
    margin: 0 0 22px 0;
  }
  .header__item-list + .header__item-list {
    margin: 0 0 0 10px;
  }
  .header__results-content {
    width: 100%;
  }
  .header__preview-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .header__preview-product + .header__preview-product {
    margin: 0;
  }
  .header__description-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 16px;
    width: 100%;
  }
  .header__content-product {
    margin: auto 0 0 0;
  }
  .header__title-product {
    margin: 0 0 8px 0;
  }
  .header__search-wrap {
    grid-column: 4/13;
  }
  .header__search-wrap {
    grid-column: 2/12;
    grid-row: 1;
  }
  .header__dropdown-results .header__search-wrap {
    grid-row: 2;
  }
  .header__catalog-dropdown {
    grid-column: 1/2;
    margin-right: 78px;
  }
  .header__cart {
    grid-column: 12/13;
    margin-left: 78px;
  }
  .header__dropdown-results {
    grid-template-columns: 207px repeat(11, 1fr);
    padding: 47px 32px 56px 32px;
  }
  .header__title-product p {
    font-size: 14px;
    line-height: 21px;
  }
  .header__price p {
    font-size: 18px;
    line-height: 21px;
  }
  .header__preloader-results {
    top: -48px;
  }
  .header__results-content, .header__categories-results {
    width: 80%;
  }
  .header__products-list {
    left: 275px;
    right: auto;
    width: calc( 100vw - 330px);
    overflow-y: scroll;
  }
  .header__catalog-header {
    grid-template-rows: repeat(3, auto);
  }
  .header__popular-products.catalog-popular-products {
    grid-row: 3;
    width: auto;
    padding-top: 24px;
  }
  .header__popular-products.catalog-popular-products .header__title-popular-products {
    margin-top: 0;
  }
}

@media screen and (max-width: 1140px) {
  .header__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .header__item-list::after {
    bottom: -36px;
  }
}

@media screen and (max-width: 1024px) {
  .header__preview-products-cart {
    display: none;
  }
  .header__product-added-to-cart {
    min-width: 509px;
    margin: 43px 0 0 0;
    padding: 16px;
  }
  .header__cart-content-wrap p, .header__cart-content-wrap a {
    font-size: 12px;
    line-height: 18px;
  }
  .header__top-head {
    padding: 24px 0;
  }
  .header__contacts {
    display: none;
  }
  .header__item-list + .header__item-list {
    margin: 0 0 0 42px;
  }
  .header__item-list::after {
    bottom: -30px;
  }
  .header__bot-head {
    padding: 24px 0 40px 0;
  }
  .header__catalog-header {
    grid-template-columns: 390px repeat(11, 1fr);
    overflow-y: scroll;
  }
  .header__products-list {
    left: 390px;
    width: calc( 100vw - 453px);
    padding: 0 15px 0 82px;
  }
  .header__close-catalog-header {
    position: fixed;
    right: 32px;
    margin: 2px 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
  }
  .header__close-catalog-header svg {
    width: 24px;
    height: 24px;
  }
  .header__title-catalog {
    grid-column: 1/12;
  }
  .header__products-list {
    background: #fff;
  }
  .header__popular-products.catalog-popular-products, .header__popular-products {
    display: none;
  }
  .header__products-list .header__item-subcategory:first-child {
    display: block;
  }
  .header__products-list .header__item-subcategory:nth-child(2) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 992px) {
  .header__item-list + .header__item-list {
    margin: 0 0 0 15px;
  }
}

@media screen and (max-width: 860px) {
  .header__catalog-header {
    grid-template-columns: repeat(12, 1fr);
  }
  .header__categories-list {
    grid-column: 1/6;
  }
  .header__products-list {
    left: 330px;
    width: calc( 100vw - 394px);
    padding: 0 0 0 50px;
  }
}

@media screen and (max-width: 767px) {
  .header__catalog-btn {
    display: none;
  }
  .header__search-wrap {
    grid-column: 1/13;
  }
  .header__bot-head {
    padding: 16px 0 24px 0;
  }
  .header__search-form input[type='search'] {
    padding: 10px 0 8px 0;
  }
  .header__search-form input[type='search']::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 21px;
  }
  .header__search-form input[type='search']::-moz-placeholder {
    font-size: 16px;
    line-height: 21px;
  }
  .header__search-form input[type='search']:-ms-input-placeholder {
    font-size: 16px;
    line-height: 21px;
  }
  .header__search-form input[type='search']::-ms-input-placeholder {
    font-size: 16px;
    line-height: 21px;
  }
  .header__search-form input[type='search'],
  .header__search-form input[type='search']::placeholder {
    font-size: 16px;
    line-height: 21px;
  }
  .header__top-head {
    padding: 18px 0;
  }
  .header__logo svg {
    width: 120px;
    height: 23px;
  }
  .header__cart {
    position: absolute;
    top: -58px;
    right: 80px;
  }
  .header__cart-btn svg {
    width: 20px;
    height: 20px;
    margin: 0;
    stroke: #3F2409;
  }
  .header__cart-btn span {
    display: none;
  }
  .header__quantity-products {
    top: -2px;
    right: -5px;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
  }
  .header__burg-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 auto;
    width: 24px;
    height: 24px;
  }
  .header__burg-menu svg {
    width: 100%;
    height: 100%;
  }
  .header__item-result a {
    font-size: 14px;
  }
  .header__preview-products {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .header__title-popular-products {
    margin: 0 0 16px 0;
  }
  .header__title-popular-products p {
    font-size: 18px;
    line-height: 21px;
  }
  .header__popular-products {
    padding: 40px 0 0 0;
  }
  .header__dropdown-results {
    grid-template-columns: repeat(12, 1fr);
    padding: 32px 16px 51px 16px;
  }
  .header__img-product {
    -ms-flex-preferred-size: 105px;
    flex-basis: 105px;
    height: 93px;
  }
  .header__description-product {
    padding: 10px 16px;
  }
  .header__title-product p {
    font-size: 12px;
    line-height: 18px;
  }
  .header__price p {
    font-size: 14px;
    line-height: 16px;
  }
  .header__price span {
    font-size: 10px;
    line-height: 15px;
  }
  .header__buy-product {
    padding: 4px 5px;
  }
  .header__buy-product svg {
    width: 16px;
    height: 16px;
  }
  .header__preloader-results {
    top: -32px;
    margin: 24px auto 0 auto;
  }
  .header__title-categories {
    grid-column: 1/13;
  }
  .header__title-categories p {
    font-size: 18px;
    line-height: 21px;
  }
  .header__item-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__item-category a {
    font-size: 14px;
  }
  .header__categories-results {
    width: 100%;
  }
  .header__item-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 14px;
    height: 14px;
  }
  .header__item-btn svg {
    width: 100%;
    height: 100%;
    stroke: #222945;
    stroke-width: 1.5px;
  }
  .header__nav-menu {
    display: none;
  }
  .header__item-list:nth-child(2) {
    display: block;
  }
  .header__feedback .ask-question {
    padding: 0;
  }
  .header__catalog-header-wrap {
    top: -52px;
    padding: 44px 0 80px;
    z-index: 11;
  }
  .header__catalog-header-wrap::before {
    display: none;
  }
  .header__backward-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #F5E64F;
    z-index: 1;
  }
  .header__backward-menu svg {
    width: 14px;
    height: 14px;
    margin: 0 4px 0 0;
  }
  .header__title-catalog {
    display: none;
  }
  .header__categories-list {
    grid-column: 1/13;
  }
  .header__catalog-header {
    gap: 16px 0;
    padding: 0 16px;
  }
  .header__close-catalog-header {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
  }
  .header__item-catalog-header a {
    font-size: 16px;
  }
  .header__products-list {
    position: static;
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 15px 16px 0 16px;
  }
  .header__products-list.active-subcategories {
    display: block;
  }
  .header__subcategories-wrap {
    position: absolute;
    top: -85px;
    left: 0;
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 44px 16px 80px 16px;
    background: #fff;
    z-index: 2;
  }
  .header__subcategories-wrap.active-subcategories {
    display: block;
  }
  .header__popular-products.catalog-popular-products {
    display: none;
  }
  .header__product-added-to-cart {
    top: 16px;
    left: 0;
    right: 0;
    min-width: auto;
    width: calc( 100% - 32px);
    margin: 0 auto;
  }
  .header__cart-content-wrap p, .header__cart-content-wrap a {
    line-height: 17px;
  }
  .header__cart-content-wrap p {
    margin: 0 10px 0 0;
  }
  .header__icon {
    width: 14px;
    height: 14px;
  }
  .header__catalog-header {
    overflow-y: initial;
  }
}

.header.active-dark .header__cart-btn {
  color: #B5BED6;
}

.header.active-dark .header__cart-btn:hover {
  color: #fff;
}

.banner__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 672px;
  background-image: url("/files/promo/bg-test.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner__content-wrap {
  padding: 211px 96px 20px 96px;
}

.banner__text-content-banner {
  max-width: 573px;
}

.banner__text-content-banner, .banner__title-banner, .banner__subtitle-banner {
  color: #fff;
}

.banner__subtitle-banner {
  margin: 0 0 16px 0;
  font-weight: 500;
}

.banner__title-banner {
  max-width: 1043px;
  font-weight: 500;
  font-size: 50px;
  line-height: 59px;
}

.banner__other-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto 0 0 0;
  padding: 33px 95px 33px 93px;
}

/*
.banner__other-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: #B5BED6;
}
*/

.banner__detail-catalog {
  border: 0;
}

.banner__detail-catalog:focus {
  border: 0;
  background: #fff;
}

@media screen and (max-width: 1024px) {
  .banner__content-wrap {
    padding: 174px 32px 20px 32px;
  }
  .banner__subtitle-banner {
    margin: 0 0 12px 0;
  }
  .banner__title-banner {
    max-width: 850px;
    font-size: 40px;
    line-height: 46px;
  }
  .banner__wrap {
    min-height: 581px;
  }
  .banner__other-info {
    padding: 32px;
  }
  .banner__text-content-banner {
    width: calc( 100% - 220px);
  }
  .banner__text-content-banner p {
    line-height: 21px;
  }
}

@media screen and (max-width: 767px) {
  .banner__content-wrap {
    padding: 95px 16px 20px 16px;
  }
  .banner__detail-catalog {
    display: none;
  }
  .banner__text-content-banner {
    max-width: none;
    width: auto;
  }
  .banner__other-info {
    padding: 24px 16px;
  }
  .banner__text-content-banner p {
    line-height: 20px;
  }
  .banner__wrap {
    width: calc( 100% + 32px);
    min-height: 496px;
    margin: 0 -16px;
  }
  .banner__title-banner {
    font-size: 32px;
    line-height: 38px;
  }
}

.info {
  padding: 99px 0 140px 0;
}

.info__title-content {
  margin: 0 0 16px 0;
}

.info__text-content {
  margin: 0 0 32px 0;
}

.info__title-content, .info__text-content {
  max-width: 540px;
}

.info__grid-wrap {
  display: grid;
}

.info__products-info-wrap {
  grid-template-columns: 1fr 671px;
  gap: 98px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 95px;
}

.info__img-content img {
  width: 100%;
  height: 378px;
  -o-object-fit: cover;
  object-fit: cover;
}

.info__products-info-wrap + .info__products-info-wrap {
  margin: 98px 0 0 0;
}

.info__products-info-wrap:nth-child(even) {
  grid-template-columns: 671px 1fr;
}

.info__products-info-wrap:nth-child(even) .info__img-content {
  grid-column: 1;
  grid-row: 1;
}

.info__products-info-wrap:nth-child(even) .info__content {
  grid-column: 2;
}

@media screen and (max-width: 1520px) {
  .info__products-info-wrap {
    grid-template-columns: 1fr 550px;
    gap: 150px;
  }
  .info__products-info-wrap:nth-child(even) {
    grid-template-columns: 550px 1fr;
  }
}

@media screen and (max-width: 1300px) {
  .info__products-info-wrap {
    gap: 50px;
    grid-template-columns: 1fr 490px;
  }
  .info__products-info-wrap:nth-child(even) {
    grid-template-columns: 490px 1fr;
  }
  .info__img-content img {
    height: 310px;
  }
}

@media screen and (max-width: 1140px) {
  .info__products-info-wrap {
    gap: 19px;
    grid-template-columns: 1fr 470px;
    padding: 0 50px;
  }
  .info__products-info-wrap:nth-child(even) {
    grid-template-columns: 470px 1fr;
  }
  .info__img-content img {
    height: 262px;
  }
}

@media screen and (max-width: 1024px) {
  .info {
    padding: 86px 0;
  }
  .info__products-info-wrap, .info__products-info-wrap:nth-child(even) {
    grid-template-columns: repeat(2, 1fr);
  }
  .info__products-info-wrap {
    padding: 0;
  }
  .info__title-content, .info__text-content {
    max-width: 390px;
  }
  .info__text-content p {
    line-height: 22px;
  }
  .info__title-content {
    margin: 0 0 8px 0;
  }
  .info__products-info-wrap:nth-child(even) .info__content {
    padding: 0 0 0 43px;
  }
  .info__products-info-wrap + .info__products-info-wrap {
    margin: 86px 0 0 0;
  }
}

@media screen and (max-width: 960px) {
  .info__img-content img {
    height: 210px;
  }
}

@media screen and (max-width: 767px) {
  .info {
    padding: 64px 0;
  }
  .info__products-info-wrap, .info__products-info-wrap:nth-child(even) {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .info__title-content {
    margin: 0 0 10px 0;
  }
  .info__text-content {
    margin: 0 0 24px 0;
  }
  .info__text-content p {
    line-height: 20px;
  }
  .info__products-info-wrap + .info__products-info-wrap {
    margin: 64px 0 0 0;
  }
  .info__products-info-wrap:nth-child(even) .info__content {
    grid-column: auto;
    padding: 0;
  }
  .info__products-info-wrap:nth-child(even) .info__img-content {
    grid-column: auto;
    grid-row: auto;
  }
  .info__img-content img {
    height: 100%;
  }
}

@media screen and (max-width: 375px) {
  .info__img-content img {
    height: 205px;
  }
}

.locations-sales {
  padding: 0 0 140px;
}

.locations-sales__wrap {
  padding: 0 95px;
}

.locations-sales__content-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 84px;
  margin: 0 0 37px 0;
}

.locations-sales__img-content {
  max-width: 1100px;
  margin: 0 auto 52px auto;
}

.locations-sales__img-content img {
  width: 100%;
  max-height: 635px;
  -o-object-fit: contain;
  object-fit: contain;
}

.locations-sales__text-content-loc-sales {
  max-width: 599px;
  margin: 0 0 0 auto;
}

.locations-sales__text-content-statistics p {
  font-weight: 500;
}

.locations-sales__title-statistics {
  font-weight: 500;
}

.locations-sales__grid-wrap {
  display: grid;
}

.locations-sales__statistics-wrap {
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 49px;
  max-width: 959px;
  margin: 0 auto;
}

@media screen and (max-width: 1140px) {
  .locations-sales__wrap {
    padding: 0 50px;
  }
}

@media screen and (max-width: 1024px) {
  .locations-sales {
    padding: 0 0 86px 0;
  }
  .locations-sales__wrap {
    padding: 0;
  }
  .locations-sales__img-content {
    max-width: 815px;
    margin: 0 auto 58px auto;
  }
  .locations-sales__content-wrap {
    margin: 0 0 32px 0;
  }
  .locations-sales__statistics-wrap {
    max-width: 862px;
    margin: 0;
  }
  .locations-sales__title-statistics {
    margin: 0 0 4px 0;
    line-height: 48px;
  }
}

@media screen and (max-width: 767px) {
  .locations-sales {
    padding: 0 0 36px 0;
  }
  .locations-sales__content-wrap {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .locations-sales__text-content-loc-sales {
    margin: 0;
  }
  .locations-sales__text-content-loc-sales p {
    line-height: 20px;
  }
  .locations-sales__text-content-statistics p {
    font-size: 14px;
  }
  .locations-sales__title-statistics {
    margin: 0 0 2px 0;
    font-size: 32px;
    line-height: 40px;
  }
}

@media screen and (max-width: 520px) {
  .locations-sales__img-content img {
    min-height: 210px;
  }
  .locations-sales__statistics-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -12px;
  }
  .locations-sales__statistics-info {
    width: calc( 50% - 24px);
    margin: 0 12px 24px 12px;
  }
}

.categories-preview {
  padding: 0 0 140px 0;
}

.categories-preview__wrap {
  padding: 0 95px;
}

.categories-preview__title-cat-preview {
  margin: 0 0 32px 0;
}

.categories-preview__grid-wrap {
  display: grid;
}

.categories-preview__all-categories-preview-wrap {
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.categories-preview__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 48px 0 40px 0;
  border: 2px solid #D8D9DF;
  background: #fff;
  transition:0.2s;
}

.categories-preview__category:hover {
  background: #EEEDF1;
}

.categories-preview__category img {
  width: 40px;
  height: 40px;
  margin: 0 0 16px 0;
}

.categories-preview__category p {
  font-weight: 500;
}

.categories-preview__content-wrap {
  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;
}

@media screen and (max-width: 1140px) {
  .categories-preview__wrap {
    padding: 0 50px;
  }
}

@media screen and (max-width: 1024px) {
  .categories-preview {
    padding: 0 0 86px 0;
  }
  .categories-preview__wrap {
    padding: 0;
  }
  .categories-preview__all-categories-preview-wrap {
    gap: 24px;
  }
  .categories-preview__title-cat-preview {
    margin: 0 0 24px 0;
  }
}

@media screen and (max-width: 767px) {
  .categories-preview {
    padding: 0 0 64px 0;
  }
  .categories-preview__all-categories-preview-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
  }
  .categories-preview__category {
    padding: 37px 0 32px 0;
  }
  .categories-preview__category img {
    width: 33px;
    height: 33px;
    margin: 0 0 8px 0;
  }
}

.projects {
  padding: 0 0 140px 0;
}

.projects__title-project {
  margin: 0 0 50px 0;
  font-weight: 500;
}

.projects__wrap {
  padding: 0 95px;
}

.projects__slider-wrap .swiper-slide {
  width: 510px;
}

.projects__img-project {
  height: 100%;
}

.projects__img-project img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.projects__project {
  position: relative;
  display: block;
  height: 671px;
}

.projects__content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  padding: 90px 48px 29px 48px;
  z-index: 1;
}

.projects__text-content-project {
  border-top: 1.5px solid #C3CDEB;
  padding: 24px 0 0;
  color: #5A6185;
}

.projects__detail-info {
  margin: auto 0 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.projects__detail-info:hover, .projects__detail-info:focus {
  border: 0;
  background: transparent;
}

@media screen and (min-width: 1025px) {
  .projects__detail-info:hover span {
    color: #C3CDEB;
  }
  .projects__detail-info:hover span::before {
    background-image: url("../images/svg/arrow-light-gray.svg");
  }
  .projects__project:hover::before {
    background: -o-linear-gradient(287.25deg, rgba(3, 0, 43, 0.8) 33.79%, rgba(3, 0, 43, 0) 123.85%);
    background: linear-gradient(162.75deg, rgba(3, 0, 43, 0.8) 33.79%, rgba(3, 0, 43, 0) 123.85%);
  }
  .projects__project:hover .projects__title-project,
  .projects__project:hover .projects__text-content-project {
    color: #fff;
  }
  .projects__project::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #EEEDF1;
  }
}

@media screen and (max-width: 1140px) {
  .projects__wrap {
    padding: 0 50px;
  }
}

@media screen and (max-width: 1024px) {
  .projects {
    padding: 0 0 86px 0;
    overflow-x: hidden;
  }
  .projects__wrap {
    padding: 0;
  }
  .projects__slider-wrap .swiper-slide {
    width: 419px;
  }
  .projects__detail-info span {
    color: #fff;
  }
  .projects__project {
    height: 566px;
  }
  .projects__project::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(287.25deg, rgba(3, 0, 43, 0.8) 33.79%, rgba(3, 0, 43, 0) 123.85%);
    background: linear-gradient(162.75deg, rgba(3, 0, 43, 0.8) 33.79%, rgba(3, 0, 43, 0) 123.85%);
  }
  .projects__project span::before {
    background-image: url("../images/svg/arrow-light-gray.svg");
  }
  .projects__content-wrap {
    padding: 40px 32px;
  }
  .projects__title-project {
    margin: 0 0 74px 0;
    color: #fff;
  }
  .projects__text-content-project {
    padding: 16px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .projects {
    padding: 0 0 64px 0;
  }
  .projects__slider-wrap .swiper-slide {
    width: 296px;
  }
  .projects__project {
    height: 372px;
  }
  .projects__content-wrap {
    padding: 32px 24px;
  }
  .projects__title-project {
    margin: 0 0 32px 0;
  }
  .projects__text-content-project {
    font-size: 12px;
    line-height: 18px;
  }
  .projects .container {
    padding-right: 0;
  }
}

.products-slider {
  padding: 0 0 106px 0;
}

.products-slider__wrap {
  position: relative;
  padding: 0 95px;
}

.products-slider__nav-slider {
  position: absolute;
  top: calc( 50% + 30px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1310px;
  z-index: 3;
}

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

.products-slider .custom-container {
  position: relative;
}

@media screen and (max-width: 1140px) {
  .products-slider__wrap {
    padding: 0 50px;
  }
}

@media screen and (max-width: 1024px) {
  .products-slider {
    padding: 0 0 86px 0;
    overflow-x: hidden;
  }
  .products-slider .swiper-slide {
    width: 304px;
  }
  .products-slider__wrap {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .products-slider {
    padding: 0 0 64px 0;
  }
  .products-slider .swiper-slide {
    width: 173px;
  }
  .products-slider .container {
    padding-right: 0;
  }
}

.products-slider ~ .products-slider {
  margin-top: 98px;
}

@media screen and (max-width: 1024px) {
  .products-slider ~ .products-slider {
    margin-top: 86px;
  }
}

@media screen and (max-width: 767px) {
  .products-slider ~ .products-slider {
    margin-top: 64px;
  }
}

.product-card-preview__img-product-card {
  position: relative;
  height: 0;
  padding-top: 81%;
  width: 100%;
}

.product-card-preview__img-product-card img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-card-preview__article-number {
  margin: 0 0 4px 0;
  font-size: 12px;
  line-height: 18px;
  color: #5A6185;
}

.product-card-preview__text-content-product-card {
  display: -webkit-box;
  margin: 0 0 12px 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 21px;
}

.product-card-preview__other-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 12px 0 0 0;
}

.product-card-preview__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}

.product-card-preview__price p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card-preview__price p::after {
  content: '₽';
  margin: 0 0 0 5px;
}

.product-card-preview__price span {
  margin: 0 0 0 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #5A6185;
}

.product-card-preview__colors-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card-preview__buy-product {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 9px 11px;
}

.product-card-preview__buy-product svg {
  width: 20px;
  height: 20px;
  stroke: #25252C;
  stroke-width: 1.5px;
}

.product-card-preview__other-colors {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/svg/over-colors.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: auto;
}

.product-card-preview__colors-product-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: auto 0 0 0;
}

.product-card-preview__content-product-card, .product-card-preview__product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.product-card-preview__product-card {
  position: relative;
  background: #FFFFFF;
  border: 1.5px solid #D8D9DF;
}

.product-card-preview__content-product-card {
  padding: 16px;
}

.product-card-preview__offer {
  position: absolute;
  top: 10px;
  left: 16px;
}

.product-card-preview__hit-product, .product-card-preview__new-product, .product-card-preview__event-product {
  display: inline-block;
  font-weight: 600;
  color: #fff;
}

.product-card-preview__hit-product {
  padding: 6px 8px;
  background: #3E3781;
  font-size: 12px;
  line-height: 18px;
}

.product-card-preview__new-product {
  padding: 5px 7px;
  background: #27B772;
  font-size: 10px;
  line-height: 15px;
}

.product-card-preview__event-product {
  padding: 6px 8px;
  background: #FFB649;
  font-size: 14px;
  line-height: 21px;
}

@media screen and (max-width: 1024px) {
  .product-card-preview__img-product-card {
    padding-top: 73%;
  }
  .product-card-preview__content-product-card {
    padding: 8px 16px 16px 16px;
  }
  .product-card-preview__article-number {
    font-size: 10px;
    line-height: 15px;
  }
  .product-card-preview__title-product {
    line-height: 24px;
  }
  .product-card-preview__text-content-product-card {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 18px;
  }
  .product-card-preview__price {
    font-size: 20px;
    line-height: 23px;
  }
}

@media screen and (max-width: 767px) {
  .product-card-preview__img-product-card {
    padding-top: 86%;
  }
  .product-card-preview__content-product-card {
    padding: 8px 8px 16px 8px;
  }
  .product-card-preview__article-number {
    margin: 0 0 6px 0;
  }
  .product-card-preview__title-product {
    word-break: break-word;
    line-height: 19px;
  }
  .product-card-preview__price {
    font-size: 14px;
    line-height: 16px;
  }
  .product-card-preview__other-info {
    margin: 16px 0 0 0;
  }
  .product-card-preview__buy-product {
    padding: 6px 8px;
  }
  .product-card-preview__buy-product svg {
    width: 17px;
    height: 17px;
  }
  .product-card-preview__other-colors {
    width: 20px;
    height: 20px;
  }
  .product-card-preview__offer {
    top: 10px;
    left: 8px;
  }
  .product-card-preview__hit-product, .product-card-preview__new-product, .product-card-preview__event-product {
    padding: 2px 6px;
    font-size: 10px;
    line-height: 15px;
  }
  .product-card-preview__price p::after {
    margin: 0 0 0 3px;
  }
}

.ask-question {
  padding: 0 0 98px 0;
}

.ask-question__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 56px;
  background: #EEEDF1;
}

.ask-question__text-content-ask-question {
  max-width: 442px;
  margin: 0 0 32px 0;
  text-align: center;
  color: #5A6185;
}

.ask-question__title-content {
  margin: 0 0 8px 0;
}

.ask-question__contact {
  padding: 12px 23px;
}

@media screen and (max-width: 1024px) {
  .ask-question {
    padding: 0 0 86px 0;
  }
}

@media screen and (max-width: 767px) {
  .ask-question {
    padding: 0 0 64px 0;
  }
  .ask-question__wrap {
    margin: 0 -16px;
    padding: 32px 24px;
  }
  .ask-question__text-content-ask-question {
    margin: 0 0 24px 0;
    line-height: 18px;
  }
  .ask-question__contact {
    padding: 9px 14px;
  }
}

.footer {
  padding: 40px 0;
  border-top: none;
  background:#D8D9DF;
}

.footer__info-foot-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__logo {
  margin: 0 0 16px 0;
}

.footer__logo svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 251px;
  height: 49px;
}

.footer__logo span {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #C3CDEB;
}

.footer__social-networks-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__social-networks-links a + a {
  margin: 0 0 0 24px;
}

.footer__social-networks-links a svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
}

.footer__item-foot-menu:hover a {
  color: #F5E64F;
}

.footer__menu-foot {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 10px 110px;
  margin: 0 0 0 226px;
}

.footer__item-foot-menu a, .footer__address-company, .footer__phone-company {
  font-weight: 500;
  font-size: 16px;
  color: #5A6185;
}

.footer__contacts {
  max-width: 347px;
  margin: 0 0 0 auto;
}

.footer__address-company {
  margin: 0 0 15px 0;
  font-style: normal;
  line-height: 24px;
}

.footer__address-company::before {
  background-image: url("../images/svg/location-light-gray.svg");
}

.footer__phone-company {
  line-height: 22px;
}

.footer__phone-company::before {
  background-image: url("../images/svg/phone-light-gray.svg");
}

.footer__item-foot-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.footer__address-company, .footer__phone-company {
  position: relative;
  padding: 0 0 0 34px;
}

.footer__address-company::before, .footer__phone-company::before {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1520px) {
  .footer__info-foot-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer__menu-foot, .footer__contacts {
    margin: 0;
  }
  .footer__menu-foot {
    gap: 10px 60px;
  }
}

@media screen and (max-width: 1180px) {
  .footer__logo svg {
    width: 200px;
  }
  .footer__menu-foot {
    gap: 10px 55px;
  }
}

@media screen and (max-width: 1024px) {
  .footer {
    padding: 32px 0;
  }
  .footer__logo svg {
    width: 179px;
    height: 35px;
  }
  .footer__logo span {
    font-size: 10px;
    line-height: 12px;
  }
  .footer__menu-foot {
    gap: 10px 43px;
  }
  .footer__address-company, .footer__phone-company, .footer__item-foot-menu {
    font-size: 14px;
  }
  .footer__address-company, .footer__item-foot-menu {
    line-height: 20px;
  }
  .footer__phone-company {
    line-height: 22px;
  }
  .footer__address-company {
    margin: 0 0 10px 0;
  }
}

@media screen and (max-width: 960px) {
  .footer__logo svg {
    width: 130px;
    height: 30px;
  }
  .footer__social-networks-links a + a {
    margin: 0 0 0 10px;
  }
  .footer__menu-foot {
    gap: 10px;
  }
  .footer__contacts {
    max-width: 210px;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 24px 0;
  }
  .footer__logo svg {
    width: 143px;
    height: 28px;
  }
  .footer__logo span {
    text-align: center;
  }
  .footer__social-networks-links a + a {
    margin: 0 0 0 24px;
  }
  .footer__menu-foot {
    display: none;
  }
  .footer__contacts {
    max-width: 327px;
    margin: 40px auto 0 auto;
  }
  .footer__info-foot-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer__logo-and-social-networks {
    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;
  }
  .footer__address-company, .footer__phone-company {
    line-height: 22px;
  }
}

.inner-top {
  position: relative;
  padding: 24px 0 0 0;
}

.inner-top .bread-crumbs {
  margin: 0 0 10px;
}

@media screen and (max-width: 1024px) {
  .inner-top .bread-crumbs {
    margin: 0 0 6px 0;
  }
}

@media screen and (max-width: 767px) {
  .inner-top {
    padding: 8px 0 0 0;
  }
}

.search-results {
  padding: 0 0 140px 0;
}

.search-results__title-result {
  margin: 0 0 32px 0;
}

.search-results__categories-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.search-results__categories-result li {
  display: inline-block;
  margin: 0 168px 8px 0;
}

.search-results__categories-result li a {
  font-weight: 500;
}

.search-results__detail-info {
  margin: 60px 0 56px 0;
}

@media screen and (max-width: 1024px) {
  .search-results {
    padding: 0 0 86px 0;
  }
  .search-results__detail-info {
    margin: 44px 0 119px 0;
  }
  .search-results__categories-result li {
    margin: 0 123px 8px 0;
  }
  .search-results__title-result {
    margin: 0 0 44px 0;
  }
  .search-results__categories-result a {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .search-results {
    padding: 0 0 64px 0;
  }
  .search-results__detail-info {
    margin: 38px 0 80px 0;
  }
  .search-results__categories-result li {
    margin: 0 12px 8px 0;
  }
  .search-results__title-result {
    margin: 0 0 16px 0;
  }
  .search-results__categories-result a {
    font-size: 14px;
  }
}

.all-products-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.show-more-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 354px;
  width: 100%;
  margin: 40px auto 0 auto;
}

@media screen and (max-width: 1024px) {
  .all-products-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .show-more-products {
    max-width: none;
    width: auto;
    margin: 32px auto 0 auto;
    padding: 12px 23px;
  }
}

@media screen and (max-width: 767px) {
  .all-products-cards {
    grid-template-columns: repeat(2, calc( 50% - 8px));
    gap: 13px;
    margin: 0 -8px;
    overflow-x: hidden;
  }
  .show-more-products {
    margin: 28px auto 0 auto;
    padding: 8px 15px;
  }
}

.filter-products {
  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;
  margin: 0 0 32px 0;
  padding: 32px 32px 0 32px;
  background: #F7F8FE;
  border: 1.5px solid #B5BED6;
}

.filter-products__popular-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}

.filter-products__often-seek-wrap {
  display: grid;
  grid-template-columns: repeat(2, auto);
  max-width: 1135px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 40px 0;
}

.filter-products__filters-btn {
  display: none;
}

.filter-products__popular-search {
  display: grid;
  grid-template-columns: repeat(6, auto);
  gap: 10px 24px;
  margin: 0 0 0 auto;
}

.filter-products__often-seek {
  padding: 10px 24px;
  border: 1px solid #3E3781;
  background: transparent;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #3E3781;
}

.filter-products__often-seek:hover {
  background: #E3E9FB;
}

.filter-products__often-seek:focus {
  border: 1px solid #C3CDEB;
}

.filter-products__select {
  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;
  width: 100%;
  padding: 0 0 8px 0;
  border-bottom: 1.5px solid #B5BED6;
  font-size: 16px;
  line-height: 23px;
}

.filter-products__select:hover {
  border-bottom: 1.5px solid #5A6185;
}

.filter-products__select svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  height: 6px;
  stroke: #B5BED6;
  stroke-width: 1.5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.filter-products__filter-select-wrap {
  position: relative;
  max-width: 218px;
  margin: 0 21px 32px 21px;
  width: 100%;
}

.filter-products__options-wrap {
  position: absolute;
  display: none;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 16px 16px 16px 24px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 100px 80px rgba(63, 68, 83, 0.09), 0px 22.3363px 17.869px rgba(63, 68, 83, 0.03), 0px 6.6501px 5.32008px rgba(63, 68, 83, 0.0282725);
  box-shadow: 0px 100px 80px rgba(63, 68, 83, 0.09), 0px 22.3363px 17.869px rgba(63, 68, 83, 0.03), 0px 6.6501px 5.32008px rgba(63, 68, 83, 0.0282725);
  z-index: 1;
}

.filter-products__filter-select-wrap.active-select .filter-products__select {
  border-bottom: 1.5px solid #F5E64F;
}

.filter-products__filter-select-wrap.active-select .filter-products__select svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter-products__filter-select-wrap.active-choose-checkbox-filter .filter-products__select {
  border-bottom: 1.5px solid #F5E64F;
}

.filter-products__selects {
  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;
  max-width: 1040px;
  width: 100%;
}

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

.filter-products__option span {
  position: relative;
  top: 1px;
  display: inline-block;
  margin: 0 0 0 auto;
  font-size: 12px;
  line-height: 18px;
  color: #B5BED6;
}

.filter-products__option label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.filter-products__option + .filter-products__option {
  margin: 15px 0 0;
}

.filter-products__modal-content, .filter-products__title-filters, .filter-products__close-modal-filters {
  display: none;
}

@media screen and (max-width: 1220px) {
  .filter-products__often-seek-wrap {
    max-width: 1032px;
  }
  .filter-products__popular-search {
    grid-template-columns: repeat(5, auto);
    gap: 10px 20px;
  }
}

@media screen and (max-width: 1024px) {
  .filter-products {
    margin: 0 0 48px 0;
    padding: 32px 24px 0 40px;
  }
  .filter-products__often-seek-wrap p {
    display: none;
  }
  .filter-products__popular-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0;
  }
  .filter-products__often-seek {
    margin: 0 16px 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .filter-products {
    margin: 0 -16px 14px -16px;
    padding: 24px 0 24px 16px;
    border: 0;
  }
  .filter-products__filters-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc( 100% - 16px);
    margin: 24px 16px 0 0;
  }
  .filter-products__often-seek-wrap {
    grid-template-columns: 1fr;
    margin: 0;
  }
  .filter-products__often-seek-wrap p {
    display: block;
    margin: 0 0 12px 0;
  }
  .filter-products__popular-search {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: calc(100% + 16px);
    margin: 0 -16px;
    padding: 0 4px 5px 16px;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .filter-products__often-seek {
    margin: 0 12px 0 0;
    padding: 10px 16px;
    font-size: 12px;
    line-height: 16px;
  }
  .filter-products__selects-wrap {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    padding: 21px 24px;
    background: #fff;
    overflow-x: hidden;
    z-index: 100;
  }
  .filter-products__filter-select-wrap {
    position: static;
    max-width: none;
    margin: 0;
  }
  .filter-products__select {
    padding: 0 0 16px 0;
    font-size: 14px;
    line-height: 21px;
  }
  .filter-products__select svg {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    stroke: #5A6185;
  }
  .filter-products__filter-select-wrap + .filter-products__filter-select-wrap {
    margin: 16px 0 0 0;
  }
  .filter-products__options-wrap {
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    padding: 21px 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  .filter-products__modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filter-products__backward-filters svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
  }
  .filter-products__backward-filters p {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
  }
  .filter-products__options-wrap.active-mobile-filter {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  .filter-products__title-filters, .filter-products__close-modal-filters {
    display: block;
  }
  .filter-products__title-filters {
    text-align: center;
  }
  .filter-products__close-modal-filters {
    position: absolute;
    top: 24px;
    right: 22px;
  }
  .filter-products__close-modal-filters svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
  }
  .filter-products__selects {
    margin: 45px 0 0 0;
  }
  .filter-products__modal-content p {
    width: calc(100% - 24px);
    text-align: center;
  }
  .filter-products__options {
    margin: 51px 0 0 0;
  }
}

.category {
  padding: 0 0 98px 0;
}

.category .container {
  position: relative;
}

.category__banner {
  position: relative;
  margin: -103px 0 40px 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.category__banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(288.57deg, rgba(8, 5, 37, 0.47) 79.13%, rgba(8, 5, 37, 0.08) 118.41%);
  background: linear-gradient(161.43deg, rgba(8, 5, 37, 0.47) 79.13%, rgba(8, 5, 37, 0.08) 118.41%);
}

.category__title-page {
  color: #fff;
}

.category .inner-top {
  padding: 177px 0 0 0;
}

.category__quantity-products {
  margin: 108px 0 0 0;
  padding: 0 0 40px 0;
  text-align: right;
}

.category__quantity-products p {
  font-family: 'Golos', sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}

@media screen and (min-width: 1025px) {
  .category .show-more-products {
    margin-top: 56px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .category .title-section {
    font-size: 40px;
    line-height: 46px;
  }
}

@media screen and (max-width: 1024px) {
  .category {
    padding: 0 0 86px 0;
  }
  .category__banner {
    margin: -112px 0 48px 0;
  }
  .category .inner-top {
    padding: 151px 0 0 0;
  }
  .category__quantity-products {
    margin: 205px 0 0 0;
  }
  .category__quantity-products p {
    font-size: 20px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .category {
    padding: 0 0 64px 0;
  }
  .category__banner {
    margin: -82px 0 22px 0;
  }
  .category .inner-top {
    padding: 104px 0 0 0;
  }
  .category__quantity-products {
    margin: 119px 0 0 0;
    padding: 0 0 32px 0;
  }
  .category__quantity-products p {
    font-size: 16px;
    line-height: 19px;
  }
}

.products-slders-wrap {
  padding: 0 0 98px 0;
  overflow-x: hidden;
}

.products-slders-wrap .products-slider {
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .products-slders-wrap {
    padding: 0 0 86px 0;
  }
}

@media screen and (max-width: 767px) {
  .products-slders-wrap {
    padding: 0 0 64px 0;
  }
  .products-slders-wrap .container {
    padding-right: 0;
  }
  .products-slders-wrap .products-slider {
    margin-left: -16px;
    padding-left: 16px;
  }
  .category .filter-products {
    padding-top: 2px;
    background: #fff;
  }
}

.product-card {
  padding: 28px 0 86px 0;
}

.product-card__gallery-top, .product-card__gallery-thumbs {
  margin: 0;
  padding: 0;
}

.product-card .swiper-slide {
  cursor: pointer;
  -webkit-transition-duration: 0ms !important;
  -o-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}

.product-card__gallery-top {
  width: 100%;
  height: 487px;
  margin: 0 0 16px 0;
}

.product-card__slide-preview {
  height: 100%;
}

.product-card__slide-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-card__gallery-thumbs {
  width: 100%;
  height: 88px;
}

.product-card__gallery-thumbs .swiper-slide.swiper-slide-active {
  border: 1.5px solid #F5E64F;
}

.product-card__slide-thumb {
  height: 100%;
}

.product-card__slide-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-card__grid-wrap {
  display: grid;
}

.product-card__info-product-wrap {
  margin: 0 0 64px 0;
}

.product-card__slider-product {
  position: relative;
  width: 606px;
  margin: 0 32px 0 0;
  float: left;
}

.product-card .product-card-preview__offer {
  left: 12px;
  z-index: 2;
}

.product-card .product-card-preview__hit-product, .product-card .product-card-preview__new-product {
  font-size: 14px;
  line-height: 21px;
}

.product-card .inner-top {
  position: absolute;
  display: inline-block;
  max-width: 409px;
  margin: 0 0 0 638px;
  padding: 0;
}

.product-card .bread-crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-card .bread-crumbs::after {
  content: '...';
  font-size: 14px;
  color: #B5BED6;
}

.product-card .bread-crumbs__list-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
}

.product-card__description-product {
  padding: 35px 0 0 0;
  width: calc(100% - 606px);
}

.product-card__description-product, .product-card__additional-info {
  margin: 0 0 0 auto;
}

.product-card__title-product {
  width: 80%;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.product-card__basic-info-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 21px 0;
  border-bottom: 1.5px solid #EAECF2;
}

.product-card__price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  margin: 12px 0 0 0;
  font-size: 24px;
  line-height: 28px;
}

.product-card__currency {
  margin: 0 0 0 5px;
}

.product-card__weight {
  margin: 0 0 0 6px;
  font-size: 14px;
  line-height: 25px;
  color: #5A6185;
}

.product-card__article-number {
  width: 20%;
  padding: 0 0 0 10px;
  text-align: right;
  font-weight: 500;
  color: #B5BED6;
}

.product-card__order-product-form {
  padding: 16px 0 0 0;
}

.product-card__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0 0;
  padding: 0 0 24px 0;
  border-bottom: 1.5px solid #EAECF2;
}

.product-card__title-type {
  font-size: 16px;
  color: #5A6185;
}

.product-card__more-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border: 1.5px solid #B5BED6;
  background: transparent;
  border-radius: 50%;
}

.product-card__more-colors:hover {
  border: 1.5px solid #F5E64F;
}

.product-card__more-colors:hover svg {
  stroke: #F5E64F;
}

.product-card__more-colors svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.5px;
  stroke: #B5BED6;
}

.product-card__radio-btns-weight {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 8px 0 0 0;
}

.product-card__detail-value-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 16px 0 0 0;
}

.product-card__counter-toggle:first-child {
  cursor: auto;
}

.product-card__counter-toggle:first-child:hover svg {
  stroke: #B5BED6;
}

.product-card__counter-toggle:first-child svg {
  stroke: #B5BED6;
}

.product-card__counter-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-card__counter-toggle:hover svg {
  stroke: #F5E64F;
}

.product-card__counter-toggle svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.5px;
  stroke: #5A6185;
}

.product-card__quantity {
  margin: 0 0 0 34px;
}

.product-card__value {
  width: 41px;
  border: 0;
  text-align: center;
}

.product-card__counter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 9px 0 0 0;
}

.product-card__counter.active-counter .product-card__counter-toggle:first-child {
  cursor: pointer;
}

.product-card__counter.active-counter .product-card__counter-toggle:first-child:hover svg {
  stroke: #F5E64F;
}

.product-card__counter.active-counter .product-card__counter-toggle:first-child svg {
  stroke: #5A6185;
}

.product-card__btns-form {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 24px 0 32px 0;
}

.product-card__btns-form button + button {
  margin: 0 0 0 16px;
}

.product-card__calc-wrap, .product-card__additional-info {
  width: calc( 100% - 638px);
}

.product-card__calc-wrap {
  margin: 0 0 10px auto;
  padding: 24px;
  border: 1.5px solid #EAECF2;
}

.product-card__title-calc {
  margin: 0 0 4px 0;
  font-weight: 500;
  line-height: 27px;
}

.product-card__subtitle-calc {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 16px;
  color: #5A6185;
}

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

.product-card__field-calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 22px 0 0;
}

.product-card__field-calc label {
  display: inline-block;
  margin: 0 0 6px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #5A6185;
}

.product-card__field-calc input {
  width: 152px;
  height: 48px;
  padding: 14px 16px;
  border: 1px solid #C3CDEB;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

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

.product-card__layers .custom-radio-btn + label::before {
  margin: 0 8px 0 0;
}

.product-card__layers .custom-radio-btn-wrap {
  margin: 26px 16px 0 0;
}

.product-card__result-calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 26px 0 0 auto;
  font-weight: 500;
}

.product-card__result-calc {
  font-family: 'Golos', sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.product-card__result-calc p + p,
.product-card__result-calc span {
  display: inline-block;
  margin: 0 0 0 5px;
}

.product-card__additional-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background: #F7F8FE;
}

.product-card__warnning {
  margin: 0 4px 0 0;
}

.product-card__warnning svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 17px;
  height: 17px;
}

.product-card__title-info {
  font-size: 12px;
  line-height: 18px;
}

.product-card__title-info a {
  font-size: 12px;
  line-height: 18px;
}

.product-card__tabs-content {
  display: none;
  padding: 40px 0 0 0;
}

.product-card__btns-tabs-wrap {
  margin: 0 0 0 -16px;
  padding: 0 0 16px 0;
  width: calc( 100% + 16px);
  border-bottom: 2px solid #EAECF2;
}

.product-card__tabs-content.active-tab {
  display: block;
}

.product-card__btn-tab.active-tab-btn {
  color: #222945;
}

.product-card__btn-tab.active-tab-btn::after {
  background: #F5E64F;
}

.product-card__btn-tab {
  position: relative;
  padding: 0 16px;
  font-weight: 500;
  color: #5A6185;
}

.product-card__btn-tab:hover::after {
  background: #F0D41F;
}

.product-card__btn-tab:focus::after {
  background: #F5E64F;
}

.product-card__btn-tab::after {
  content: '';
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  border-radius: 8px;
}

.product-card__btn-tab + .product-card__btn-tab {
  margin: 0 0 0 16px;
}

.product-card__title-type-properties, .product-card__title-content {
  font-family: 'Golos', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.product-card__properties-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 447px;
  width: 100%;
}

.product-card__properties-table .table-row {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.product-card__properties-table .table-row p {
  width: 50%;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.product-card__properties-table .table-row p:first-child {
  color: #5A6185;
}

.product-card__properties-table .table-row p + p {
  padding-left: 28px;
}

.product-card__properties-table .table-row + .table-row {
  margin: 12px 0 0 0;
}

.product-card__all-properties {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 10px;
}

.product-card__properties-table:last-child {
  margin: 0 45px 0 auto;
}

.product-card__other-properties {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 70px;
}

.product-card__properties-list li {
  font-weight: 500;
  font-size: 16px;
}

.product-card__properties-list li + li {
  margin: 8px 0 0 0;
}

.product-card__properties-wrap + .product-card__properties-wrap {
  margin: 48px 0 0 0;
}

.product-card__properties-wrap, .product-card__content-wrap, .product-card__gallery-wrap {
  grid-template-columns: 300px 1fr;
  gap: 52px;
}

.product-card__text-content p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #5A6185;
}

.product-card__text-content p + p {
  margin: 25px 0 0 0;
}

.product-card__gallery-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1150px;
  margin: 0 -8px 0 auto;
}

.product-card__photo-img {
  width: calc( 33.3% - 16px);
  margin: 0 8px 16px 8px;
  height: 288px;
}

.product-card__photo-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-card__photo-img:first-child, .product-card__photo-img:nth-child(2) {
  width: 100%;
}

.product-card__photo-img:first-child {
  max-width: 623px;
}

.product-card__photo-img:nth-child(2) {
  max-width: 495px;
}

.product-card__certificates-wrap {
  grid-template-columns: 200px 1fr;
  gap: 23px;
}

.product-card__basic-info-product.mobile, .product-card__show-more {
  display: none;
}

.product-card__certificates .certificates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -14px;
}

.product-card__certificates .certificates__info {
  max-width: 479px;
  width: 100%;
  margin: 0 14px 32px 14px;
}

.product-card__price[data-tooltip] {
  cursor: context-menu;
}

.product-card__price[data-tooltip]::before {
  top: 8px;
  left: -29px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.product-card__price[data-tooltip]::after {
  width: 337px;
  left: -357px;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  margin-bottom: -72px;
}

@media screen and (max-width: 1500px) {
  .product-card__calc {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .product-card__result-calc {
    width: 100%;
  }
  .product-card__gallery-wrap {
    grid-template-columns: auto 1fr;
    gap: 0;
  }
}

@media screen and (max-width: 1400px) {
  .product-card__article-number {
    margin: 0 0 0 auto;
  }
  .product-card__other-properties {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
}

@media screen and (max-width: 1380px) {
  .product-card__properties-wrap, .product-card__gallery-wrap, .product-card__content-wrap {
    grid-template-columns: 200px 1fr;
    gap: 10px;
  }
  .product-card__photo-img:first-child, .product-card__photo-img:nth-child(2) {
    max-width: none;
    width: calc(50% - 16px);
  }
  .product-card__certificates .certificates__info {
    max-width: none;
    width: calc(50% - 28px);
    margin: 0 14px 32px 14px;
  }
}

@media screen and (max-width: 1280px) {
  .product-card__slider-product {
    width: 550px;
  }
  .product-card__gallery-top {
    height: 400px;
  }
  .product-card .inner-top {
    margin: 0 0 0 580px;
  }
  .product-card__title-product {
    width: 60%;
  }
  .product-card__description-product {
    width: calc(100% - 550px);
  }
  .product-card__calc-wrap, .product-card__additional-info {
    width: calc(100% - 582px);
  }
}

@media screen and (max-width: 1180px) {
  .product-card__slider-product {
    width: 485px;
  }
  .product-card__description-product {
    width: calc(100% - 485px);
  }
  .product-card__calc-wrap, .product-card__additional-info {
    width: calc(100% - 517px);
  }
  .product-card .inner-top {
    margin: 0 0 0 517px;
  }
  .product-card__photo-img {
    height: 220px;
  }
}

@media screen and (max-width: 1024px) {
  .product-card {
    padding: 11px 0 64px 0;
  }
  .product-card__slider-product {
    width: 352px;
  }
  .product-card__description-product {
    width: calc(100% - 352px);
  }
  .product-card__calc-wrap, .product-card__additional-info {
    width: 100%;
    clear: both;
  }
  .product-card__additional-info {
    max-width: 671px;
    margin: 0 auto 0 0;
  }
  .product-card .inner-top {
    max-width: 352px;
    margin: 0 0 0 384px;
  }
  .product-card__gallery-top {
    height: 288px;
    margin: 0 0 11px 0;
  }
  .product-card__gallery-thumbs {
    height: 49px;
  }
  .product-card__title-product {
    width: 80%;
    font-size: 18px;
    line-height: 21px;
  }
  .product-card__article-number {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
  }
  .product-card__price {
    margin: 8px 0 0 0;
  }
  .product-card__price, .product-card__weight, .product-card__currency {
    font-size: 18px;
    line-height: 21px;
    color: #222945;
  }
  .product-card__basic-info-product, .product-card__colors {
    padding: 0 0 16px 0;
  }
  .product-card__title-type {
    font-size: 14px;
  }
  .product-card__more-colors {
    width: 26px;
    height: 26px;
  }
  .product-card__value {
    font-size: 16px;
  }
  .product-card__btns-form {
    margin: 23px 0 0 0;
  }
  .product-card__gallery-thumbs {
    max-width: 340px;
  }
  .product-card__add-to-cart, .product-card__contact-manager {
    padding: 12px 23px;
  }
  .product-card__calc-wrap {
    margin: 42px 0 12px 0;
  }
  .product-card__colors {
    margin: 8px 0 0 0;
  }
  .product-card__field-calc {
    margin: 0 24px 0 0;
  }
  .product-card__result-calc {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 30%;
    font-size: 18px;
    line-height: 25px;
  }
  .product-card__btns-tabs-wrap {
    margin: 0;
  }
  .product-card__info-product-wrap {
    margin: 0 0 42px 0;
  }
  .product-card__properties-wrap, .product-card__gallery-wrap, .product-card__content-wrap, .product-card__certificates-wrap {
    grid-template-columns: 1fr;
  }
  .product-card__properties-wrap + .product-card__properties-wrap {
    margin: 40px 0 0 0;
  }
  .product-card__properties-wrap {
    gap: 24px;
  }
  .product-card__properties-table:last-child {
    margin: 0 0 0 auto;
  }
  .product-card__properties-table {
    max-width: 413px;
  }
  .product-card__properties-table .table-row p + p {
    padding-left: 10px;
  }
  .product-card__tabs-content {
    padding: 32px 0 0 0;
  }
}

@media screen and (max-width: 860px) {
  .product-card .inner-top {
    margin: 0 0 0 332px;
  }
  .product-card__result-calc {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .product-card__slider-product {
    width: 300px;
  }
  .product-card__description-product {
    width: calc(100% - 300px);
  }
  .product-card__add-to-cart, .product-card__contact-manager {
    padding: 12px 10px;
  }
  .product-card__btns-form {
    margin: 10px 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  .product-card {
    padding: 8px 0 42px 0;
  }
  .product-card__description-product {
    width: 100%;
    padding: 32px 0 0 0;
    clear: both;
  }
  .product-card .inner-top {
    display: none;
  }
  .product-card__slider-product {
    width: 100%;
    margin: 0;
  }
  .product-card__gallery-thumbs {
    max-width: none;
    margin: 0 16px;
    width: calc(100% - 32px);
    height: 120px;
  }
  .product-card__gallery-top {
    height: 570px;
    margin: 0 0 8px 0;
  }
  .product-card__slider-wrap {
    margin: 0 -16px;
    width: calc(100% + 32px);
  }
  .product-card__title-product {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
  .product-card__article-number {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 0 0 4px 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
  }
  .product-card__price {
    margin: 10px 0 0 0;
  }
  .product-card .product-card-preview__offer {
    left: 0;
  }
  .product-card .product-card-preview__hit-product, .product-card .product-card-preview__new-product, .product-card .product-card-preview__event-product {
    padding: 6px 8px;
  }
  .product-card__basic-info-product {
    padding: 0;
    border: 0;
  }
  .product-card__more-colors {
    width: 25px;
    height: 25px;
  }
  .product-card__more-colors svg {
    width: 15px;
    height: 15px;
  }
  .product-card__btns-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .product-card__btns-form button + button {
    margin: 10px 0 0 0;
  }
  .product-card__add-to-cart, .product-card__contact-manager {
    padding: 14px 10px;
  }
  .product-card__contact-manager {
    border: 0;
  }
  .product-card__basic-info-product.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 24px 0;
  }
  .product-card__basic-info-product.desktop {
    display: none;
  }
  .product-card__order-product-form {
    padding: 0;
  }
  .product-card__calc-wrap {
    margin: 32px 0 10px 0;
    padding: 16px;
  }
  .product-card__title-calc {
    font-size: 14px;
    line-height: 18px;
  }
  .product-card__subtitle-calc {
    margin: 0 0 16px 0;
    font-size: 12px;
    line-height: 16px;
  }
  .product-card__field-calc label {
    margin: 0 0 4px 0;
    font-size: 12px;
  }
  .product-card__field-calc input {
    width: 100%;
    font-size: 14px;
  }
  .product-card__field-calc {
    width: 100%;
    margin: 0;
  }
  .product-card__layers {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 16px 0 0 0;
  }
  .product-card__layers .custom-radio-btn-wrap {
    margin-top: 0;
  }
  .product-card__result-calc {
    margin: 24px 0 0 0;
    font-size: 16px;
    line-height: 19px;
  }
  .product-card__additional-info {
    padding: 12px 16px;
  }
  .product-card__warnning {
    margin: 0 8px 0 0;
  }
  .product-card__info-product-wrap {
    margin: 0 0 52px 0;
  }
  .product-card__btns-tabs-wrap {
    width: auto;
    padding: 0 16px 18px 16px;
    border: 0;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .product-card__tabs-wrap {
    margin: 0 -16px;
  }
  .product-card__btns-tabs-wrap::-webkit-scrollbar {
    height: 1px;
  }
  .product-card__btns-tabs-wrap::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .product-card__btn-tab {
    padding: 0 8px;
    font-size: 16px;
  }
  .product-card__btn-tab::after {
    bottom: -18px;
  }
  .product-card__btn-tab + .product-card__btn-tab {
    margin: 0 0 0 8px;
  }
  .product-card__tabs-content {
    padding: 20px 16px 0 16px;
  }
  .product-card__title-type-properties, .product-card__title-content {
    font-size: 16px;
    line-height: 19px;
  }
  .product-card__properties-wrap {
    gap: 12px;
  }
  .product-card__all-properties, .product-card__other-properties {
    grid-template-columns: 1fr;
  }
  .product-card__all-properties {
    gap: 8px;
  }
  .product-card__properties-table .table-row p,
  .product-card__properties-list li {
    font-size: 12px;
    line-height: 18px;
  }
  .product-card__properties-table .table-row + .table-row {
    margin: 10px 0 0 0;
  }
  .product-card__properties-table:nth-child(2) {
    display: none;
  }
  .product-card__show-more {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #F5E64F;
  }
  .product-card__all-properties.active-properties .product-card__properties-table:nth-child(2) {
    display: block;
    padding: 2px 0 0 0;
  }
  .product-card__properties-wrap + .product-card__properties-wrap {
    margin: 24px 0 0 0;
  }
  .product-card__text-content {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 4px 0 0 0;
  }
  .product-card__text-content p {
    font-size: 12px;
    line-height: 18px;
  }
  .product-card__text-content p + p {
    margin: 20px 0 0 0;
  }
  .product-card__content-wrap {
    gap: 8px;
  }
  .product-card__content-wrap.active-content .product-card__text-content {
    display: block;
    overflow: visible;
  }
  .product-card__gallery-images {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: none;
    margin: 0 -20px;
    padding: 0 16px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .product-card__photo-img:first-child, .product-card__photo-img:nth-child(2), .product-card__photo-img {
    width: 301px;
    height: 136px;
  }
  .product-card__photo-img:first-child img, .product-card__photo-img:nth-child(2) img, .product-card__photo-img img {
    width: 301px;
  }
  .product-card__photo-img {
    margin: 0 4px;
  }
  .product-card__gallery-wrap {
    gap: 12px;
  }
  .product-card__certificates-wrap {
    gap: 20px;
  }
  .product-card__certificates .certificates {
    margin: 0;
  }
  .product-card__certificates .certificates__info {
    width: 100%;
    margin: 0;
  }
  .product-card__certificates .certificates__info + .certificates__info {
    margin: 16px 0 0 0;
  }
  .product-card__colors .custom-radio-btn-wrap:first-child[data-tooltip]::after {
    content: attr(data-tooltip);
    left: 40px;
  }
}

@media screen and (max-width: 600px) {
  .product-card__gallery-top {
    height: 450px;
  }
  .product-card__gallery-thumbs {
    height: 85px;
  }
}

@media screen and (max-width: 480px) {
  .product-card__gallery-top {
    height: 360px;
  }
  .product-card__gallery-thumbs {
    height: 85px;
  }
}

@media screen and (max-width: 420px) {
  .product-card__gallery-top {
    height: 283px;
  }
  .product-card__gallery-thumbs {
    height: 52px;
  }
}

@media screen and (max-width: 360px) {
  .product-card__quantity {
    margin: 0 0 0 auto;
  }
}

.back-to-page {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 8px 0;
  font-weight: 500;
  font-size: 14px;
}

.back-to-page svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  margin: 1px 4px 0 0;
}

@media screen and (min-width: 768px) {
  .back-to-page {
    display: none;
  }
}

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

.certificates__info:hover .certificates__icon svg {
  stroke: #F5E64F;
}

.certificates__info:hover .certificates__title-cert {
  color: #ED4E59;
}

.certificates__icon svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  stroke-width: 2px;
  stroke: #FFD7D9;
}

.certificates__title-cert {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: calc( 100% - 32px);
  font-weight: 500;
  color: #F5E64F;
}

.certificates__date-cert {
  width: 100%;
  padding: 4px 0 0 32px;
  font-size: 14px;
  color: #B5BED6;
}

@media screen and (max-width: 1024px) {
  .certificates__title-cert {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .certificates__title-cert {
    font-size: 14px;
  }
  .certificates__icon svg {
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
  }
  .certificates__date-cert {
    padding: 2px 0 0 32px;
    font-weight: 500;
    font-size: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .products-slders-wrap.slider-inner .products-slider {
    overflow: visible;
  }
}

.publications {
  padding: 0 0 98px 0;
}

.publications__img-public-slide {
  position: relative;
  height: 0;
  padding-top: 99%;
  width: 100%;
}

.publications__img-public-slide img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.publications__title-public {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.publications__slide-content {
  padding: 16px 0 0 0;
}

.publications__slider-wrap {
  margin: 0 0 86px 0;
}

.publications__title-sections-publications {
  margin: 0 0 32px 0;
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
}

.publications__date-public {
  margin: auto 0 24px 0;
  font-size: 16px;
  line-height: 22px;
  color: #B5BED6;
}

.publications__img-public {
  width: 100%;
  height: 356px;
  margin: 0 0 24px 0;
}

.publications__img-public img {
  width: 100%;
  height: 356px;
  -o-object-fit: cover;
  object-fit: cover;
}

.publications__posts-row {
  display: grid;
  grid-template-columns: 1fr 1fr 610px;
  gap: 32px;
}

.publications__posts-row:nth-child(even) {
  grid-template-columns: 610px 1fr 1fr;
}

.publications__posts-row + .publications__posts-row {
  margin: 32px 0 0 0;
}

.publications__post-public {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 32px;
  border: 1.5px solid #C3CDEB;
}

.publications__post-public .publications__title-public {
  margin: 0 0 27px 0;
}

.publications__title-public:hover {
  color: #F5E64F;
}

.publications__title-public:focus {
  color: #ED4E59;
}

.publications__detail-info {
  font-weight: 500;
}

.publications__slider-wrap .swiper-slide {
  width: 351px;
}

.publications .swiper-button-prev,
.publications .swiper-button-next {
  top: 164px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.publications .swiper-button-prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 1500px) {
  .publications__posts-row {
    grid-template-columns: 1fr 1fr 550px;
  }
  .publications__posts-row:nth-child(even) {
    grid-template-columns: 550px 1fr 1fr;
  }
}

@media screen and (max-width: 1430px) {
  .publications__post-public .publications__title-public {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1280px) {
  .publications__posts-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .publications__posts-row:nth-child(even) {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1024px) {
  .publications {
    padding: 0 0 86px 0;
  }
  .publications__posts-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .publications__posts-row .publications__post-public:nth-child(3) {
    grid-column: 1/3;
  }
  .publications__posts-row:nth-child(even) {
    grid-template-columns: repeat(2, 1fr);
  }
  .publications__posts-row:nth-child(even) .publications__post-public:nth-child(1) {
    grid-column: 1/3;
  }
  .publications__posts-row:nth-child(even) .publications__post-public:nth-child(3) {
    grid-column: auto;
  }
  .publications__title-sections-publications {
    margin: 0 0 24px 0;
    font-size: 24px;
    line-height: 28px;
  }
  .publications__posts-row {
    gap: 24px;
  }
  .publications__posts-row + .publications__posts-row {
    margin: 24px 0 0 0;
  }
  .publications__slider-wrap .swiper-slide {
    width: 306px;
  }
  .publications__img-public-slide {
    padding-top: 87%;
  }
  .publications .swiper-button-prev, .publications .swiper-button-next {
    top: 122px;
  }
}

@media screen and (max-width: 767px) {
  .publications {
    padding: 0 0 64px 0;
  }
  .publications__title-sections-publications {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 30px;
  }
  .publications__slider-wrap {
    margin: 0 -16px 52px 0;
  }
  .publications__posts-row {
    grid-gap: 13px;
  }
  .publications__post-public {
    padding: 16px 8px;
  }
  .publications__title-public {
    font-size: 14px;
    line-height: 17px;
  }
  .publications__post-public .publications__title-public {
    margin: 0 0 12px 0;
  }
  .publications__img-public {
    margin: 0 0 8px 0;
  }
  .publications__img-public {
    height: 255px;
  }
  .publications__img-public img {
    height: 255px;
  }
  .publications__posts-row:nth-child(odd) .publications__post-public:nth-child(3) .publications__img-public {
    height: 330px;
  }
  .publications__posts-row:nth-child(odd) .publications__post-public:nth-child(3) .publications__img-public img {
    height: 330px;
  }
  .publications__posts-row:nth-child(even) .publications__post-public:first-child .publications__img-public {
    height: 330px;
  }
  .publications__posts-row:nth-child(even) .publications__post-public:first-child .publications__img-public img {
    height: 330px;
  }
  .publications__posts-row + .publications__posts-row {
    margin: 13px 0 0 0;
  }
  .publications__date-public {
    margin: auto 0 16px 0;
    font-size: 10px;
    line-height: 14px;
  }
  .publications__slider-wrap .swiper-slide {
    width: 165px;
  }
  .publications__img-public-slide {
    width: 165px;
    padding-top: 93%;
  }
}

@media screen and (max-width: 520px) {
  .publications__img-public {
    height: 170px;
  }
  .publications__img-public img {
    height: 170px;
  }
  .publications__posts-row:nth-child(odd) .publications__post-public:nth-child(3) .publications__img-public {
    height: 250px;
  }
  .publications__posts-row:nth-child(odd) .publications__post-public:nth-child(3) .publications__img-public img {
    height: 250px;
  }
  .publications__posts-row:nth-child(even) .publications__post-public:first-child .publications__img-public {
    height: 250px;
  }
  .publications__posts-row:nth-child(even) .publications__post-public:first-child .publications__img-public img {
    height: 250px;
  }
}

@media screen and (max-width: 440px) {
  .publications__img-public {
    height: 132px;
  }
  .publications__img-public img {
    height: 132px;
  }
  .publications__posts-row:nth-child(odd) .publications__post-public:nth-child(3) .publications__img-public {
    height: 161px;
  }
  .publications__posts-row:nth-child(odd) .publications__post-public:nth-child(3) .publications__img-public img {
    height: 161px;
  }
  .publications__posts-row:nth-child(even) .publications__post-public:first-child .publications__img-public {
    height: 161px;
  }
  .publications__posts-row:nth-child(even) .publications__post-public:first-child .publications__img-public img {
    height: 161px;
  }
}

.publication {
  padding: 0 0 98px 0;
}

.publication__title-article {
  margin: 0 0 32px 0;
}

.publication__images-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -16px 64px -16px;
}

.publication__img-article {
  height: 580px;
  margin: 0 16px;
}

.publication__img-article img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.publication__img-article:first-child {
  width: calc( 58% - 32px);
}

.publication__img-article:nth-child(2) {
  width: calc( 42% - 32px);
}

.publication__img-content {
  max-width: 1277px;
  height: 574px;
  margin-top: 64px;
}

.publication__img-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.publication__content-wrap h2 {
  margin: 0 0 16px 0;
}
.publication__content-wrap img{
    margin-top: 64px;
    max-width:100%;
}

.publication__content-wrap p + p {
  margin: 16px 0 0 0;
}

.publication__content-wrap h2 ~ h2 {
  margin-top: 64px;
}

.publication__content-wrap ul li + li {
  margin-top: 8px;
}

.publication__content-wrap ul li {
  position: relative;
  margin-left: -13px;
  padding: 0 0 0 13px;
}

.publication__content-wrap ul li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #B5BED6;
}

.publication__content-wrap ~ .publication__content-wrap {
  margin-top: 64px;
}

@media screen and (max-width: 1024px) {
  .publication {
    padding: 0 0 86px 0;
  }
  .publication__img-article {
    margin: 0 6.5px;
    height: 318px;
  }
  .publication__images-wrap {
    margin: 0 -6.5px 48px -6.5px;
  }
  .publication__img-article:first-child {
    width: calc( 64.5% - 13px);
  }
  .publication__img-article:nth-child(2) {
    width: calc( 35.5% - 13px);
  }
  .publication__img-content {
    max-width: 733px;
    height: 369px;
  }
  .publication__content-wrap ~ .publication__content-wrap,
  .publication__content-wrap h2 ~ h2, .publication__img-content {
    margin-top: 48px;
  }
  .publication__content-wrap ul li + li {
    margin-top: 6px;
  }
  .publication__content-wrap ul li::before {
    top: 8px;
  }
  .publication__content-wrap p, .publication__content-wrap ul li {
    font-size: 14px;
    line-height: 22px;
  }
  .publication__title-article {
    margin: 0 0 24px 0;
  }
}

@media screen and (max-width: 767px) {
  .publication {
    padding: 8px 0 64px 0;
  }
  .publication__title-article {
    margin: 0 0 20px 0;
  }
  .publication__img-article {
    height: 100%;
  }
  .publication__images-wrap {
    margin: 0 -6.5px 24px -6.5px;
  }
  .publication__img-article:first-child {
    width: calc( 58% - 13px);
  }
  .publication__img-article:nth-child(2) {
    width: calc( 42% - 13px);
  }
  .publication__img-content {
    height: 100%;
  }
  .publication__content-wrap ~ .publication__content-wrap,
  .publication__content-wrap h2 ~ h2, .publication__img-content {
    margin-top: 32px;
  }
  .publication__content-wrap h2 {
    margin: 0 0 10px 0;
  }
  .publication__content-wrap ul li + li {
    margin-top: 10px;
  }
  .publication__content-wrap ul li::before {
    left: 3px;
  }
}

@media screen and (max-width: 440px) {
  .publication__img-article {
    height: 130px;
  }
  .publication__img-content {
    height: 202px;
  }
}

.projects-company {
  padding: 0 0 98px 0;
}

.projects-company__title-page {
  margin: 0 0 32px 0;
}

.projects-company__row-projects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.projects-company__row-projects + .projects-company__row-projects {
  margin-top: 32px;
}

.projects-company__project {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 32px;
  border: 1.5px solid #C3CDEB;
}

.projects-company__img-project {
  width: 100%;
  height: 374px;
  margin: 0 0 24px 0;
}

.projects-company__img-project img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.projects-company__date-project {
  margin: 0 0 8px 0;
  font-size: 16px;
  line-height: 22px;
  color: #B5BED6;
}

.projects-company__title-project {
  margin: 0 0 16px 0;
  font-size: 24px;
  line-height: 28px;
}

.projects-company__detail-info {
  margin: auto 0 0 0;
}

.projects-company__row-projects:nth-child(even) .projects-company__project {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column: 1/5;
}

.projects-company__row-projects:nth-child(even) .projects-company__img-project {
  max-width: 701px;
  height: 456px;
  margin: 0 56px 0 0;
}

.projects-company__row-projects:nth-child(even) .projects-company__title-project {
  font-size: 30px;
  line-height: 35px;
}

.projects-company__row-projects:nth-child(even) .projects-company__detail-info {
  margin: 0;
}

.projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) .projects-company__img-project {
  margin: 0 0 0 56px;
}

.projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) .projects-company__title-project {
  margin: 0 0 24px 0;
}

@media screen and (max-width: 1430px) {
  .projects-company__title-project {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1024px) {
  .projects-company__img-project {
    height: 356px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .projects-company__date-project {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 0 0 24px 0;
  }
  .projects-company__row-projects {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .projects-company__row-projects + .projects-company__row-projects {
    margin-top: 24px;
  }
  .projects-company__title-project {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 0 8px 0;
  }
  .projects-company__detail-info {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__project {
    -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;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__content-project {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__img-project {
    max-width: none;
    height: 356px;
    margin: 0 0 24px 0;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__title-project {
    font-size: 24px;
    line-height: 28px;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) .projects-company__img-project {
    max-width: none;
    margin: 0 0 24px 0;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) .projects-company__title-project {
    margin: 0 0 8px 0;
  }
}

@media screen and (max-width: 767px) {
  .projects-company {
    padding: 0 0 64px 0;
  }
  .projects-company__title-page {
    margin: 0 0 20px 0;
  }
  .projects-company__row-projects {
    gap: 13px;
  }
  .projects-company__row-projects + .projects-company__row-projects {
    margin-top: 13px;
  }
  .projects-company__project {
    padding: 16px 8px;
  }
  .projects-company__img-project {
    margin: 0 0 16px 0;
  }
  .projects-company__detail-info, .projects-company__date-project, .projects-company__title-project, .projects-company__img-project {
    -webkit-box-ordinal-group: initial;
    -ms-flex-order: initial;
    order: initial;
  }
  .projects-company__date-project {
    margin: 0 0 4px 0;
    font-size: 10px;
    line-height: 14px;
  }
  .projects-company__title-project {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 17px;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__project {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__project:nth-child(even) .projects-company__img-project {
    margin: 0 0 16px 0;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__title-project {
    font-size: 14px;
    line-height: 17px;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__img-project {
    margin: 0 0 16px 0;
  }
}

@media screen and (max-width: 520px) {
  .projects-company__img-project {
    height: 230px;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__img-project {
    height: 230px;
  }
}

@media screen and (max-width: 480px) {
  .projects-company__img-project {
    height: 170px;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__img-project {
    height: 170px;
  }
}

@media screen and (max-width: 420px) {
  .projects-company__img-project {
    height: 132px;
  }
  .projects-company__row-projects:nth-child(even) .projects-company__img-project {
    height: 132px;
  }
}

.project {
  padding: 0 0 98px 0;
}

.project__grid-wrap {
  display: grid;
}

.project__preview-project-wrap {
  grid-template-columns: 1fr 617px;
  margin: 0 0 98px 0;
}

.project__content-project {
  border: 1.5px solid #B5BED6;
}

.project__content-wrap {
  padding: 186px 97px 20px 97px;
}

.project__subtitle {
  margin: 0 0 8px 0;
  font-weight: 500;
  color: #5A6185;
}

.project__title-page {
  line-height: 50px;
}

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

.project__other-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto 0 0 0;
  padding: 32px 97px 32px 97px;
}

.project__other-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: #B5BED6;
}

.project__text-content-preview-project {
  max-width: 370px;
  color: #5A6185;
}

.project__detail-catalog {
  margin: 0 0 0 10px;
}

.project__img-project {
  height: 672px;
}

.project__img-project, .project__img-description-project, .project__img-content {
  width: 100%;
}

.project__img-project img, .project__img-description-project img, .project__img-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.project .ask-question {
  margin: 98px 0 0 0;
  padding: 0;
}

.project__description-project-wrap {
  grid-template-columns: 43.5% 1fr;
  gap: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.project__title-description {
  margin: 0 0 16px 0;
}

.project__img-description-project {
  height: 698px;
}

.project__description-project-wrap ~ .project__description-project-wrap {
  margin-top: 92px;
}

.project__description-project-wrap.grid-reverse {
  grid-template-columns: 1fr 43.5%;
}

.project__description-project-wrap.grid-reverse .project__img-description-project {
  grid-column: 2/3;
  grid-row: 1/2;
}

.project__description-project-wrap.grid-reverse .project__description {
  padding: 0 0 0 94px;
}

.project__img-content {
  max-width: 1300px;
  height: 698px;
  margin: 40px 0 0 0;
}

@media screen and (min-width: 768px) {
  .project__title-page {
    font-size: 40px;
    line-height: 50px;
  }
  .project__detail-catalog {
    padding: 12px 23px;
  }
  .project__title-description {
    font-size: 32px;
    line-height: 38px;
  }
}

@media screen and (max-width: 1430px) {
  .project__preview-project-wrap {
    grid-template-columns: 1fr 530px;
  }
}

@media screen and (max-width: 1300px) {
  .project__other-info {
    padding: 32px;
  }
  .project__content-wrap {
    padding: 186px 32px 20px 32px;
  }
}

@media screen and (max-width: 1280px) {
  .project__img-description-project {
    height: 545px;
  }
}

@media screen and (max-width: 1180px) {
  .project__preview-project-wrap {
    grid-template-columns: 1fr 425px;
  }
  .project__text-content-preview-project {
    max-width: 340px;
  }
}

@media screen and (max-width: 1024px) {
  .project {
    padding: 0 0 86px 0;
  }
  .project__preview-project-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
    margin: 10px 0 86px 0;
  }
  .project__content-wrap {
    padding: 132px 61px;
  }
  .project__other-info {
    padding: 28px 61px;
  }
  .project__text-content-preview-project {
    max-width: 370px;
  }
  .project__img-project {
    height: 379px;
  }
  .project__description-project-wrap {
    grid-template-columns: 40.2% 1fr;
    gap: 84px;
  }
  .project__img-description-project {
    height: 453px;
  }
  .project__text-content-description p {
    font-size: 14px;
    line-height: 22px;
  }
  .project__description-project-wrap.grid-reverse .project__description {
    padding: 0 0 0 24px;
  }
  .project .ask-question {
    margin: 86px 0 0 0;
  }
  .project__description-project-wrap ~ .project__description-project-wrap {
    margin-top: 86px;
  }
  .project__img-content {
    margin: 48px 0 0 0;
    height: 428px;
  }
}

@media screen and (max-width: 992px) {
  .project__img-description-project {
    height: 340px;
  }
  .project__description-project-wrap {
    grid-template-columns: 45% 1fr;
    gap: 50px;
  }
}

@media screen and (max-width: 767px) {
  .project {
    padding: 8px 0 64px 0;
  }
  .project .inner-top {
    display: none;
  }
  .project__preview-project-wrap {
    margin: 0 0 64px 0;
  }
  .project__content-wrap, .project__other-info {
    padding: 0;
  }
  .project__content-project {
    border: 0;
  }
  .project__other-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .project__other-info::before {
    display: none;
  }
  .project__title-page {
    margin: 0 0 48px 0;
    font-size: 32px;
    line-height: 38px;
  }
  .project__detail-catalog {
    margin: 16px 0 0 0;
  }
  .project__text-content-preview-project p {
    font-size: 14px;
    line-height: 20px;
  }
  .project__subtitle {
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 25px;
  }
  .project__img-project, .project__img-description-project, .project__img-content {
    width: calc( 100% + 32px);
    margin: 0 -16px;
  }
  .project__img-project {
    height: 520px;
  }
  .project__description-project-wrap, .project__description-project-wrap.grid-reverse {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .project__description-project-wrap.grid-reverse .project__img-description-project {
    grid-column: auto;
    grid-row: auto;
  }
  .project__description-project-wrap.grid-reverse .project__description {
    padding: 0;
  }
  .project__img-description-project {
    height: 480px;
  }
  .project__img-content {
    margin-top: 64px;
    height: 390px;
  }
  .project__title-description {
    margin: 0 0 12px 0;
  }
  .project__description-project-wrap ~ .project__description-project-wrap,
  .project .ask-question {
    margin-top: 64px;
  }
}

@media screen and (max-width: 440px) {
  .project__img-project {
    height: 393px;
  }
  .project__img-description-project {
    height: 380px;
  }
  .project__img-content {
    height: 264px;
  }
}

.certificates-company {
  padding: 0 0 98px 0;
}

.certificates-company__title-page {
  margin: 0 0 32px 0;
}

.certificates-company .certificates {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

@media screen and (max-width: 1024px) {
  .certificates-company {
    padding: 0 0 86px 0;
  }
  .certificates-company__title-page {
    margin: 0 0 24px 0;
  }
  .certificates-company .certificates {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .certificates-company {
    padding: 0 0 64px 0;
  }
  .certificates-company__title-page {
    margin: 0 0 20px 0;
  }
  .certificates-company .certificates {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.contacts {
  padding: 0 0 98px 0;
}

.contacts__grid-wrap {
  display: grid;
}

.contacts__info-contacts-wrap {
  grid-template-columns: 390px 1fr;
  gap: 39px;
  margin: 32px 0 0 0;
}

.contacts__title-contacts {
  margin: 0 0 16px 0;
  font-family: 'Golos', sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.contacts__address-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-style: normal;
}

.contacts__address-content span {
  margin: 8px 0 0 0;
}

.contacts__address-content span::before {
  content: '';
  display: inline-block;
  width: 29px;
  height: 15px;
  background-image: url("../images/svg/d2.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 6px 0 0;
}

.contacts__row + .contacts__row {
  margin: 40px 0 0 0;
}

.contacts__footnote {
  margin: 2px 0 0 0;
  color: #5A6185;
}

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

.contacts__phone + .contacts__phone {
  margin: 8px 0;
}

.contacts__mail + .contacts__mail {
  margin: 16px 0 0 0;
}

.contacts__requisite {
  color: #5A6185;
}

.contacts__requisite span {
  color: #222945;
}

.contacts__requisite + .contacts__requisite {
  margin: 8px 0 0 0;
}

.contacts #map {
  width: 100%;
  height: 100%;
}

.contacts [class*="copyrights-pane"] {
  display: none !important;
}

.contacts [class*="ground-pane"] {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

@media screen and (max-width: 1024px) {
  .contacts__info-contacts-wrap {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .contacts #map {
    height: 428px;
  }
  .contacts__map-wrap {
    margin: 0 -32px;
  }
  .contacts__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 155px;
  }
  .contacts__title-contacts {
    margin: 0 0 12px 0;
    font-size: 18px;
    line-height: 21px;
  }
  .contacts__address-content, .contacts__text-content-contacts, .contacts__requisite {
    font-size: 16px;
  }
  .contacts__phone, .contacts__mail {
    font-size: 16px;
    line-height: 24px;
  }
  .contacts__phone + .contacts__phone {
    margin: 4px 0 8px 0;
  }
  .contacts__mail + .contacts__mail {
    margin: 8px 0 0 0;
  }
  .contacts__footnote {
    font-size: 14px;
    line-height: 20px;
  }
  .contacts__row + .contacts__row {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .contacts__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .contacts__info-contacts-wrap {
    gap: 40px;
  }
  .contacts #map {
    height: 353px;
  }
  .contacts__map-wrap {
    margin: 0 -16px;
  }
  .contacts__title-contacts {
    margin: 0 0 10px 0;
  }
  .contacts__address-content, .contacts__text-content-contacts, .contacts__phone, .contacts__mail, .contacts__requisite {
    font-size: 14px;
  }
  .contacts__address-content {
    line-height: 20px;
  }
  .contacts__text-content-contacts, .contacts__footnote, .contacts__phone, .contacts__mail, .contacts__requisite {
    line-height: 25px;
  }
  .contacts__phone + .contacts__phone {
    margin: 2px 0;
  }
  .contacts__mail + .contacts__mail {
    margin: 12px 0 0 0;
  }
  .contacts__requisite + .contacts__requisite {
    margin: 0;
  }
  .contacts__address-content span::before {
    width: 19px;
    height: 10px;
  }
  .contacts .ymaps-2-1-79-image {
    top: -60px !important;
    width: 34px !important;
    height: 42px !important;
    background-size: contain !important;
    background-repeat: no-repeat;
  }
}

.about-us {
  padding: 0 0 108px 0;
}

.about-us__banner-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 671px;
  margin: 0 0 99px 0;
  background-image: url(/files/promo/010.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.about-us__banner-wrap1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 671px;
  margin: 0 0 99px 0;
  background-image: url(/files/promo/011.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.about-us__banner-wrap2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 671px;
  margin: 0 0 99px 0;
  background-image: url(/files/promo/009.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.about-us__banner-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(11.24deg, rgba(8, 5, 37, 0.47) 70.8%, rgba(8, 5, 37, 0) 88.49%);
  background: linear-gradient(78.76deg, rgba(8, 5, 37, 0.47) 70.8%, rgba(8, 5, 37, 0) 88.49%);
}

.about-us__banner-content {
  position: relative;
  width: 100%;
  padding: 0 96px;
  z-index: 1;
}

.about-us__detail-catalog {
  border: 0;
  padding: 12px 25px;
}

.about-us__detail-catalog:focus {
  border: 0;
  background: #fff;
}

.about-us__subtitle, .about-us__title-banner {
  color: #fff;
}

.about-us__subtitle {
  margin: 0 0 12px 0;
  font-weight: 500;
}

.about-us__title-banner {
  margin: 0 0 28px 0;
  font-family: 'Golos', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 59px;
}

.about-us__text-content-preview {
  max-width: 980px;
  margin: 0 auto 50px auto;
  text-align: center;
}

.about-us__text-content-preview p {
  font-family: 'Golos', sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.about-us__img-content {
  width: 100%;
  height: 378px;
  margin: 0 0 98px 0;
}

.about-us__img-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about-us__grid-wrap {
  display: grid;
}

.about-us__content-wrap {
  grid-template-columns: repeat(2, 1fr);
  gap: 0 160px;
  margin: 108px 0 0 0;
}

.about-us__advantage-list {
  counter-reset: num;
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px auto 0 auto;
  padding: 0 0 16px 0;
}

.about-us__advantage-list li {
  counter-increment: num;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 265px;
  height: 265px;
  margin: 0 -16px -16px 0;
  border: 1.5px solid #B5BED6;
  border-radius: 50%;
  font-size: 24px;
  line-height: 28px;
  color: #5A6185;
}

.about-us__advantage-list li:hover {
  border: 1.5px solid #353094;
  background: #353094;
  color: #fff;
  z-index: 1;
}

.about-us__advantage-list li:hover::before {
  background: #B5BED6;
  color: #fff;
}

.about-us__advantage-list li::before {
  content: counter(num);
  position: absolute;
  left: 40px;
  top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid #B5BED6;
  background: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #5A6185;
}

.about-us__text-content-about-us h2 {
  margin: 0 0 12px 0;
}

@media screen and (max-width: 1140px) {
  .about-us__content-wrap {
    gap: 115px;
  }
}

@media screen and (max-width: 1024px) {
  .about-us {
    padding: 0 0 86px 0;
  }
  .about-us__banner-wrap {
    min-height: 548px;
    margin: 0 0 86px 0;
  }
  .about-us__banner-content {
    padding: 0 32px;
  }
  .about-us__subtitle {
    margin: 0 0 8px 0;
    font-size: 16px;
  }
  .about-us__title-banner {
    margin: 0 0 32px 0;
    font-size: 40px;
    line-height: 46px;
  }
  .about-us__text-content-preview {
    margin: 0 auto 40px auto;
  }
  .about-us__text-content-preview p {
    font-size: 20px;
    line-height: 27px;
  }
  .about-us__img-content {
    margin: 0 0 86px 0;
  }
  .about-us__advantage-list {
    margin: 40px 0 0 0;
  }
  .about-us__advantage-list li {
    width: 230px;
    height: 230px;
    margin: 0 -25px -16px 0;
    font-size: 20px;
    line-height: 24px;
  }
  .about-us__advantage-list li::before {
    font-size: 14px;
    line-height: 16px;
  }
  .about-us__text-content-about-us p {
    font-size: 16px;
  }
  .about-us__content-wrap {
    gap: 64px;
    margin: 86px 0 0 0;
  }
  .about-us__detail-catalog {
    padding: 10px 24px;
  }
}

@media screen and (max-width: 767px) {
  .about-us {
    padding: 0 0 64px 0;
  }
  .about-us__banner-wrap {
    display: block;
    min-height: 466px;
    margin: 0 -16px 66px -16px;
    width: calc(100% + 32px);
  }
  .about-us__banner-content {
    padding: 118px 16px 0 16px;
  }
  .about-us__subtitle {
    font-size: 14px;
  }
  .about-us__title-banner {
    font-size: 32px;
    line-height: 38px;
  }
  .about-us__text-content-preview p {
    font-size: 16px;
    line-height: 25px;
  }
  .about-us__img-content {
    margin: 0 0 86px 0;
  }
  .about-us__advantage-list {
    margin: 32px 0 0 0;
    padding: 0 0 9px 0;
  }
  .about-us__advantage-list li {
    width: 178px;
    height: 178px;
    margin: 0 -9px -9px 0;
    font-size: 18px;
    line-height: 21px;
  }
  .about-us__advantage-list li::before {
    top: 7px;
    left: 20px;
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
  .about-us__content-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
    margin: 64px 0 0 0;
  }
  .about-us__img-content {
    height: 242px;
    margin: 0 0 64px 0;
  }
  .about-us__detail-catalog {
    padding: 10px 16px;
  }
}

.cart {
  padding: 0 0 86px 0;
}

.cart__wrap {
  padding: 0 96px;
}

.cart .back-to-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 16px 0;
}

.cart__brief-info-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 32px 0;
  padding: 0 0 20px 0;
  border-bottom: 1.5px solid #C3CDEB;
}

.cart__grid-wrap {
  display: grid;
}

.cart__making-purchase-wrap {
  grid-template-columns: 1fr 413px;
  gap: 97px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cart__notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 28px 0;
  padding: 16px;
  background: #F7F8FE;
}

.cart__notification svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 17px;
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
}

.cart__notification p, .cart__notification a {
  font-size: 14px;
  line-height: 21px;
}

.cart__info-about-purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 24px 0;
  padding: 32px;
  border: 1.5px solid #C3CDEB;
}

.cart__quantity-products {
  margin: 0 10px 0 0;
  font-weight: 500;
}

.cart__total-price {
  margin: 0 0 0 auto;
  font-family: 'Golos', sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.cart__make-purchase {
  margin: 24px 0 0 0;
  width: 100%;
}

.cart__making-purchase .ask-question {
  padding: 0;
}

.cart__making-purchase .ask-question__wrap {
  padding: 32px;
}

.cart__making-purchase .ask-question__title-content {
  font-size: 24px;
  line-height: 28px;
}

.cart__making-purchase .ask-question__text-content-ask-question {
  margin: 0 0 24px 0;
  font-size: 14px;
  line-height: 22px;
}

.cart__making-purchase .ask-question__contact {
  padding: 8px 22px;
}

.cart__product {
  position: relative;
  display: grid;
  grid-template-columns: 206px 1fr;
  gap: 24px;
}

.cart__img-product {
  width: 100%;
  height: 166px;
  border: 1.5px solid #C3CDEB;
}

.cart__img-product img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cart__product + .cart__product {
  margin: 49px 0 0 0;
}

.cart__delete-product {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
}

.cart__delete-product:hover svg {
  stroke: #F5E64F;
}

.cart__delete-product:focus svg {
  stroke: #ED4E59;
}

.cart__delete-product svg {
  width: 22px;
  height: 22px;
  stroke: #B5BED6;
  stroke-width: 2px;
}

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

.cart__counter-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1.5px solid #B5BED6;
}

.cart__counter-toggle:hover svg {
  stroke: #F5E64F;
}

.cart__counter-toggle svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.5px;
  stroke: #5A6185;
}

.cart__counter-toggle:first-child {
  cursor: auto;
}

.cart__counter-toggle:first-child:hover svg,
.cart__counter-toggle:first-child:focus svg {
  stroke: #5A6185;
}

.cart__counter.active-counter .cart__counter-toggle:first-child {
  cursor: pointer;
}

.cart__counter.active-counter .cart__counter-toggle:first-child:hover svg {
  stroke: #F5E64F;
}

.cart__counter.active-counter .cart__counter-toggle:first-child svg {
  stroke: #5A6185;
}

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

.cart__article-number {
  margin: 0 0 4px 0;
  font-size: 14px;
  line-height: 21px;
}

.cart__title-product, .cart__title-color {
  font-weight: 500;
}

.cart__title-product {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 95%;
  margin: 0 0 10px 0;
}

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

.cart__colors {
  margin: auto 0 16px 0;
}

.cart__color {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0 0 16px;
  border-radius: 50%;
}

.cart__price {
  margin: 0 5px 0 0;
}

.cart__price, .cart__currency {
  font-family: 'Golos', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.cart__weight {
  margin: 0 0 0 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #5A6185;
}

.cart .gray-color {
  background: #E4E2DD;
}

.cart__other-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.cart__value {
  width: 40px;
  border: 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.cart__empty-cart {
  -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;
}

.cart__icon-empty svg {
  width: 500px;
  height: 394px;
}

.cart__icon-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 32px 0;
}

.cart__text-content-empty-cart {
  margin: 0 0 24px 0;
  font-family: 'Golos', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #5A6185;
}

@media screen and (max-width: 1380px) {
  .cart__wrap {
    padding: 0 60px;
  }
  .cart__making-purchase-wrap {
    gap: 45px;
  }
}

@media screen and (max-width: 1180px) {
  .cart__quantity-products {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .cart__total-price {
    width: 100%;
    text-align: left;
  }
  .cart__making-purchase-wrap {
    grid-template-columns: 1fr 345px;
  }
}

@media screen and (max-width: 1150px) {
  .cart__wrap {
    padding: 0;
  }
  .cart__making-purchase {
    display: none;
  }
  .cart__making-purchase-wrap {
    grid-template-columns: 1fr;
  }
  .cart__product + .cart__product {
    margin: 33px 0 0 0;
  }
  .cart__brief-info-cart {
    margin: 0 0 12px 0;
  }
  .cart__notification {
    margin: 0 0 16px 0;
    padding: 18px;
  }
  .cart__img-product {
    height: 142px;
  }
  .cart__product {
    grid-template-columns: 190px 1fr;
  }
  .cart__title-product {
    -webkit-line-clamp: 1;
    margin: 0 0 16px 0;
  }
  .cart__title-product, .cart__title-color {
    font-size: 16px;
  }
  .cart__color {
    margin: 0 0 0 8px;
  }
  .cart__price, .cart__currency {
    font-size: 20px;
    line-height: 21px;
  }
  .cart__counter-toggle {
    width: 36px;
    height: 36px;
  }
  .cart .back-to-page {
    margin: 0 0 10px 0;
  }
  .cart__icon-empty svg {
    width: 416px;
    height: 328px;
  }
  .cart__text-content-empty-cart {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (max-width: 767px) {
  .cart {
    padding: 8px 0 48px 0;
  }
  .cart__product {
    grid-template-columns: 83px 1fr;
    gap: 16px;
  }
  .cart__product + .cart__product {
    margin: 12px 0 0 0;
  }
  .cart__delete-product {
    width: 8px;
    height: 8px;
  }
  .cart__delete-product svg {
    width: 8px;
    height: 8px;
  }
  .cart__img-product {
    height: 73px;
  }
  .cart__article-number, .cart__colors, .cart__cart-price,
  .cart .back-to-page {
    display: none;
  }
  .cart__title-product {
    -webkit-line-clamp: 2;
    max-width: none;
    width: calc( 100% - 72px);
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 18px;
  }
  .cart__price {
    margin: 0 3px 0 0;
  }
  .cart__price, .cart__currency {
    font-size: 14px;
    line-height: 16px;
  }
  .cart__weight {
    font-size: 12px;
    line-height: 15px;
  }
  .cart__brief-info-cart {
    padding: 0;
    border: 0;
  }
  .cart__notification {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 12px 16px;
  }
  .cart__notification p, .cart__notification a {
    font-size: 12px;
    line-height: 15px;
  }
  .cart__counter-toggle {
    width: 22px;
    height: 22px;
  }
  .cart__value {
    width: 24px;
    font-size: 12px;
    line-height: 18px;
  }
  .cart__icon-empty {
    margin: 0 0 16px 0;
  }
  .cart__icon-empty svg {
    width: 251px;
    height: 198px;
  }
  .cart__text-content-empty-cart {
    font-size: 12px;
    line-height: 14px;
  }
}

.cart.active-empty-cart .cart__making-purchase,
.cart.active-empty-cart .cart__product-cards-wrap,
.cart.active-empty-cart .cart__cart-price {
  display: none;
}

.cart.active-empty-cart .cart__empty-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cart.active-empty-cart .cart__making-purchase-wrap {
  grid-template-columns: 1fr;
}

.cart.active-empty-cart .cart__brief-info-cart {
  margin: 0  0 20px 0;
  padding: 0;
  border: 0;
}

.cart.active-empty-cart .cart__notification {
  margin: 0 0 32px 0;
}

@media screen and (max-width: 1024px) {
  .cart.active-empty-cart {
    padding: 0 0 64px 0;
  }
  .cart.active-empty-cart .cart__brief-info-cart {
    margin: 0 0 36px 0;
  }
}

@media screen and (max-width: 767px) {
  .cart.active-empty-cart {
    padding: 0 0 48px 0;
  }
  .cart.active-empty-cart .cart__brief-info-cart {
    margin: 0 0 20px 0;
  }
  .cart.active-empty-cart .cart__notification {
    margin: 0 0 20px 0;
  }
}

.making-order {
  padding: 0 0 98px 0;
}

.making-order .back-to-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 16px 0;
}

.making-order__wrap {
  padding: 0 96px;
}

.making-order__title-page {
  margin: 0 0 20px 0;
}

.making-order__grid-wrap, .making-order__data-person {
  display: grid;
}

.making-order__order-wrap {
  grid-template-columns: 1fr 415px;
  gap: 128px;
  padding: 32px 0 0 0;
  border-top: 1.5px solid #C3CDEB;
}

.making-order__data-person {
  grid-template-columns: 1fr 66.7%;
}

.making-order__title-data-person {
  margin: 0 10px 0 0;
}

.making-order__title-data-person p {
  font-family: 'Golos', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.making-order__field-wrap ~ .making-order__field-wrap {
  margin: 36px 0 0 0;
}

.making-order__data-person ~ .making-order__data-person {
  margin: 48px 0 0 0;
}

.making-order__submiting-form {
  grid-column: 2/3;
}

.making-order__radio-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.making-order__title-delivery {
  margin: 0 0 22px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.making-order__radio-btns .custom-radio-btn-wrap {
  margin: 0;
}

.making-order__radio-btns .custom-radio-btn ~ label::before {
  margin: 0 10px 0 0;
}

.making-order__radio-btns .custom-radio-btn ~ label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 20px;
}

.making-order__radio-btns .custom-radio-btn:checked ~ label {
  font-weight: 500;
}

.making-order__radio-btns .making-order__radio-btn-wrap {
  margin: 0 32px 5px 0;
}

.making-order__field-wrap textarea {
  display: block;
  width: 100%;
  height: 164px;
  margin: 0 0 48px 0;
  padding: 16px;
  border: 1px solid #B5BED6;
}

.making-order__field-wrap textarea::-webkit-input-placeholder {
  color: #B5BED6;
}

.making-order__field-wrap textarea::-moz-placeholder {
  color: #B5BED6;
}

.making-order__field-wrap textarea:-ms-input-placeholder {
  color: #B5BED6;
}

.making-order__field-wrap textarea::-ms-input-placeholder {
  color: #B5BED6;
}

.making-order__field-wrap textarea::placeholder {
  color: #B5BED6;
}

.making-order__field-wrap textarea:focus {
  border: 1px solid #5A6185;
}

.making-order .field-form[type="tel"],
.making-order .field-form[type="mail"] {
  max-width: 287px;
}

.making-order__description-order {
  margin: 0 0 24px 0;
  padding: 24px;
  background: #F7F8FE;
}

.making-order__basic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 24px 0;
}

.making-order__title-order-info, .making-order__change-order {
  font-family: 'Golos', sans-serif;
}

.making-order__title-order-info {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.making-order__title-order-info span {
  font-size: 16px;
  line-height: 19px;
}

.making-order__change-order {
  font-size: 14px;
  line-height: 17px;
  color: #5A6185;
}

.making-order__products-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -4px 24px -4px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #D4D8E2;
}

.making-order__img-product {
  position: relative;
  width: 106px;
  height: 86px;
  margin: 0 4px 8px 4px;
}

.making-order__img-product span {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-family: 'Golos', sans-serif;
  font-size: 10px;
  line-height: 12px;
}

.making-order__img-product img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.making-order__text-content-order {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.making-order__total-price {
  font-family: 'Golos', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

.making-order__total-price-wrap {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.making-order__notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 12px 0 0 0;
  padding: 8px;
  background: #E3E8F9;
}

.making-order__notification svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  stroke: #5A6185;
  stroke-width: 1.5px;
}

.making-order__title-notification {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #5A6185;
}

.making-order__order-info .ask-question {
  padding: 0;
}

.making-order__order-info .ask-question__wrap {
  padding: 32px;
}

.making-order__order-info .ask-question__title-content {
  font-size: 24px;
  line-height: 28px;
}

.making-order__order-info .ask-question__text-content-ask-question {
  margin: 0 0 24px 0;
  font-size: 14px;
  line-height: 22px;
}

.making-order__order-info .ask-question__contact {
  padding: 8px 22px;
}

.making-order__order-process-wrap {
  display: none;
  position: absolute;
  top: 245px;
  left: 0;
  right: 0;
  margin: 0 auto;
  -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;
  z-index: 1000;
}

.making-order__img-loading {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 39px;
  height: 39px;
  margin: 0 0 12px 0;
}

.making-order__img-loading img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.making-order__content-loading {
  font-size: 20px;
  line-height: 24px;
  color: #5A6185;
}

.making-order__order-succes-wrap {
  display: none;
  -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: 24px 0 0 0;
}

.making-order__img-succes {
  min-width: 500px;
  height: 378px;
  margin: 0 0 24px 0;
}

.making-order__img-succes svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.making-order__title-succes {
  margin: 0 0 8px 0;
}

.making-order__subtitle-succes {
  margin: 0 0 24px 0;
}

.making-order__subtitle-succes p {
  font-size: 20px;
  line-height: 24px;
  color: #5A6185;
}

@media screen and (max-width: 1430px) {
  .making-order__order-wrap {
    gap: 60px;
  }
  .making-order__wrap {
    padding: 0 60px;
  }
}

@media screen and (max-width: 1240px) {
  .making-order__wrap {
    padding: 0;
  }
  .making-order__order-wrap {
    gap: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .making-order {
    padding: 0 0 58px 0;
  }
  .making-order__order-wrap {
    grid-template-columns: 1fr;
    gap: 56px;
    max-width: 735px;
  }
  .making-order__order-info {
    grid-row: 1/2;
  }
  .making-order__title-page {
    margin: 0 0 16px 0;
  }
  .making-order__products-preview {
    margin: 0 -4px 32px -4px;
    padding: 0 0 16px 0;
  }
  .making-order__notification {
    margin: 14px 0 0 0;
  }
  .making-order__description-order {
    margin: 0;
  }
  .making-order .ask-question {
    display: none;
  }
  .making-order__data-person {
    grid-template-columns: 1fr;
  }
  .making-order__title-data-person {
    margin: 0 0 24px 0;
  }
  .making-order__field-wrap ~ .making-order__field-wrap {
    margin: 40px 0 0 0;
  }
  .making-order__data-person ~ .making-order__data-person {
    margin: 56px 0 0 0;
  }
  .making-order__data-person:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 62px 0 0 0;
  }
  .making-order__field-wrap textarea {
    height: 159px;
    margin: 0 0 36px 0;
  }
  .making-order__order-products {
    padding: 12px 23px;
  }
  .making-order .field-form[type="tel"],
  .making-order .field-form[type="mail"] {
    max-width: 388px;
  }
  .making-order__title-succes p {
    font-size: 40px;
    line-height: 60px;
  }
  .making-order__order-succes-wrap {
    margin: 32px 0 0 0;
  }
  .making-order__order-process-wrap {
    top: 299px;
  }
  .making-order__content-loading p {
    font-size: 18px;
    line-height: 27px;
  }
  .making-order__img-loading {
    margin: 0 0 16px 0;
    width: 34px;
    height: 34px;
  }
}

@media screen and (max-width: 767px) {
  .making-order {
    padding: 8px 0 48px 0;
  }
  .making-order .back-to-page {
    display: none;
  }
  .making-order__title-page {
    margin: 0 0 10px 0;
  }
  .making-order__order-wrap {
    padding: 28px 0 0 0;
  }
  .making-order__description-order {
    padding: 24px 16px;
  }
  .making-order__title-order-info span, .making-order__change-order {
    font-size: 12px;
    line-height: 14px;
  }
  .making-order__basic-info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .making-order__products-preview {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -16px 8px -16px;
    padding: 0 16px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 0;
  }
  .making-order__order-wrap {
    grid-template-columns: 100%;
    gap: 40px;
    max-width: none;
  }
  .making-order__img-product {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .making-order__products-preview::-webkit-scrollbar {
    height: 1px;
  }
  .making-order__products-preview::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .making-order__total-price-wrap {
    padding: 20px 0 0 0;
    border-top: 1px solid #D4D8E2;
  }
  .making-order__total-price,
  .making-order__title-data-person p {
    font-size: 18px;
    line-height: 21px;
  }
  .making-order__notification {
    margin: 12px 0 0 0;
  }
  .making-order__title-data-person {
    margin: 0 0 20px 0;
  }
  .making-order__field-wrap ~ .making-order__field-wrap {
    margin: 28px 0 0 0;
  }
  .making-order__data-person ~ .making-order__data-person {
    margin: 40px 0 0 0;
  }
  .making-order__title-delivery {
    margin: 0 0 20px 0;
  }
  .making-order__radio-btns .custom-radio-btn ~ label {
    font-size: 14px;
    line-height: 20px;
  }
  .making-order__radio-btns .making-order__radio-btn-wrap {
    margin: 0 28px 5px 0;
  }
  .making-order__field-wrap textarea {
    height: 107px;
    margin: 0 0 24px 0;
  }
  .making-order__submiting-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .making-order__order-products {
    padding: 7px 52px;
    line-height: 20px;
  }
  .making-order__order-succes-wrap {
    overflow-x: hidden;
  }
  .making-order__img-succes {
    min-width: 368px;
    height: 278px;
  }
  .making-order__title-succes p {
    font-size: 24px;
    line-height: 30px;
  }
  .making-order__subtitle-succes p {
    text-align: center;
    font-size: 14px;
    line-height: 17px;
  }
  .making-order__detail-catalog {
    padding: 9px 15px;
  }
  .making-order__order-process-wrap {
    top: 62px;
  }
  .making-order__content-loading p {
    font-size: 12px;
    line-height: 14px;
  }
  .making-order__img-loading {
    width: 24px;
    height: 24px;
  }
}

.choose-colors {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(78, 69, 69, 0.6);
  cursor: pointer;
  z-index: 999;
}

.choose-colors__modal {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: scroll;
}

.choose-colors__modal-wrap {
  position: relative;
  margin: auto;
  max-width: 761px;
  width: 100%;
  padding: 36px 40px 48px 40px;
  cursor: auto;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 4px 24px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 4px 24px rgba(0, 0, 0, 0.12);
}

.choose-colors__modal-close {
  position: absolute;
  top: 0;
  right: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
}

.choose-colors__modal-close svg {
  width: 100%;
  height: 100%;
  stroke: #fff;
  stroke-width: 3px;
}

.choose-colors__title-modal {
  margin: 0 0 30px 0;
  position: relative;
  z-index: 1;
}

.choose-colors__title-modal p {
  position: relative;
  z-index: 3;
}

.choose-colors__choose-btn {
  position: relative;
  padding: 9px 15px;
  font-size: 12px;
  line-height: 16px;
  z-index: 2;
}

.choose-colors__saving-choose {
  position: relative;
}

.choose-colors__saving-choose::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -24px;
  right: 0;
  width: 100%;
  height: 77px;
  -webkit-box-shadow: 1px -9px 39px 27px #FFFFFF;
  box-shadow: 1px -9px 39px 27px #FFFFFF;
  z-index: 2;
}

.choose-colors__saving-choose.active-scrolled-stop::before, .choose-colors__saving-choose.active-scrolled-stop::before {
  display: none;
}

.choose-colors__head-item {
  position: relative;
  padding: 0 0 13px 0;
  z-index: 1;
}

.choose-colors__head-table {
  border-bottom: 1px solid #C3CDEB;
}

.choose-colors__head-table, .choose-colors__content-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -37px;
}

.choose-colors__head-item, .choose-colors__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 37px;
  width: calc(20% - 74px);
  text-decoration: none;
  text-align: center;
}

.choose-colors__title-head + .choose-colors__title-head {
  margin: 0 0 0 auto;
}

.choose-colors__color {
  position: relative;
  margin: 0 0 0 auto;
}

.choose-colors__title-head, .choose-colors__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.choose-colors__title-head {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #979FB6;
}

.choose-colors__content-table {
  gap: 24px 0;
  max-height: 353px;
  padding: 28px 0 50px 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.choose-colors__content-table::-webkit-scrollbar {
  display: block;
  width: 4px;
  border-radius: 6px;
  background-color: #EAECF2;
}

.choose-colors__content-table::-webkit-scrollbar-thumb {
  background-color: #B5BED6;
  width: 4px;
  border-radius: 6px;
}

.choose-colors__content-table-wrap {
  margin: 0 0 16px 0;
}

.choose-colors__content-item {
  position: relative;
}

.choose-colors__content-item::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc( 100% + 16px);
  border: 1.5px solid transparent;
  background: transparent;
}

.choose-colors__content-item input {
  position: relative;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
}

.choose-colors__content-item input::before {
  content: '';
  position: absolute;
  left: -50px;
  width: 50px;
  height: 100%;
  background: transparent;
}

.choose-colors__content-item span {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

.choose-colors__content-item label {
  position: relative;
  display: block;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #5A6185;
}

.choose-colors__number-color {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}

.choose-colors__content-item.active-color-check::before {
  border: 1.5px solid #C3CDEB;
  background: #F7F8FE;
}

@media screen and (max-width: 1024px) {
  .choose-colors__modal-wrap {
    max-width: 610px;
    padding: 36px 40px 32px 40px;
  }
  .choose-colors__content-table {
    max-height: 305px;
  }
  .choose-colors__head-item, .choose-colors__content-item {
    width: calc(25% - 74px);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  .choose-colors__head-item:nth-child(5) {
    display: none;
  }
  .choose-colors__saving-choose::after {
    height: 14px;
    top: -14px;
  }
  .choose-colors__title-modal p {
    font-size: 32px;
    line-height: 38px;
  }
}

@media screen and (max-width: 767px) {
  .choose-colors__head-item, .choose-colors__content-item {
    width: calc(50% - 90px);
    margin: 0 45px;
  }
  .choose-colors__head-item:nth-child(3), .choose-colors__head-item:nth-child(4), .choose-colors__head-item:nth-child(5) {
    display: none;
  }
  .choose-colors__title-modal {
    margin: 0 0 15px 0;
  }
  .choose-colors__title-modal::before {
    top: -39px;
    left: -16px;
    width: calc( 100% + 32px);
    height: 113px;
  }
  .choose-colors__title-modal p {
    font-size: 20px;
    line-height: 30px;
  }
  .choose-colors__modal-wrap {
    top: 68px;
    top: 0;
    height: calc( 100vh - 68px);
    height: 100vh;
    padding: 39px 16px 16px 16px;
    overflow: hidden;
  }
  .choose-colors__modal-close {
    top: 20px;
    right: 22px;
    width: 12px;
    height: 12px;
    z-index: 2;
  }
  .choose-colors__modal-close svg {
    stroke: #000;
  }
  .choose-colors__head-table, .choose-colors__content-table {
    margin: 0 -45px;
  }
  .choose-colors__content-item label {
    font-size: 16px;
    line-height: 24px;
  }
  .choose-colors__content-item input,
  .choose-colors__content-item span {
    width: 29px;
    height: 29px;
  }
  .choose-colors__choose-btn {
    width: calc( 100% - 36px);
    margin: 0 34px;
  }
  .choose-colors__saving-choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .choose-colors__content-table::-webkit-scrollbar {
    display: none;
  }
  .choose-colors__content-table {
    max-height: none;
    padding-bottom: 75px;
  }
  .choose-colors__saving-choose {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 0 16px 0;
  }
  .choose-colors__saving-choose::after {
    display: none;
  }
  .choose-colors__saving-choose::before {
    bottom: 0;
    height: 55px;
    -webkit-box-shadow: 1px -9px 39px 27px #FFFFFF;
    box-shadow: 1px -9px 39px 27px #FFFFFF;
    background: #fff;
  }
}


.cart__color-price-notice {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-top: 40px;
    padding: 28px 32px;
    background: #f7f8ff;
    color: #202842;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 500;
}

.cart__color-price-notice .icon-warning {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    margin-top: 3px;
    color: #bfc9e6;
}

.cart__color-price-notice p {
    margin: 0;
    max-width: 780px;
}

@media (max-width: 767px) {
    .cart__color-price-notice {
        gap: 12px;
        margin-top: 24px;
        padding: 20px;
        font-size: 16px;
    }

    .cart__color-price-notice .icon-warning {
        width: 22px;
        height: 22px;
    }
}

.contacts__mail--email,
.contacts__mail--email:visited {
  color: #7a0019;
}
.contacts__mail--email:hover,
.contacts__mail--email:focus {
  color: #5a0012;
}