/* Start:/local/templates/f-plus/external-files/swiper/swiper.css?168240994120666*/
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* End */


/* Start:/local/templates/f-plus/external-files/fancybox/jquery.fancybox.min.css?168240994112921*/
@function max($numbers...) {
  @return m#{a}x(#{$numbers});
}

@function min($numbers...) {
  @return m#{i}n(#{$numbers});
}

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/f-plus/external-files/simplebar/simplebar.css?16824099413701*/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

/* End */


/* Start:/local/templates/f-plus/external-files/nouislider/nouislider.min.css?16824099414007*/
/*! nouislider - 13.1.3 - 3/15/2019 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
/* End */


/* Start:/local/templates/f-plus/external-files/tooltipster/tooltipster.bundle.css?16824099419518*/
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 185px;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #565656;
	border: 2px solid black;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 12px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #565656;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #565656;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #565656;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #565656;
	left: 0;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}

/* End */


/* Start:/local/templates/f-plus/external-files/tooltipster/tooltipster-sideTip-shadow.css?16824099411907*/
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  border: none;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 5px 30px rgba(24, 53, 93, 0.09);
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
  margin-top: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
  margin-right: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
  margin-left: 6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
  margin-bottom: 6px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  font-size: 12px;
  line-height: 15px;
  color: #000023;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  height: 6px;
  margin-left: -6px;
  width: 12px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  width: 6px;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
  display: none;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
  border: 6px solid transparent;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -6px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
  left: -6px;
}

/* End */


/* Start:/local/templates/f-plus/external-files/videojs/video.min.css?168241274046447*/
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center;
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101";
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play-circle:before {
    content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-square:before {
    content: "\f10a";
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-spinner:before {
    content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-share:before {
    content: "\f10f";
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cog:before {
    content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
    content: "\f111";
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-outline:before {
    content: "\f112";
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-hd:before {
    content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116";
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-facebook:before {
    content: "\f117";
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-gplus:before {
    content: "\f118";
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-linkedin:before {
    content: "\f119";
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-twitter:before {
    content: "\f11a";
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-tumblr:before {
    content: "\f11b";
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pinterest:before {
    content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e";
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-next-item:before {
    content: "\f11f";
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-previous-item:before {
    content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f122";
}

.video-js {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}
.video-js:-moz-full-screen {
    position: absolute;
}
.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.video-js[tabindex="-1"] {
    outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit;
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%;
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none;
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}

.vjs-hidden {
    display: none !important;
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default;
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC;
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin-top: -0.81666em;
    margin-left: -1.5em;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 0.3em;
    transition: all 0.4s;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}
.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
}

.video-js .vjs-modal-dialog > * {
    box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

.vjs-menu-button {
    cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
    cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none;
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
}

.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
    width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
    display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.video-js .vjs-custom-control-spacer {
    display: none;
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none;
}

.video-js .vjs-progress-control.disabled {
    cursor: default;
}

.vjs-live .vjs-progress-control {
    display: none;
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center;
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}
.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    line-height: 0.35em;
    z-index: 1;
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    /* Konqueror HTML */
    /* Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
    cursor: default;
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none;
}
.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}

.video-js .vjs-volume-panel {
    transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
    display: flex;
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em;
    z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
    z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
    line-height: 0.35em;
    right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block;
}

.vjs-poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none;
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
    line-height: 3em;
}

.video-js .vjs-play-control {
    cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none;
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none;
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: rgb(255, 255, 255);
    animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: white;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none;
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
    display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px;
    }
    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px;
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1;
    }
    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr;
    }
}
.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em;
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}

.vjs-title-bar {
    background: rgba(0, 0, 0, 0.9);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity 0.1s;
    padding: 0.666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vjs-title-bar-title {
    font-weight: bold;
    margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s;
}

@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}
.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
}

.video-js *:focus:not(:focus-visible) {
    outline: none;
}

/* End */


/* Start:/local/templates/f-plus/css/style.css?1731680789336955*/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "HarmonyOS_Sans_Black";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Black.woff2") format("woff2"), url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Black.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOS_Sans_Bold";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Bold.woff2") format("woff2"), url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Bold.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOS_Sans_Light";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Light.woff2") format("woff2"), url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Light.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOS_Sans_Medium";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Medium.woff2") format("woff2"), url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Medium.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOS_Sans_Regular";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Regular.woff2") format("woff2"), url("/local/templates/f-plus/css/../fonts/HarmonyOS_Sans_Regular.woff") format("woff");
}

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

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100vw;
}

@media (max-width: 1259px) {
  html {
    width: 100%;
  }
}

body {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  min-width: 320px;
  width: 100vw;
  min-height: 100vh;
  color: #20262D;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
}

body.no-scroll, body.fancybox-active {
  overflow: hidden;
  position: relative;
  height: 100%;
}

@media (max-width: 1259px) {
  body {
    width: 100%;
    overflow: visible;
  }
}

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 157px;
}

@media (max-width: 1259px) {
  main {
    padding-top: 81px;
  }
}

@media (max-width: 767px) {
  main {
    padding-top: 131px;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

#bx-panel {
  z-index: 9999999999 !important;
  width: 100% !important;
}

.fancybox-bg {
  background: rgba(34, 36, 44, 0.6);
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
}

.fancybox-slide--html {
  padding: 0;
}

.fancybox-content {
  margin: 40px 0;
}

@media (max-width: 767px) {
  .fancybox-content {
    margin: 20px 0;
  }
}

.mgo-mcw-widget.mgo-mcw_state-default {
  bottom: calc(var(--nav-block-height) + 18px + env(safe-area-inset-bottom));
}

@-webkit-keyframes showroom-point {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes showroom-point {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
}

@-webkit-keyframes visible {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes visible {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes hidden {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes hidden {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

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

.hidden {
  display: none;
}

@media (max-width: 1259px) {
  .hidden {
    display: none;
  }
}

@media (max-width: 767px) {
  .hidden {
    display: none;
  }
}

@media (max-width: 1259px) {
  .hidden-tablet {
    display: none;
  }
}

@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

@media (max-width: 1259px) {
  .dp-only {
    display: none !important;
  }
}

@media (min-width: 1260px) {
  .not-dp {
    display: none !important;
  }
}

@media (min-width: 1260px) {
  .tab-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .tab-only {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .mob-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .tab-dp-only {
    display: none !important;
  }
}

@media (min-width: 1260px) {
  .mob-tab-only {
    display: none !important;
  }
}

.noUi-horizontal {
  padding: 10px 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.noUi-horizontal .noUi-base {
  background: transparent;
  height: 2px;
  width: calc(100% - 12px);
  margin-left: 10px;
}

/* линия ползунка*/
.noUi-horizontal .noUi-connects {
  height: 100%;
  top: 0;
  width: calc(100% + 10px);
  margin-left: -10px;
  background: #BBBBBB;
}

.noUi-horizontal .noUi-connect {
  background: #00ADBB;
}

/* Сами ползунки */
.noUi-horizontal .noUi-handle {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 1px solid #00ADBB;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.noUi-horizontal .noUi-handle:focus {
  outline: none;
}

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

.simplebar-scrollbar {
  width: 3px;
  background: #BBBBBB;
  right: 0;
  border-radius: 10px;
}

.simplebar-scrollbar::before {
  display: none;
}

.simplebar-track.simplebar-vertical {
  width: 3px;
  background: #ECECEC;
  border-radius: 10px;
  top: 10px;
  right: 9px;
  height: calc(100% - 20px);
}

.simplebar-track.simplebar-horizontal {
  height: 3px;
  background: #ECECEC;
  border-radius: 10px;
  bottom: 0;
  right: auto;
  left: 0;
  width: 100%;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: 0;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  padding: 15px;
  font-size: 14px;
  line-height: 21px;
  color: #20262D;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-block {
  text-align: center;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-block:not(:last-child) {
  margin-bottom: 10px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link span {
  vertical-align: middle;
  line-height: 1;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link svg {
  vertical-align: middle;
  margin-left: 10px;
  stroke: #20262D;
  will-change: stroke;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

@media (hover: hover) {
  .tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link:hover span, .tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link:focus span, .tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link:active span {
    color: #00ADBB;
  }
  .tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link:hover svg, .tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link:focus svg, .tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-content .tooltip-link:active svg {
    stroke: #00ADBB;
  }
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
  margin-bottom: 7.5px;
}

.tooltipster-base .tooltipster-content {
  max-width: 100%;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 7.5px 0 7.5px;
  border-color: white transparent transparent transparent;
}

.tooltipster-base.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow .tooltipster-arrow-uncropped {
  display: none !important;
}

.tooltip_templates {
  display: none;
}

.video-js {
  position: relative;
  width: 100% !important;
}

.video-js .vjs-big-play-button {
  width: 64px;
  height: 64px;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder {
  display: none;
}

.video-js .vjs-poster img {
  -o-object-fit: cover;
     object-fit: cover;
}

.video-js .vjs-big-play-button {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (hover: hover) {
  .video-js:hover .vjs-big-play-button:hover, .video-js:hover .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button:active,
  .video-js .vjs-big-play-button:focus:hover,
  .video-js .vjs-big-play-button:focus:focus,
  .video-js .vjs-big-play-button:focus:active {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.btn, .filter__btn--submit, .filter__btn--reset, .prod-detail__btn, .product.product--fav .product__btn--delete, .product.product--compare .product__btn--delete, .product__btn--cart, .product__btn--notify, .product__btn--fav, .product__btn--comp, .catalog__view-btn {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  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;
  height: 48px;
}

.btn::before, .filter__btn--submit::before, .filter__btn--reset::before, .prod-detail__btn::before, .product.product--fav .product__btn--delete::before, .product.product--compare .product__btn--delete::before, .product__btn--cart::before, .product__btn--notify::before, .product__btn--fav::before, .product__btn--comp::before, .catalog__view-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.btn .icon, .filter__btn--submit .icon, .filter__btn--reset .icon, .prod-detail__btn .icon, .product.product--fav .product__btn--delete .icon, .product.product--compare .product__btn--delete .icon, .product__btn--cart .icon, .product__btn--notify .icon, .product__btn--fav .icon, .product__btn--comp .icon, .catalog__view-btn .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn svg, .filter__btn--submit svg, .filter__btn--reset svg, .prod-detail__btn svg, .product.product--fav .product__btn--delete svg, .product.product--compare .product__btn--delete svg, .product__btn--cart svg, .product__btn--notify svg, .product__btn--fav svg, .product__btn--comp svg, .catalog__view-btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.btn--primary, .filter__btn--submit, .product__btn--cart {
  background-color: #00ADBB;
  color: white;
}

.btn--primary svg *, .filter__btn--submit svg *, .product__btn--cart svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.btn--primary svg *[stroke], .filter__btn--submit svg *[stroke], .product__btn--cart svg *[stroke] {
  stroke: white;
}

.btn--primary svg *[fill], .filter__btn--submit svg *[fill], .product__btn--cart svg *[fill] {
  fill: white;
}

.btn--gray {
  background-color: #F0F1F3;
  color: #87909D;
}

.btn--primary-border, .filter__btn--reset, .product__btn--notify {
  border: 1px solid #00ADBB;
  color: #00ADBB;
}

.btn--border {
  border: 1px solid #A5ACB5;
}

.btn--white {
  background-color: white;
}

.btn--white-border {
  background-color: white;
  border: 1px solid #A5ACB5;
}

.btn--red {
  background: #FC3838;
  color: #ffffff;
}

.btn--red-border {
  border: 1px solid #FC3838;
  color: #FC3838;
}

.btn--primary.loading .loader-min .sk-three-bounce .sk-child, .loading.filter__btn--submit .loader-min .sk-three-bounce .sk-child, .loading.product__btn--cart .loader-min .sk-three-bounce .sk-child {
  background-color: white;
}

@media (hover: hover) {
  .btn--primary:hover, .filter__btn--submit:hover, .product__btn--cart:hover {
    background-color: #16CEDD;
  }
  .btn--gray:hover {
    color: #20262D;
  }
  .btn--border:hover {
    border-color: #20262D;
  }
  .btn--primary-border:hover, .filter__btn--reset:hover, .product__btn--notify:hover {
    border-color: #16CEDD;
    color: #16CEDD;
  }
  .btn--white:hover {
    border-color: #00ADBB;
    color: #00ADBB;
  }
  .btn--white-border:hover {
    border-color: #00ADBB;
    color: #00ADBB;
  }
}

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background: transparent;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: none;
}

.overlay.is-viewed {
  z-index: 99;
  display: block;
}

.overlay.animation {
  background: rgba(32, 38, 45, 0.2);
}

.grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.grid--header-cat {
  margin: -20px -15px;
  width: calc(100% + 30px);
}

.grid--header-cat .grid__item {
  margin: 20px 15px;
  width: calc((100% / 4) - 30px);
}

.grid--categories {
  margin: -15px;
  width: calc(100% + 30px);
}

.grid--categories .grid__item {
  width: calc((100% / 2) - 30px);
  margin: 15px;
}

@media (max-width: 1259px) {
  .grid--categories {
    margin: -10px;
    width: calc(100% + 20px);
  }
  .grid--categories .grid__item {
    width: calc((100% / 2) - 20px);
    margin: 10px;
  }
}

@media (max-width: 767px) {
  .grid--categories {
    margin: -5px;
    width: calc(100% + 10px);
  }
  .grid--categories .grid__item {
    width: calc((100% / 2) - 10px);
    margin: 5px;
  }
}

.grid.grid--catalog {
  margin: -15px;
  width: calc(100% + 30px);
}

.grid.grid--catalog .grid__item {
  width: calc((100% / 3) - 30px);
  margin: 15px;
}

.grid.grid--catalog .grid__item--big {
  width: calc(100% - 30px);
  margin: 15px;
}

@media (max-width: 1259px) {
  .grid.grid--catalog {
    margin: -5px;
    width: calc(100% + 10px);
  }
  .grid.grid--catalog .grid__item {
    width: calc((100% / 3) - 10px);
    margin: 5px;
  }
  .grid.grid--catalog .grid__item--big {
    width: calc(100% - 10px);
    margin: 25px 5px;
  }
}

@media (max-width: 767px) {
  .grid.grid--catalog {
    margin: -5px 0;
    width: 100%;
  }
  .grid.grid--catalog .grid__item {
    width: 100%;
    margin: 5px 0;
  }
  .grid.grid--catalog .grid__item--big {
    width: 100%;
    margin: 25px 0;
  }
}

.grid.grid--catalog-list {
  margin: -5px 0;
  width: 100%;
}

.grid.grid--catalog-list .grid__item {
  width: 100%;
  margin: 5px 0;
}

.grid.grid--catalog-list .grid__item--big {
  width: 100%;
  margin: 25px 0;
}

.grid.grid--prod-features {
  margin: -5px;
  width: calc(100% + 10px);
}

.grid.grid--prod-features .grid__item {
  margin: 5px;
}

@media (max-width: 767px) {
  .grid.grid--prod-features {
    margin: -5px 0;
    width: 100%;
  }
  .grid.grid--prod-features .grid__item {
    margin: 5px 0;
    width: 100%;
  }
}

.grid.grid--form {
  margin: -5px;
  width: calc(100% + 10px);
}

.grid.grid--form .grid__item {
  margin: 5px;
  width: auto;
}

.grid.grid--form .grid__item--f {
  width: calc(100% - 10px);
}

.grid.grid--form .grid__item--h {
  width: calc(50% - 10px);
}

.grid.grid--form .grid__item--h-f {
  width: calc(50% - 10px);
}

.grid.grid--form .grid__item--t {
  width: calc((100% / 3) - 10px);
}

@media (max-width: 767px) {
  .grid.grid--form .grid__item--h-f {
    width: calc(100% - 10px);
  }
}

.grid.grid--soc {
  margin: -8px;
  width: calc(100% + 16px);
}

.grid.grid--soc .grid__item {
  margin: 8px;
  width: calc((100% / 7) - 16px);
}

.grid.grid--personal-items {
  margin: -5px;
  width: calc(100% + 8px);
}

.grid.grid--personal-items .grid__item {
  margin: 4px;
}

.grid.grid--catalog-full {
  margin: -15px;
  width: calc(100% + 30px);
}

.grid.grid--catalog-full .grid__item {
  width: calc(25% - 30px);
  margin: 15px;
}

@media (max-width: 1259px) {
  .grid.grid--catalog-full {
    margin: -5px;
    width: calc(100% + 10px);
  }
  .grid.grid--catalog-full .grid__item {
    width: calc((100% / 3) - 10px);
    margin: 5px;
  }
}

@media (max-width: 767px) {
  .grid.grid--catalog-full {
    margin: -5px 0;
    width: 100%;
  }
  .grid.grid--catalog-full .grid__item {
    width: 100%;
    margin: 5px 0;
  }
}

.grid.grid--btns {
  margin: -2.5px;
  width: calc(100% + 5px);
}

.grid.grid--btns .grid__item {
  margin: 2.5px;
}

@media (max-width: 1259px) {
  .grid.grid--btns {
    margin: -5px 0;
    width: 100%;
  }
  .grid.grid--btns .grid__item {
    margin: 5px 0;
  }
}

.grid.grid--main-cat {
  width: calc(100% + 30px);
  margin: -15px;
}

.grid.grid--main-cat .grid__item {
  width: calc(50% - 30px);
  margin: 15px;
}

.grid.grid--main-cat .grid__item--f {
  width: calc(100% - 30px);
}

@media (max-width: 1259px) {
  .grid.grid--main-cat {
    width: calc(100% + 20px);
    margin: -10px;
  }
  .grid.grid--main-cat .grid__item {
    width: calc(50% - 20px);
    margin: 10px;
  }
  .grid.grid--main-cat .grid__item--f {
    width: calc(100% - 20px);
  }
}

@media (max-width: 767px) {
  .grid.grid--main-cat {
    margin: -5px 0;
    width: 100%;
  }
  .grid.grid--main-cat .grid__item {
    width: 100%;
    margin: 5px 0;
  }
  .grid.grid--main-cat .grid__item--f {
    width: 100%;
  }
}

.grid.grid--pluses {
  margin: -15px;
  width: calc(100% + 30px);
}

.grid.grid--pluses .grid__item {
  margin: 15px;
  width: calc((100% / 3) - 30px);
}

@media (max-width: 1259px) {
  .grid.grid--pluses {
    width: calc(100% + 20px);
    margin: -10px;
  }
  .grid.grid--pluses .grid__item {
    width: calc((100% / 3) - 20px);
    margin: 10px;
  }
}

@media (max-width: 767px) {
  .grid.grid--pluses {
    width: 100%;
    margin: -10px 0;
  }
  .grid.grid--pluses .grid__item {
    width: 100%;
    margin: 10px 0;
  }
}

.grid.grid--articles {
  width: calc(100% + 30px);
  margin: -15px;
}

.grid.grid--articles .grid__item {
  margin: 15px;
  width: calc((100% / 3) - 30px);
}

.grid.grid--articles .grid__item--big {
  width: calc((100% / 3) * 2 - 30px);
}

@media (max-width: 1259px) {
  .grid.grid--articles {
    width: calc(100% + 20px);
    margin: -10px;
  }
  .grid.grid--articles .grid__item {
    margin: 10px;
    width: calc(50% - 20px);
  }
  .grid.grid--articles .grid__item--big {
    width: calc(100% - 20px);
  }
}

@media (max-width: 767px) {
  .grid.grid--articles {
    width: 100%;
    margin: -5px 0;
  }
  .grid.grid--articles .grid__item {
    margin: 5px 0;
    width: 100%;
  }
  .grid.grid--articles .grid__item--big {
    width: 100%;
  }
}

.grid.grid--contacts {
  margin: -15px;
  width: calc(100% + 30px);
}

.grid.grid--contacts .grid__item {
  width: calc(25% - 30px);
  margin: 15px;
}

@media (max-width: 1259px) {
  .grid.grid--contacts .grid__item {
    width: calc(50% - 30px);
    margin: 15px;
  }
}

@media (max-width: 767px) {
  .grid.grid--contacts {
    margin: -10px 0;
    width: 100%;
  }
  .grid.grid--contacts .grid__item {
    width: 100%;
    margin: 10px 0;
  }
}

.grid.grid--shops {
  margin: -15px;
  width: calc(100% + 30px);
}

.grid.grid--shops .grid__item {
  width: calc(20% - 30px);
  margin: 15px;
}

@media (max-width: 1259px) {
  .grid.grid--shops .grid__item {
    width: calc((100% / 3) - 30px);
  }
}

@media (max-width: 767px) {
  .grid.grid--shops {
    margin: -5px;
    width: calc(100% + 10px);
  }
  .grid.grid--shops .grid__item {
    width: calc(50% - 10px);
    margin: 5px;
  }
}

.grid.grid--services {
  margin: -20px -15px;
  width: calc(100% + 30px);
}

.grid.grid--services .grid__item {
  width: calc(25% - 30px);
  margin: 20px 15px;
}

@media (max-width: 1259px) {
  .grid.grid--services .grid__item {
    width: calc(50% - 30px);
  }
}

@media (max-width: 767px) {
  .grid.grid--services {
    margin: -15px 0;
    width: 100%;
  }
  .grid.grid--services .grid__item {
    width: 100%;
    margin: 15px 0;
  }
}

.grid.grid--tab-btns {
  margin: -2.5px;
}

.grid.grid--tab-btns .grid__item {
  margin: 2.5px;
}

@media (max-width: 1259px) {
  .grid.grid--tab-btns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 -2.5px;
  }
  .grid.grid--tab-btns .grid__item {
    margin: 0 2.5px;
  }
}

.grid.grid--stats {
  width: 100%;
}

.grid.grid--stats .grid__item {
  width: 25%;
}

@media (max-width: 1259px) {
  .grid.grid--stats .grid__item {
    width: 50%;
  }
}

.grid__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.bc {
  margin-bottom: 15px;
  position: relative;
}

.bc:last-child {
  margin-bottom: 0;
}

.bc__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1259px) {
  .bc__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    width: calc(100% + 68px);
    margin: 0 -34px;
    padding: 0 34px;
  }
  .bc__list::before, .bc__list::after {
    content: "";
    display: block;
    width: 34px;
    height: 20px;
    background: white;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .bc__list::before {
    left: -34px;
  }
  .bc__list::after {
    right: -34px;
  }
}

@media (max-width: 767px) {
  .bc__list {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
  .bc__list::before, .bc__list::after {
    width: 20px;
  }
  .bc__list::before {
    left: -20px;
  }
  .bc__list::after {
    right: -20px;
  }
}

.bc__item {
  display: inline;
  margin-right: 5px;
  vertical-align: middle;
}

.bc__item:not(:last-child)::after {
  content: "";
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  width: 16px;
  height: 16px;
  background: url("/local/templates/f-plus/css/../img/icons/arrow-right.svg") no-repeat center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (hover: hover) {
  .bc__item:not(:last-child) .bc__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .bc__item:not(:last-child) .bc__link:hover, .bc__item:not(:last-child) .bc__link:focus {
    outline: none;
    color: #00adbb;
  }
  .bc__item:not(:last-child) .bc__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.bc__item:last-child .bc__link {
  pointer-events: none;
  color: #00ADBB;
}

@media (max-width: 1259px) {
  .bc__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .bc__item:last-child {
    margin-right: 0;
  }
}

.bc__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #20262D;
}

.bc__btn-more {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  padding: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  display: none;
}

.bc__btn-more--left {
  left: -16px;
  right: auto;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.bc__btn-more--right {
  left: auto;
  right: -16px;
}

.bc__btn-more.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.file-input input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.file-input .error {
  font-size: 14px;
  line-height: 150%;
  color: #00ADBB;
  margin: 10px 0 0;
}

@media (max-width: 1259px) {
  .file-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .file-input .error {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.file-input.file-input--modal .file-input__label-btn {
  border-style: dashed;
  color: #87909D;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin: 0;
}

.file-input.file-input--modal .file-input__result:not(.template) {
  display: block;
  margin-top: 5px;
}

.file-input__row {
  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;
  width: 100%;
}

.file-input__result {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  cursor: initial;
  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;
  width: 100%;
}

.file-input__result img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.file-input__result.template {
  display: none;
}

.file-input__label {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  width: 120px;
  height: 120px;
}

.file-input__label img,
.file-input__label svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.file-input__label-btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  margin: 20px 0 0;
  width: 100%;
}

.file-input__label-btn svg {
  margin-right: 6px;
  fill: #00ADBB;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  will-change: fill;
}

@media (hover: hover) {
  .file-input__label-btn:hover svg, .file-input__label-btn:focus svg, .file-input__label-btn:active svg {
    fill: #16CEDD;
  }
}

.form__input-block {
  position: relative;
}

.form__input-block .form__input input {
  padding-right: calc(44px + 10px);
}

.form__input-block--footer .form__input input {
  border-color: #ECECEC;
  padding-right: calc(125px + 10px);
}

.form__input-block--footer .form__input.error input {
  border-color: #00ADBB;
}

.form__input-block--footer .form__input-btn {
  width: 125px;
}

.form__input-block--sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.form__input-block--sub .form__input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form__input-block--sub .form__input input {
  background-color: #16CEDD;
  color: #ffffff;
}

.form__input-block--sub .form__input input::-webkit-input-placeholder {
  color: #F0F1F3;
}

.form__input-block--sub .form__input input::-moz-placeholder {
  color: #F0F1F3;
}

.form__input-block--sub .form__input input:-ms-input-placeholder {
  color: #F0F1F3;
}

.form__input-block--sub .form__input input::-ms-input-placeholder {
  color: #F0F1F3;
}

.form__input-block--sub .form__input input::placeholder {
  color: #F0F1F3;
}

.form__input-block--sub .form__input-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 142px;
  height: 48px;
  margin-left: 20px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

.form__input-block--sub .form__checkbox {
  width: 100%;
  margin-top: 10px;
  color: #ffffff;
}

.form__input-block--sub .form__checkbox a {
  border-bottom-color: #ffffff;
}

@media (hover: hover) {
  .form__input-block--sub .form__checkbox a {
    will-change: opacity;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .form__input-block--sub .form__checkbox a:hover, .form__input-block--sub .form__checkbox a:focus {
    outline: none;
    opacity: 0.7;
  }
  .form__input-block--sub .form__checkbox a:active {
    outline: none;
    opacity: 0.3;
  }
}

@media (hover: hover) {
  .form__input-block--sub .form__checkbox a:hover, .form__input-block--sub .form__checkbox a:focus, .form__input-block--sub .form__checkbox a:active {
    color: #ffffff;
    border-bottom-color: #ffffff;
  }
}

.form__input-block--city .form__input input {
  background-color: transparent;
  border: 1px solid #87909D;
  height: 40px;
}

.form__input-block--city .form__input-btn {
  height: 38px;
}

.form__input-block--city .form__input-btn.active .active {
  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;
}

@media (max-width: 767px) {
  .form__input-block--sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form__input-block--sub .form__checkbox {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .form__input-block--sub .form__input {
    width: 100%;
  }
  .form__input-block--sub .form__input input {
    padding-right: 14px;
  }
  .form__input-block--sub .form__input-btn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: 20px 0 0;
    width: 100%;
  }
}

.form__input {
  position: relative;
}

.form__input input {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  padding: 0 14px;
  border-radius: 4px;
  width: 100%;
  height: 48px;
  background-color: #F0F1F3;
  -webkit-transition: border-color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
  transition: border-color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
}

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

.form__input input::-webkit-search-decoration, .form__input input::-webkit-search-cancel-button, .form__input input::-webkit-search-results-button, .form__input input::-webkit-search-results-decoration {
  display: none;
}

@media (hover: hover) {
  .form__input input:hover, .form__input input:focus, .form__input input:active {
    border-color: #20262D;
  }
}

.form__input input:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.form__input textarea {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  display: block;
  padding: 9px 14px;
  background-color: #F0F1F3;
  border-radius: 4px;
  width: 100%;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.form__input textarea::-webkit-outer-spin-button, .form__input textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form__input textarea::-webkit-search-decoration, .form__input textarea::-webkit-search-cancel-button, .form__input textarea::-webkit-search-results-button, .form__input textarea::-webkit-search-results-decoration {
  display: none;
}

@media (hover: hover) {
  .form__input textarea:hover, .form__input textarea:focus, .form__input textarea:active {
    border-color: #20262D;
  }
}

.form__input input::-webkit-input-placeholder, .form__input textarea::-webkit-input-placeholder {
  color: #87909D;
}

.form__input input::-moz-placeholder, .form__input textarea::-moz-placeholder {
  color: #87909D;
}

.form__input input:-ms-input-placeholder, .form__input textarea:-ms-input-placeholder {
  color: #87909D;
}

.form__input input::-ms-input-placeholder, .form__input textarea::-ms-input-placeholder {
  color: #87909D;
}

.form__input input::placeholder,
.form__input textarea::placeholder {
  color: #87909D;
}

.form__input--range input {
  height: 48px;
  padding-left: 35px;
}

.form__input--range span {
  position: absolute;
  top: 50%;
  left: 15px;
  right: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #87909D;
}

.form__input .error,
.form__input .success {
  display: none;
}

.form__input .error {
  color: #EB5757;
}

.form__input.error input {
  border-color: #EB5757;
}

.form__input.error textarea {
  border-color: #EB5757;
}

.form__input.error .error {
  display: block;
}

.form__input-btn {
  width: 44px;
  height: 43px;
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 2;
}

.form__input-btn .not-active,
.form__input-btn .active {
  width: 36px;
  height: 36px;
}

.form__input-btn .not-active {
  display: block;
}

.form__input-btn .active {
  display: none;
}

.form__input-btn svg {
  stroke: #20262D;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  will-change: stroke;
}

.form__input-btn--reset {
  display: none;
  right: 44px;
}

.form__input-btn--reset svg {
  stroke: #BBBBBB;
}

.form__input-btn--reset::after {
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background-color: #BBBBBB;
}

.form__input-btn--delete svg {
  stroke: #BBBBBB;
}

.form__input-btn.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__input-btn.active .not-active {
  display: none;
}

.form__input-btn.active .active {
  display: block;
}

.form__input-btn.active .active svg {
  stroke: #BBBBBB;
}

@media (hover: hover) {
  .form__input-btn:hover svg, .form__input-btn:focus svg, .form__input-btn:active svg {
    stroke: #00ADBB;
  }
}

.form__checkbox {
  margin-top: 10px;
}

.form__checkbox:first-child {
  margin-top: 0;
}

.form__checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form__checkbox label {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  position: relative;
}

.form__checkbox label a {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  border-bottom: 1px solid #20262D;
  -webkit-transition: color 0.3s ease, border-bottom-color 0.3s ease;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
}

@media (hover: hover) {
  .form__checkbox label a {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .form__checkbox label a:hover, .form__checkbox label a:focus {
    outline: none;
    color: #00adbb;
  }
  .form__checkbox label a:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

@media (hover: hover) {
  .form__checkbox label a:hover, .form__checkbox label a:focus, .form__checkbox label a:active {
    border-bottom-color: #00ADBB;
  }
}

@media (hover: hover) {
  .form__checkbox label:hover::before, .form__checkbox label:focus::before, .form__checkbox label:active::before {
    border-color: #00ADBB;
  }
}

.form__checkbox label::before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 2.5px;
}

.form__checkbox label::after {
  display: none;
  content: url("/local/templates/f-plus/css/../img/icons/checked-white.svg");
  position: absolute;
  top: 3px;
  left: 2px;
  z-index: 2;
  line-height: 1;
}

.form__checkbox input:disabled + label {
  color: rgba(32, 38, 45, 0.4);
  pointer-events: none;
}

.form__checkbox input:disabled + label::before {
  background-color: #BBBBBB;
}

.form__checkbox input:checked + label::before {
  background-color: #00ADBB;
  border: none;
}

.form__checkbox input:checked + label::after {
  display: block;
}

.form__checkbox--sub {
  margin-top: 0;
}

.form__checkbox--sub label::before {
  margin-top: 0;
}

.form__checkbox--sub input:disabled + label {
  color: #87909D;
}

.form__checkbox--sub input:checked + label::before {
  background-color: transparent;
  border: 1px solid #BBBBBB;
}

.form__checkbox--sub input:checked + label::after {
  content: url("/local/templates/f-plus/css/../img/icons/checked.svg");
  top: 0;
  left: 2px;
}

.form__checkbox--radio label::before {
  border-radius: 50%;
}

.form__checkbox--radio label::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: white;
  top: 8px;
  left: 6px;
}

.form__checkbox .error,
.form__checkbox .success {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  display: none;
}

.form__checkbox .error {
  color: #00ADBB;
}

.form__checkbox.error .error {
  display: block;
}

.form__selector *::-moz-selection {
  background: transparent;
}

.form__selector *::selection {
  background: transparent;
}

.form__selector input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form__selector label {
  display: block;
  border: 1px solid #ECECEC;
  border-radius: 4px;
  padding: 11px 23px;
  cursor: pointer;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

@media (hover: hover) {
  .form__selector label:hover, .form__selector label:focus, .form__selector label:active {
    border-color: #00ADBB;
  }
}

.form__selector input:checked + label {
  border-color: #00ADBB;
  color: #00ADBB;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  pointer-events: none;
}

.form__selector input:disabled + label {
  opacity: 0.4;
  pointer-events: none;
}

.form__selector--small label {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  padding: 9px 14px;
  border-radius: 8px;
}

.form__selector--small input:checked + label {
  color: #20262D;
}

.form__selector--round label {
  border-radius: 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;
  padding: 0;
  width: 35px;
  height: 35px;
}

.form__success {
  color: #0B8A41;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

.loader--full {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.loader__icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: visible;
}

.loading:not(body) {
  pointer-events: none;
  position: relative;
  color: transparent;
}

.loading:not(body) .header {
  z-index: 100;
}

.loading:not(body):not(body) > * {
  opacity: 0;
  z-index: -1;
}

.loading:not(body) .loader-min {
  display: block;
  z-index: 500;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

body.loading {
  color: initial;
}

body.loading .loader {
  position: fixed;
  opacity: 0;
}

body.loading .overlay {
  z-index: 100;
}

body.loading-animation .loader {
  display: block;
  z-index: 500;
  opacity: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
}

body.loading-animation .loader svg {
  width: 270px;
  height: 244px;
}

.loader-min {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
  z-index: -1;
}

.loader-min .sk-three-bounce {
  width: 46px;
  margin: auto;
  text-align: center;
  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;
}

.loader-min .sk-three-bounce .sk-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10px;
  height: 10px;
  background-color: #20262D;
  border-radius: 100%;
  display: block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
          animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.loader-min .sk-three-bounce .sk-bounce-1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.loader-min .sk-three-bounce .sk-bounce-2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

.logo {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.logo svg + svg {
  margin-left: 13px;
}

@media (max-width: 1259px) {
  .logo svg:first-child {
    width: 34px;
    height: auto;
  }
  .logo svg:last-child {
    width: 116px;
    height: auto;
  }
  .logo svg + svg {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .logo svg:first-child {
    width: 32px;
  }
  .logo svg:last-child {
    width: 108px;
    height: auto;
  }
  .logo svg + svg {
    margin-left: 9px;
  }
}

.modal {
  width: 370px;
  background: white;
  border-radius: 4px;
  padding: 20px;
  display: none;
}

.modal--auth {
  padding: 40px 40px 20px;
}

.modal--big {
  width: 970px;
}

.modal--services .map-info {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: none;
          filter: none;
  width: 100%;
}

@media (max-width: 1259px) {
  .modal--big {
    border-radius: 0;
    margin: 0;
    width: 100%;
  }
  .modal--back {
    border-radius: 0;
  }
  .modal--back .modal__close-btn,
  .modal--back .fancybox-close-small {
    padding: 3px;
    width: auto;
    height: auto;
    top: 20px;
    right: 20px;
  }
  .modal--back .modal__close-btn svg,
  .modal--back .fancybox-close-small svg {
    display: none;
  }
  .modal--back .modal__close-btn::before,
  .modal--back .fancybox-close-small::before {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    content: "Назад";
    color: #87909D;
  }
}

@media (max-width: 767px) {
  .modal {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    margin: 0;
    border-radius: 0;
  }
  .modal--small {
    height: auto;
    -webkit-box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
    vertical-align: bottom;
  }
  .modal--cancel .modal__close-btn,
  .modal--cancel .fancybox-close-small {
    padding: 3px;
    width: auto;
    height: auto;
    top: 20px;
    right: 20px;
  }
  .modal--cancel .modal__close-btn svg,
  .modal--cancel .fancybox-close-small svg {
    display: none;
  }
  .modal--cancel .modal__close-btn::before,
  .modal--cancel .fancybox-close-small::before {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    content: "Отменить";
    color: #87909D;
  }
  .modal--close {
    padding-top: 62px;
  }
  .modal--close .modal__close-btn,
  .modal--close .fancybox-close-small {
    padding: 3px;
    width: auto;
    height: auto;
    top: 20px;
    right: 20px;
  }
  .modal--close .modal__close-btn svg,
  .modal--close .fancybox-close-small svg {
    display: none;
  }
  .modal--close .modal__close-btn::before,
  .modal--close .fancybox-close-small::before {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    content: "Закрыть";
    color: #87909D;
  }
  .modal--services {
    height: auto;
    vertical-align: bottom;
  }
}

.modal__close-btn {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal__close-btn svg {
  stroke: #20262D;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  will-change: stroke;
}

@media (hover: hover) {
  .modal__close-btn:hover svg, .modal__close-btn:focus svg, .modal__close-btn:active svg {
    stroke: #00ADBB;
  }
}

.modal__img img {
  margin: 0 auto;
}

.modal__img:not(:last-child) {
  margin-bottom: 30px;
}

.modal__block:not(:last-child) {
  margin-bottom: 20px;
}

.modal__title {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
}

.modal__title--center {
  text-align: center;
}

@media (max-width: 1259px) {
  .modal__title {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
  }
}

.modal__subtitle {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}

.modal__subtitle:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .modal__subtitle:not(:last-child) {
    margin-bottom: 20px;
  }
}

.modal__city-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 352px;
  padding-right: 20px;
  margin-right: -20px;
}

@media (max-width: 767px) {
  .modal__city-list {
    max-height: 100%;
  }
}

.modal__city-item {
  margin-bottom: 15px;
  position: relative;
}

.modal__city-item:last-child {
  margin-bottom: 0;
}

.modal__city-item.error {
  display: none;
}

.modal__city-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: relative;
  width: 100%;
  text-align: left;
}

@media (hover: hover) {
  .modal__city-link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .modal__city-link:hover, .modal__city-link:focus {
    outline: none;
    color: #00adbb;
  }
  .modal__city-link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.modal__city-link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.modal__city-link.active {
  color: #00ADBB;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
}

.modal__city-link.active::after {
  content: url("/local/templates/f-plus/css/../img/icons/success-small.svg");
  position: absolute;
  top: 0;
  right: 0;
}

.modal__city-link .active-symbol {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
}

.modal__city-error {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}

.modal__tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 30px;
}

.modal__tab-btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  width: calc(50% - 2.5px);
  position: relative;
}

.modal__tab-btn.active {
  background: #00ADBB;
  color: #ffffff;
  border-color: #00ADBB;
  pointer-events: none;
}

.modal__soc {
  margin: 0 0 30px;
}

.modal__soc-link {
  width: 28px;
  height: 28px;
}

@media (hover: hover) {
  .modal__soc-link {
    will-change: opacity;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .modal__soc-link:hover, .modal__soc-link:focus {
    outline: none;
    opacity: 0.7;
  }
  .modal__soc-link:active {
    outline: none;
    opacity: 0.3;
  }
}

.modal__soc-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal__soc-text {
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: center;
}

.modal__soc-text:not(:last-child) {
  margin-bottom: 10px;
}

.modal__text {
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #87909D;
}

.modal__text:not(:last-child) {
  margin-bottom: 10px;
}

.modal__small-text {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}

.modal__small-text:not(:last-child) {
  margin-bottom: 10px;
}

.modal__center-text {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

.modal__center-text:not(:last-child) {
  margin-bottom: 10px;
}

.modal__btns {
  width: 100%;
  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;
}

.modal__btn {
  width: 100%;
}

.modal__btn:not(:last-child) {
  margin-bottom: 10px;
}

.modal__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #87909D;
  border-bottom: 1px solid #87909D;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease;
}

@media (hover: hover) {
  .modal__link:hover, .modal__link:focus, .modal__link:active {
    color: #00ADBB;
    border-color: #00ADBB;
  }
}

.modal__tab-block {
  display: none;
}

.modal__tab-block.active {
  display: block;
}

.modal__btn-submit:not(:first-child) {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .modal__btn-submit:not(:first-child) {
    margin-top: 40px;
  }
}

.modal__form .form__input input {
  height: 40px;
  border: 1px solid #87909D;
  background: transparent;
}

.modal__form .form__input-btn {
  height: 38px;
  width: 38px;
}

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

.multiplier__btn {
  width: 40px;
  height: 48px;
  border-radius: 4px;
}

.multiplier__btn svg {
  fill: #20262D;
  will-change: fill;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

@media (hover: hover) {
  .multiplier__btn:hover svg, .multiplier__btn:focus svg, .multiplier__btn:active svg {
    fill: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .multiplier__btn {
    width: 35px;
  }
}

@media (max-width: 767px) {
  .multiplier__btn {
    width: 30px;
    height: 35px;
  }
}

.multiplier__input {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  width: 40px;
  height: 48px;
  text-align: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

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

.multiplier__input::-webkit-search-decoration, .multiplier__input::-webkit-search-cancel-button, .multiplier__input::-webkit-search-results-button, .multiplier__input::-webkit-search-results-decoration {
  display: none;
}

@media (hover: hover) {
  .multiplier__input:hover, .multiplier__input:focus, .multiplier__input:active {
    color: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .multiplier__input {
    width: 30px;
  }
}

@media (max-width: 767px) {
  .multiplier__input {
    height: 35px;
  }
}

.pag__btn {
  width: 100%;
  margin: 0 0 30px;
}

.pag__btn:last-child {
  margin-bottom: 0;
}

.pag__wrap {
  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;
}

.pag__side-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  stroke: #20262D;
  -webkit-transition: color 0.3s ease, stroke 0.3s ease;
  transition: color 0.3s ease, stroke 0.3s ease;
}

.pag__side-link svg + span {
  margin-left: 6px;
}

.pag__side-link span + svg {
  margin-left: 6px;
}

@media (hover: hover) {
  .pag__side-link:hover {
    color: #00ADBB;
    stroke: #00ADBB;
  }
}

@media (max-width: 767px) {
  .pag__side-link span {
    display: none;
  }
  .pag__side-link svg + span {
    margin-left: 0;
  }
  .pag__side-link span + svg {
    margin-left: 0;
  }
}

.pag__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 25px;
}

.pag__item {
  margin-right: 5px;
  width: 40px;
  height: 45px;
}

.pag__item a,
.pag__item span {
  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: 100%;
  height: 100%;
}

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

@media (max-width: 767px) {
  .pag__item:nth-child(3):not(:last-child):not(:nth-last-child(-n+2)), .pag__item:nth-child(4):not(:last-child):not(:nth-last-child(-n+2)) {
    display: none;
  }
}

.pag__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

@media (hover: hover) {
  .pag__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .pag__link:hover, .pag__link:focus {
    outline: none;
    color: #00adbb;
  }
  .pag__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.pag__link.active {
  color: #00ADBB;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  pointer-events: none;
}

.plus-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  width: 100%;
}

.plus-block--block {
  text-decoration: none;
  color: initial;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #F0F1F3;
  border-radius: 4px;
  height: 100%;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

@media (hover: hover) {
  .plus-block--block:hover, .plus-block--block:focus, .plus-block--block:active {
    background: #E6E8EB;
  }
}

.plus-block--feature {
  padding: 19px;
  min-height: 130px;
  border: 1px solid #F0F1F3;
  border-radius: 12px;
}

.plus-block--feature .plus-block__img {
  width: 90px;
  height: 90px;
  margin-right: 10px;
  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;
}

.plus-block--feature .plus-block__img img {
  width: 64px;
  height: auto;
}

.plus-block--feature .plus-block__title {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
}

.plus-block--feature .plus-block__text {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1259px) {
  .plus-block {
    padding: 20px;
    min-height: auto;
    -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;
  }
  .plus-block--feature {
    -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;
  }
  .plus-block--feature .plus-block__img {
    margin: 0 20px 0 0;
  }
  .plus-block--feature .plus-block__title {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .plus-block {
    -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;
    min-height: 105px;
  }
  .plus-block--feature {
    padding: 14px 19px;
    border: 1px solid #ECECEC;
    border-radius: 12px;
    min-height: 55px;
  }
  .plus-block--feature .plus-block__img {
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
  }
  .plus-block--feature .plus-block__img img {
    width: 100%;
  }
}

.plus-block__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 20px 0 0;
  width: 54px;
  height: 65px;
}

.plus-block__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1259px) {
  .plus-block__img {
    margin: 0 0 20px;
  }
}

@media (max-width: 767px) {
  .plus-block__img {
    margin: 0 20px 0 0;
  }
}

.plus-block__title {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.plus-block__title:not(:last-child) {
  margin-bottom: 10px;
}

.plus-block__mob {
  display: none;
}

@media (max-width: 767px) {
  .plus-block__mob {
    display: block;
  }
}

.popup {
  background: white;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: absolute;
  z-index: 105;
  display: none;
}

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

.popup--city {
  top: calc(100% + 6px);
  left: -20px;
  width: 300px;
}

.popup--user {
  width: 280px;
}

@media (min-width: 1260px) {
  .popup--user {
    right: 0;
  }
}

@media (min-width: 1490px) {
  .popup--user {
    right: initial;
  }
}

@media (max-width: 1259px) {
  .popup--fav {
    width: 100%;
    position: fixed;
    bottom: 70px;
    left: 0;
    padding-left: 34px;
    padding-right: 34px;
    -webkit-box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
  }
}

@media (max-width: 767px) {
  .popup--fav {
    padding-left: 20px;
    padding-right: 20px;
    bottom: 67px;
  }
}

.popup__close {
  width: 48px;
  height: 48px;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  stroke: #20262D;
}

.popup__title {
  font-family: "HarmonyOS_Sans_Black", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
}

.popup__title:not(:last-child) {
  margin-bottom: 10px;
}

.popup__lead:not(:last-child) {
  margin-bottom: 10px;
}

.popup__text:not(:last-child) {
  margin-bottom: 20px;
}

.popup__text--light {
  color: #87909D;
}

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

.popup__btn {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 0 20px;
}

.popup__btn + .popup__btn {
  margin-left: 10px;
}

.popup__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.popup__link span {
  vertical-align: middle;
}

.popup__link svg {
  stroke: #20262D;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  will-change: stroke;
}

.popup__link--bold {
  color: #00ADBB;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
}

.popup__link--bold svg {
  stroke: #00ADBB;
}

@media (hover: hover) {
  .popup__link--bold:hover, .popup__link--bold:focus, .popup__link--bold:active {
    color: #20262D;
  }
  .popup__link--bold:hover svg, .popup__link--bold:focus svg, .popup__link--bold:active svg {
    stroke: #20262D;
  }
}

@media (hover: hover) {
  .popup__link:not(.popup__link--bold):hover, .popup__link:not(.popup__link--bold):focus, .popup__link:not(.popup__link--bold):active {
    color: #00ADBB;
  }
  .popup__link:not(.popup__link--bold):hover svg, .popup__link:not(.popup__link--bold):focus svg, .popup__link:not(.popup__link--bold):active svg {
    stroke: #00ADBB;
  }
}

.popup__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.popup__item:not(:last-child) {
  margin-bottom: 20px;
}

.price--large .price__block {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.price--large .price__cur {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
}

.price--large .price__old {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
}

.price--large .price__discount {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

.price--medium .price__cur {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
}

.price--medium .price__old {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}

.price--big .price__cur {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.price--big .price__old {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .price--large .price__cur {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
  }
  .price--big .price__cur {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  .price--big .price__old {
    font-size: 12px;
    line-height: 16px;
  }
}

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

.price__block .price__cur {
  margin-right: 10px;
}

.price__block .price__old {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .price__block .price__cur {
    margin-right: 7px;
  }
  .price__block .price__old {
    margin-right: 7px;
  }
}

.price__cur {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.price__old {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #6F7784;
  text-align: right;
  text-decoration: line-through;
}

.price__discount {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  background: #F0F1F3;
  color: #00ADBB;
  border-radius: 4px;
  padding: 5px 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 767px) {
  .price__discount {
    font-size: 10px;
    line-height: 13px;
  }
}

.price__amount {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #6F7784;
}

.price__amount:not(:first-child) {
  margin-top: 5px;
}

.price__not-avail {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  line-height: inherit;
}

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

.sh-list--big .sh-list__item {
  width: 32px;
  height: 32px;
}

@media (max-width: 1259px) {
  .sh-list--big .sh-list__item {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 767px) {
  .sh-list--big .sh-list__item {
    width: 24px;
    height: 24px;
  }
}

.sh-list__item {
  width: 24px;
  height: 24px;
  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;
}

.sh-list__item img {
  vertical-align: middle;
}

.sh-list__amount {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #87909D;
  margin-left: 10px;
  display: inline;
  position: relative;
  z-index: 10;
}

.slider *::-moz-selection {
  background: transparent;
}

.slider *::selection {
  background: transparent;
}

.slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.slider .swiper-container.end.start .slider__btn,
.slider .swiper-container.end.start .slider__pag {
  display: none;
}

.slider .swiper-slide {
  height: auto;
}

.slider .swiper-pagination {
  position: relative;
  bottom: 0;
  left: 0;
  display: none;
}

.slider .swiper-pagination .swiper-pagination-bullet {
  background: white;
}

.slider .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}

.slider .swiper-button-disabled {
  opacity: 0;
}

.slider__btn {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: none;
          transform: none;
  margin-top: 0;
  position: relative;
  outline: none;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #00ADBB;
  border-radius: 4px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slider__btn::after {
  display: none;
}

.slider__btn:focus, .slider__btn:focus {
  outline: none;
}

.slider__btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.slider__btn svg {
  stroke: #00ADBB;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  will-change: stroke;
}

.slider__btn.swiper-button-prev {
  left: 0;
  right: auto;
}

.slider__btn.swiper-button-next {
  left: auto;
  right: 0;
}

@media (hover: hover) {
  .slider__btn:hover, .slider__btn:focus, .slider__btn:active {
    border-color: #16CEDD;
  }
  .slider__btn:hover svg, .slider__btn:focus svg, .slider__btn:active svg {
    stroke: #16CEDD;
  }
}

@media (max-width: 1259px) {
  .slider__btn {
    width: 48px;
  }
}

.slider__pag {
  position: relative;
  bottom: 0;
  left: 0;
  display: none;
}

.slider__pag .swiper-pagination-bullet {
  background: white;
}

.slider__pag .swiper-pagination-bullet:focus {
  outline: none;
}

.slider__pag.swiper-pagination-progressbar {
  margin: 20px 0 0;
  width: 100%;
  height: 3px;
  background: #F0F1F3;
  border-radius: 4px;
  position: relative;
  z-index: -1;
}

.slider__pag.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #C3C7CE;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.socials__list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -5px;
}

.socials__item {
  margin: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.socials__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  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: 32px;
  height: 32px;
  position: relative;
}

.socials__link .not-active,
.socials__link .active {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.socials__link .active {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

@media (hover: hover) {
  .socials__link:hover .not-active, .socials__link:focus .not-active, .socials__link:active .not-active {
    opacity: 0;
  }
  .socials__link:hover .active, .socials__link:focus .active, .socials__link:active .active {
    opacity: 1;
  }
}

.status {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  padding: 5px 8px;
  display: inline-block;
}

.status--red {
  background-color: #FC3838;
  color: white;
}

.status--light-red {
  background-color: #F0F1F3;
  color: #00ADBB;
}

.status--blue {
  background: #00ADBB;
  color: #ffffff;
}

.status--gray-red {
  background: #F0F1F3;
  color: #FC3838;
}

.status--gray {
  background: #F0F1F3;
  color: #00ADBB;
}

.status--green {
  background-color: #0B8A41;
  color: #ffffff;
}

.status--yellow {
  background-color: #FBD04F;
}

.status--white {
  background-color: #ffffff;
  color: #6F7784;
}

.status + .status {
  margin-left: 5px;
}

.toggle-list {
  position: relative;
}

.toggle-list.opened .toggle-list__btn svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.toggle-list__btn {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  height: 38px;
  text-align: left;
  padding: 0 14px;
}

.toggle-list__btn span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.toggle-list__btn svg {
  stroke: #20262D;
  margin-left: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.toggle-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: white;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  width: 100%;
  min-width: 200px;
  max-height: 154px;
  padding: 20px;
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.toggle-list__item + .toggle-list__item {
  margin-top: 10px;
}

.toggle-list__item.error {
  display: none;
}

.toggle-list__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #A5ACB5;
}

@media (hover: hover) {
  .toggle-list__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .toggle-list__link:hover, .toggle-list__link:focus {
    outline: none;
    color: #00adbb;
  }
  .toggle-list__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.toggle-list__link.active {
  color: #20262D;
  pointer-events: none;
}

.toggle-list__link[data-city-select] {
  position: relative;
}

.toggle-list__link[data-city-select]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.toggle-list__error {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}

.zoom .fancybox-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  right: auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  background: white;
  padding: 20px 8px;
}

.zoom .fancybox-thumbs {
  width: 100%;
  max-width: 1000px;
  height: 70px;
  background: transparent;
  position: absolute;
  top: auto;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  padding: 0;
}

.zoom .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  height: 2px;
  background: #ECECEC;
}

.zoom .fancybox-thumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
}

.zoom .fancybox-thumbs__list .simplebar-track.simplebar-vertical {
  right: 0;
}

.zoom .fancybox-thumbs__list a {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: 70px;
  max-width: 100%;
  max-height: 100%;
  height: 70px;
  border: 5px solid #ffffff;
  border-radius: 12px;
  background-size: cover;
  background-color: transparent;
  overflow: visible;
}

.zoom .fancybox-thumbs__list a + a {
  margin-left: 6px;
}

.zoom .fancybox-thumbs__list a::before {
  display: none;
}

.zoom .fancybox-thumbs__list a.fancybox-thumbs-active::before {
  content: "";
  display: block;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  position: absolute;
  top: -5px;
  left: -5px;
  border: 1px solid #00ADBB;
  border-radius: 12px;
}

.zoom .fancybox-slide--image {
  padding: 0;
}

.zoom .fancybox-infobar {
  display: none;
}

.zoom .fancybox-navigation {
  position: static;
}

.zoom .fancybox-button--arrow_right,
.zoom .fancybox-button--arrow_left {
  width: 60px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #00ADBB;
  color: #00ADBB;
  background-color: transparent;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: auto;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 99995;
}

.zoom .fancybox-button--arrow_right svg,
.zoom .fancybox-button--arrow_left svg {
  fill: none;
  color: transparent;
  width: auto;
  height: auto;
}

.zoom .fancybox-button--arrow_right svg path,
.zoom .fancybox-button--arrow_left svg path {
  fill: none;
  stroke: #00ADBB;
  stroke-width: 1.5px;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

.zoom .fancybox-button--arrow_right {
  right: 20px;
  left: auto;
}

.zoom .fancybox-button--arrow_left {
  right: auto;
  left: 20px;
}

.zoom .fancybox-toolbar {
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px;
  width: 48px;
  opacity: 1;
  visibility: visible;
}

.zoom .fancybox-button--close {
  width: 48px;
  height: 48px;
  background: #F0F1F3;
  border-radius: 4px;
  opacity: 1;
  visibility: visible;
  outline: none;
  padding: 15px;
  color: #20262D;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.zoom .fancybox-button--close svg {
  stroke: #20262D;
  margin: 0;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

.zoom .fancybox-button--close svg path {
  stroke-width: 2px;
}

.zoom .fancybox-content {
  margin: 0;
  padding: 24px 0 80px;
}

.zoom .fancybox-image {
  max-width: 1000px;
  max-height: 1000px;
  -o-object-fit: contain;
     object-fit: contain;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
}

@media (min-width: 1260px) {
  .zoom .fancybox-button--arrow_right:hover,
  .zoom .fancybox-button--arrow_left:hover {
    border-color: #16CEDD;
  }
  .zoom .fancybox-button--arrow_right:hover svg path,
  .zoom .fancybox-button--arrow_left:hover svg path {
    stroke: #16CEDD;
  }
  .zoom .fancybox-button--close:hover svg {
    stroke: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .zoom .fancybox-thumbs {
    max-width: 648px;
  }
  .zoom .fancybox-image {
    max-width: 648px;
    max-height: 648px;
  }
}

@media (max-width: 767px) {
  .zoom .fancybox-thumbs {
    max-width: 320px;
  }
  .zoom .fancybox-navigation {
    display: none;
  }
}

@media (max-width: 1259px) {
  .aside-menu {
    display: none;
    width: 100%;
    max-width: 375px;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    position: fixed;
    z-index: 105;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    background: white;
    padding: 20px;
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.05);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .aside-menu.opened {
    display: block;
  }
  .aside-menu.animation {
    -webkit-transform: none;
            transform: none;
  }
}

@media (max-width: 1259px) {
  .aside-menu.aside-menu--filter {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 100%;
    max-width: 100%;
  }
  .aside-menu.aside-menu--filter.animation {
    -webkit-transform: none;
            transform: none;
  }
}

@media (max-width: 1259px) {
  .aside-menu.aside-menu--search {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 100%;
    max-width: 100%;
  }
  .aside-menu.aside-menu--search.animation {
    -webkit-transform: none;
            transform: none;
  }
}

.aside-menu__head {
  display: none;
}

@media (max-width: 1259px) {
  .aside-menu__head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 20px;
  }
}

.aside-menu__title {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}

.aside-menu__close-btn {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 3px;
  color: #87909D;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1260px;
  padding: 0 45px;
}

@media (max-width: 1259px) {
  .container {
    max-width: 768px;
    padding: 0 34px;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 375px;
    padding: 0 20px;
  }
}

@media (max-width: 374px) {
  .container {
    max-width: 100%;
  }
}

.footer {
  padding: 40px 0;
  background: #484F58;
  margin-top: 80px;
  color: white;
}

@media (max-width: 1259px) {
  .footer {
    padding: 30px 0 100px;
  }
}

.footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer__line {
  margin-top: 30px;
}

@media (max-width: 1259px) {
  .footer__line {
    margin-top: 15px;
  }
}

.footer__logo svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.footer__logo svg *[stroke] {
  stroke: white;
}

.footer__logo svg *[fill] {
  fill: white;
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 1259px) {
  .footer__nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 -15px;
  }
}

@media (max-width: 767px) {
  .footer__nav {
    display: block;
  }
}

.footer__nav-block + .footer__nav-block {
  margin-left: 30px;
}

@media (max-width: 1259px) {
  .footer__nav-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 15px;
  }
  .footer__nav-block + .footer__nav-block {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .footer__nav-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .footer__nav-block + .footer__nav-block {
    margin-top: 15px;
  }
  .footer__nav-block.opened .footer__nav-list {
    display: block;
  }
  .footer__nav-block.opened .footer__subtitle svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.footer__title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
}

@media (max-width: 1259px) {
  .footer__title {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
  }
}

.footer__subtitle {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  pointer-events: none;
  text-transform: uppercase;
}

.footer__subtitle svg {
  display: none;
}

@media (max-width: 767px) {
  .footer__subtitle {
    pointer-events: initial;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px;
    font-family: "HarmonyOS_Sans_Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    text-transform: none;
  }
  .footer__subtitle svg {
    display: block;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .footer__subtitle svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .footer__subtitle svg *[stroke] {
    stroke: white;
  }
  .footer__subtitle svg *[fill] {
    fill: white;
  }
}

.footer__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 767px) {
  .footer__nav-list {
    display: none;
  }
}

.footer__nav-item + .footer__nav-item {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .footer__nav-item + .footer__nav-item {
    margin-top: 10px;
  }
}

.footer__nav-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

@media (hover: hover) {
  .footer__nav-link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .footer__nav-link:hover, .footer__nav-link:focus {
    outline: none;
    color: #00adbb;
  }
  .footer__nav-link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

@media (max-width: 767px) {
  .footer__nav-link {
    color: #C3C7CE;
  }
}

@media (max-width: 1259px) {
  .footer__info {
    width: 100%;
    margin-bottom: 40px;
  }
}

.footer__sub .form__input {
  width: 100%;
}

.footer__sub .form__input input {
  background-color: #6F7784;
}

.footer__sub .form__input input::-webkit-input-placeholder {
  color: #F0F1F3;
}

.footer__sub .form__input input::-moz-placeholder {
  color: #F0F1F3;
}

.footer__sub .form__input input:-ms-input-placeholder {
  color: #F0F1F3;
}

.footer__sub .form__input input::-ms-input-placeholder {
  color: #F0F1F3;
}

.footer__sub .form__input input::placeholder {
  color: #F0F1F3;
}

.footer__sub .form__input-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.footer__sub .footer__sub-form-btn {
  padding: 0 12px;
  margin-left: 20px;
}

.footer__sub-form .form__checkbox {
  margin-top: 10px;
}

.footer__sub-form .form__checkbox label {
  color: white;
}

.footer__sub-form .form__checkbox label a {
  border-bottom-color: white;
  -webkit-transition: color 0.3s ease, border-bottom-color 0.3s ease;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
}

@media (hover: hover) {
  .footer__sub-form .form__checkbox label a:hover, .footer__sub-form .form__checkbox label a:focus, .footer__sub-form .form__checkbox label a:active {
    border-bottom-color: #00ADBB;
  }
}

.footer__sub-form .form__checkbox input:checked + label::before {
  background-color: white;
}

.footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  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;
}

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

.footer__links-item + .footer__links-item {
  margin-top: 30px;
}

@media (max-width: 1259px) {
  .footer__links-item + .footer__links-item {
    margin-top: 0;
    margin-left: 30px;
  }
}

@media (max-width: 767px) {
  .footer__links-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .footer__links-item + .footer__links-item {
    margin-left: 0;
    margin-top: 15px;
  }
}

.footer__btn-tooltip {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #87909D;
  margin-left: 10px;
  padding: 4px;
}

.footer__btn-tooltip svg {
  stroke: #ffffff;
}

.footer__icon-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: relative;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer__icon-link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.footer__icon-link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.footer__icon-link svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.footer__icon-link svg *[stroke] {
  stroke: white;
}

.footer__icon-link svg *[fill] {
  fill: white;
}

@media (hover: hover) {
  .footer__icon-link:hover, .footer__icon-link:focus, .footer__icon-link:active {
    color: #00ADBB;
  }
  .footer__icon-link:hover svg *, .footer__icon-link:focus svg *, .footer__icon-link:active svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .footer__icon-link:hover svg *[stroke], .footer__icon-link:focus svg *[stroke], .footer__icon-link:active svg *[stroke] {
    stroke: #00ADBB;
  }
  .footer__icon-link:hover svg *[fill], .footer__icon-link:focus svg *[fill], .footer__icon-link:active svg *[fill] {
    fill: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .footer__icon-link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: none;
  }
  .footer__icon-link + .footer__icon-link {
    margin-top: 0;
    margin-left: 30px;
  }
}

@media (max-width: 767px) {
  .footer__icon-link + .footer__icon-link {
    margin-left: 0;
    margin-top: 15px;
  }
}

.footer__copyright {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}

.footer__copyright a {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
}

@media (hover: hover) {
  .footer__copyright a {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .footer__copyright a:hover, .footer__copyright a:focus {
    outline: none;
    color: #00adbb;
  }
  .footer__copyright a:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.footer__desktop .footer__wrap {
  margin: 0 -30px;
}

.footer__desktop .footer__col {
  padding: 0 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.footer__desktop .footer__sub {
  margin-top: 60px;
}

.footer__desktop .footer__links {
  margin-top: 40px;
}

.footer__desktop .footer__col--catalog .footer__subtitle {
  display: none;
}

.footer__desktop .footer__col--catalog .footer__nav-link {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

@media (max-width: 1259px) {
  .footer__desktop {
    display: none;
  }
}

.footer__tablet {
  display: none;
}

.footer__tablet .footer__wrap {
  margin: 0;
}

.footer__tablet .footer__row {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.footer__tablet .footer__row + .footer__row {
  margin-top: 40px;
}

.footer__tablet .footer__sub .footer__sub-form-btn {
  padding: 0 24px;
}

@media (max-width: 1259px) {
  .footer__tablet {
    display: block;
  }
}

@keyframes showroom-point {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
}

@keyframes visible {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes hidden {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.header {
  background: white;
  border-bottom: 1px solid #ECECEC;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  margin-bottom: 15px;
  z-index: 100;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
}

@media (max-width: 1259px) {
  .header {
    padding: 10px 0;
  }
  .header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 767px) {
  .header {
    padding: 0;
  }
  .header .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.header.opened .header__cat-menu {
  display: block;
}

@media (max-width: 1259px) {
  .header.opened .header__cat-menu {
    display: none;
  }
  .header.opened .header__mobile-menu {
    display: block;
  }
}

.header.close-animation .header__cat-menu {
  -webkit-animation: hidden 0.5s forwards;
          animation: hidden 0.5s forwards;
}

.header.animation .header__cat-menu {
  -webkit-animation: visible 0.5s forwards;
          animation: visible 0.5s forwards;
}

.header.animation .header__cat-btn .not-active {
  display: none;
}

.header.animation .header__cat-btn .active {
  display: block;
}

.header.animation .header__cat-btn svg {
  stroke: white;
}

@media (max-width: 1259px) {
  .header.animation .header__mobile-menu {
    -webkit-transform: none;
            transform: none;
  }
}

.header.fixed {
  -webkit-transform: translateY(-63px);
          transform: translateY(-63px);
  margin-bottom: 0;
}

.header.fixed .header__logo--bottom {
  display: block;
}

.header.fixed .header__nav-link:not(.header__nav-link--user) > span:not(.header__link-amount) {
  display: none;
}

.header.fixed .header__nav-link:not(.header__nav-link--user) > svg {
  margin-right: 0;
}

.header.fixed .header__nav-item--user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1259px) {
  .header.fixed {
    -webkit-transform: none;
            transform: none;
  }
  .header.fixed .header__logo--bottom {
    display: none;
  }
  .header.fixed .header__nav-link:not(.header__nav-link--user) > span:not(.header__link-amount) {
    display: inline;
  }
  .header.fixed .header__nav-link:not(.header__nav-link--user) > svg {
    margin-right: 7px;
  }
}

@media (max-width: 767px) {
  .header.fixed .header__nav-link:not(.header__nav-link--user) > span:not(.header__link-amount) {
    display: inline;
  }
  .header.fixed .header__nav-link:not(.header__nav-link--user) > svg {
    margin-right: 7px;
  }
  .header.fixed .header__wrap--bottom {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

@media (max-width: 767px) {
  .header.disabled {
    -webkit-transform: translateY(-51px);
            transform: translateY(-51px);
  }
  .header.disabled .header__mobile-menu {
    top: 51px;
  }
  .header.disabled .header__search-menu {
    top: 51px;
  }
  .header.disabled .header__wrap--bottom {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    width: calc(100% - 55px);
    margin-right: auto;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .header.disabled .header__mob-menu-btn {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 48px;
    height: 48px;
    background: #00ADBB;
  }
  .header.disabled .header__mob-menu-btn svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .header.disabled .header__mob-menu-btn svg *[stroke] {
    stroke: white;
  }
  .header.disabled .header__mob-menu-btn svg *[fill] {
    fill: white;
  }
}

.header__wrap {
  width: 100%;
  padding: 15px 0;
  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;
  -webkit-transition: padding 0.3s ease, height 0.3s ease;
  transition: padding 0.3s ease, height 0.3s ease;
}

.header__wrap--top {
  padding-bottom: 0;
  height: 63px;
  -webkit-transition: height 0.3s ease, padding 0.3s ease;
  transition: height 0.3s ease, padding 0.3s ease;
}

@media (max-width: 1259px) {
  .header__wrap {
    width: auto;
    padding: 0;
  }
  .header__wrap--top {
    height: auto;
    margin-right: 40px;
  }
  .header__wrap--bottom {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (max-width: 767px) {
  .header__wrap--top {
    width: calc(100% - 40px);
    margin-right: auto;
    padding-top: 10px;
    height: 48px;
  }
  .header__wrap--bottom {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding: 10px 0;
  }
}

.header__links {
  margin-left: auto;
  margin-right: 30px;
}

@media (max-width: 1259px) {
  .header__links {
    display: none;
  }
}

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

.header__logo--bottom {
  display: none;
  margin-right: 72px;
}

@media (max-width: 1259px) {
  .header__logo--bottom {
    margin-right: 15px;
  }
}

.header__logo-text {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #87909D;
  margin-left: 13px;
  width: 111px;
}

@media (max-width: 1259px) {
  .header__logo-text {
    width: 103px;
    font-size: 10px;
    line-height: 13px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .header__logo-text {
    width: 93px;
    font-size: 9px;
  }
}

.header__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -10px;
}

@media (max-width: 1259px) {
  .header__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;
    margin: 0;
  }
}

.header__item {
  margin: 10px;
}

@media (max-width: 1259px) {
  .header__item {
    margin: 0;
  }
  .header__item + .header__item {
    margin-top: 15px;
  }
}

.header__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
}

@media (hover: hover) {
  .header__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .header__link:hover, .header__link:focus {
    outline: none;
    color: #00adbb;
  }
  .header__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

@media (max-width: 1259px) {
  .header__link {
    font-size: 14px;
    line-height: 21px;
  }
}

.header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

@media (max-width: 1259px) {
  .header__info {
    display: none;
  }
}

.header__info-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1259px) {
  .header__info-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;
  }
}

.header__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}

.header__info-item:last-child {
  margin-right: 0;
}

@media (hover: hover) {
  .header__info-item:hover .popup:not(.popup--city), .header__info-item:focus .popup:not(.popup--city), .header__info-item:active .popup:not(.popup--city) {
    display: block;
  }
}

@media (max-width: 1259px) {
  .header__info-item + .header__info-item {
    margin-top: 15px;
  }
}

.header__icon-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #87909D;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.header__icon-link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.header__icon-link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.header__icon-link svg:first-child {
  margin-right: 10px;
}

.header__icon-link svg:first-child * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.header__icon-link svg:first-child *[stroke] {
  stroke: #87909D;
}

.header__icon-link svg:first-child *[fill] {
  fill: #87909D;
}

.header__icon-link svg:last-child {
  margin-left: 5px;
}

.header__icon-link svg:last-child * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.header__icon-link svg:last-child *[stroke] {
  stroke: #87909D;
}

.header__icon-link svg:last-child *[fill] {
  fill: #87909D;
}

.header__icon-link--user {
  margin-right: 0;
  border-radius: 4px;
  background-color: #F0F1F3;
  padding: 12px 24px 12px 16px;
  color: #20262D;
}

.header__icon-link--user img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header__icon-link--user::after {
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: -10px;
  left: -10px;
}

@media (hover: hover) {
  .header__icon-link:hover, .header__icon-link:focus, .header__icon-link:active {
    color: #00ADBB;
  }
  .header__icon-link:hover svg:first-child *, .header__icon-link:focus svg:first-child *, .header__icon-link:active svg:first-child * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .header__icon-link:hover svg:first-child *[stroke], .header__icon-link:focus svg:first-child *[stroke], .header__icon-link:active svg:first-child *[stroke] {
    stroke: #00ADBB;
  }
  .header__icon-link:hover svg:first-child *[fill], .header__icon-link:focus svg:first-child *[fill], .header__icon-link:active svg:first-child *[fill] {
    fill: #00ADBB;
  }
  .header__icon-link:hover svg:last-child *, .header__icon-link:focus svg:last-child *, .header__icon-link:active svg:last-child * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .header__icon-link:hover svg:last-child *[stroke], .header__icon-link:focus svg:last-child *[stroke], .header__icon-link:active svg:last-child *[stroke] {
    stroke: #00ADBB;
  }
  .header__icon-link:hover svg:last-child *[fill], .header__icon-link:focus svg:last-child *[fill], .header__icon-link:active svg:last-child *[fill] {
    fill: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .header__icon-link {
    font-size: 14px;
    line-height: 21px;
    color: #20262D;
  }
  .header__icon-link svg:first-child * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .header__icon-link svg:first-child *[stroke] {
    stroke: #20262D;
  }
  .header__icon-link svg:first-child *[fill] {
    fill: #20262D;
  }
  .header__icon-link--bottom {
    color: #20262D;
  }
  .header__icon-link--mob-city::before {
    display: none;
  }
}

.header__icon-link-btn {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  padding: 3px;
}

.header__btn-tooltip {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #F0F1F3;
  margin-left: 5px;
  padding: 4px;
}

.header__btn-tooltip svg {
  stroke: #87909D;
}

@media (max-width: 1259px) {
  .header__btn-tooltip {
    margin-left: 10px;
  }
}

.header__cat-btn {
  padding: 0 15px;
}

.header__cat-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.header__cat-btn svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.header__cat-btn svg *[stroke] {
  stroke: white;
}

.header__cat-btn svg *[fill] {
  fill: white;
}

.header__cat-btn .not-active,
.header__cat-btn .active {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.header__cat-btn .not-active {
  display: block;
}

.header__cat-btn .active {
  display: none;
}

@media (max-width: 1259px) {
  .header__cat {
    display: none;
  }
}

.header__search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 20px 0 10px;
  position: relative;
  z-index: 100;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (max-width: 1259px) {
  .header__search {
    margin: 0 10px 0 0;
  }
}

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

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

.header__search-mob {
  display: none;
}

@media (max-width: 1259px) {
  .header__search-mob {
    display: block;
  }
  .header__search-mob #search-input-plug {
    -webkit-appearance: none;
  }
}

@media (max-width: 1259px) {
  .header__nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    overflow: hidden;
    z-index: 98;
    padding: 10px calc((100vw - 768px) / 2 + 34px) calc(15px + env(safe-area-inset-bottom));
    background: white;
    -webkit-box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
  }
}

@media (max-width: 767px) {
  .header__nav {
    padding: 10px calc((100vw - 375px) / 2 + 30px) calc(15px + env(safe-area-inset-bottom));
  }
}

.header__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -5px;
}

@media (max-width: 1259px) {
  .header__nav-list {
    margin: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.header__nav-item {
  position: relative;
  margin: 5px;
}

.header__nav-item--tab {
  display: none;
}

.header__nav-item--user {
  display: none;
}

@media (hover: hover) {
  .header__nav-item:hover .popup, .header__nav-item:focus .popup, .header__nav-item:active .popup {
    display: block;
  }
}

@media (max-width: 1259px) {
  .header__nav-item {
    margin: 0;
    width: 80px;
  }
  .header__nav-item--tab {
    display: block;
  }
  .header__nav-item--user {
    display: block;
  }
}

@media (max-width: 767px) {
  .header__nav-item {
    width: 60px;
  }
  .header__nav-item--dp {
    display: none;
  }
}

.header__nav-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 6px;
  position: relative;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.header__nav-link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.header__nav-link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
}

.header__nav-link svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.header__nav-link svg *[stroke] {
  stroke: #20262D;
}

.header__nav-link svg *[fill] {
  fill: #20262D;
}

.header__nav-link img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 8px;
  border-radius: 50%;
}

.header__nav-link--user {
  border-radius: 4px;
  background-color: #F0F1F3;
  padding: 12px 24px 12px 16px;
}

.header__nav-link--user span {
  max-width: 96px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (hover: hover) {
  .header__nav-link:hover, .header__nav-link:focus, .header__nav-link:active {
    color: #00ADBB;
  }
  .header__nav-link:hover svg *, .header__nav-link:focus svg *, .header__nav-link:active svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .header__nav-link:hover svg *[stroke], .header__nav-link:focus svg *[stroke], .header__nav-link:active svg *[stroke] {
    stroke: #00ADBB;
  }
  .header__nav-link:hover svg *[fill], .header__nav-link:focus svg *[fill], .header__nav-link:active svg *[fill] {
    fill: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .header__nav-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
  }
  .header__nav-link svg {
    margin: 0 0 3px;
  }
  .header__nav-link--user {
    background-color: transparent;
  }
  .header__nav-link--user span {
    max-width: 80px;
  }
}

@media (max-width: 767px) {
  .header__nav-link {
    font-size: 11px;
    line-height: 15px;
  }
  .header__nav-link--user span {
    max-width: 60px;
  }
}

.header__nav-link-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__link-amount {
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 23px;
  z-index: 2;
  background-color: #FC3838;
  color: white;
  border: 2px solid white;
  border-radius: 10px;
  padding: 0 4px;
  min-width: 15px;
  text-align: center;
}

@media (max-width: 1259px) {
  .header__link-amount {
    right: 18px;
    top: -3px;
    left: auto;
  }
}

@media (max-width: 767px) {
  .header__link-amount {
    right: 8px;
  }
}

.header__cat-menu {
  background-color: white;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.03);
  border-radius: 0px 12px 12px 12px;
  padding: 20px;
  position: absolute;
  top: 140px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
  width: 100%;
  max-width: 1800px;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.header__cat-menu:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
}

.header__cat-grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.header__cat-left {
  margin-right: 30px;
  background-color: #F0F1F3;
  border-radius: 4px;
}

.header__cat-list {
  width: 328px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.header__cat-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.header__cat-link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  padding: 10px;
  border-radius: 8px;
}

.header__cat-link:not(:last-child) {
  margin-bottom: 10px;
}

.header__cat-link br {
  display: none;
}

.header__cat-link.active {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  position: relative;
}

.header__cat-link.active:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  width: 0;
  height: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent white transparent transparent;
}

@media (hover: hover) {
  .header__cat-link:hover, .header__cat-link:focus, .header__cat-link:active {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
  }
}

.header__cat-tab {
  display: none;
}

.header__cat-tab.active {
  display: block;
}

.header__cat-more {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__cat-more-btn {
  padding: 0 12px 0 24px;
}

.header__cat-more-btn svg {
  stroke: white;
  margin-left: 6px;
}

.header__search-result {
  width: 100%;
  max-height: calc(100vh - 149px);
  max-height: calc((var(--vh, 1vh) * 100) - 149px);
  background-color: #F0F1F3;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.05);
  padding: 25px 20px 20px;
  position: absolute;
  top: calc(100% - 10px);
  left: 0;
  z-index: -1;
  display: none;
}

@media (max-width: 1259px) {
  .header__search-result {
    display: block;
    overflow: initial;
    max-height: initial;
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0 0 25px;
    margin-top: 20px;
    background-color: white;
  }
  .header__search-result .simplebar-mask,
  .header__search-result .simplebar-offset {
    position: static;
  }
  .header__search-result .simplebar-placeholder,
  .header__search-result .simplebar-track {
    display: none;
  }
  .header__search-result .simplebar-wrapper,
  .header__search-result .simplebar-mask,
  .header__search-result .simplebar-content-wrapper {
    overflow: initial !important;
  }
}

.header__search-tags {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
}

.header__search-tag {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  background-color: white;
  color: #6F7784;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  margin: 5px;
  height: 29px;
  padding: 0 10px;
}

@media (hover: hover) {
  .header__search-tag:hover, .header__search-tag:focus, .header__search-tag:active {
    color: #20262D;
  }
}

@media (max-width: 1259px) {
  .header__search-tag {
    background-color: #F0F1F3;
  }
}

.header__search-block {
  margin-bottom: 20px;
}

.header__search-block--bottom {
  margin-bottom: 0;
  position: sticky;
  z-index: 5;
  bottom: 20px;
  padding-top: 10px;
}

@media (max-width: 1259px) {
  .header__search-block--bottom {
    top: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
  }
}

.header__search-title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.header__search-title:last-child {
  margin-bottom: 0;
}

.header__search-links {
  padding-bottom: 10px;
}

.header__search-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 20px;
}

.header__search-link:last-child {
  margin-bottom: 0;
}

@media (hover: hover) {
  .header__search-link:hover .header__search-name, .header__search-link:focus .header__search-name, .header__search-link:active .header__search-name {
    color: #00ADBB;
  }
}

.header__search-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 15px;
  border-radius: 4px;
  background: #ffffff;
}

.header__search-name {
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin-right: 30px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #6F7784;
}

.header__search-price {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  color: #20262D;
}

.header__search-price .price__cur {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
}

.header__search-price .price__old {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

.header__search-btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
}

.header__mob-menu-btn {
  display: none;
}

@media (max-width: 1259px) {
  .header__mob-menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    height: 48px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .header__mob-menu-btn svg {
    fill: #20262D;
  }
}

@media (max-width: 767px) {
  .header__mob-menu-btn {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 40px;
    height: 40px;
    margin-top: 10px;
  }
}

.header__mobile-menu {
  display: none;
}

@media (max-width: 1259px) {
  .header__mobile-menu {
    padding: 10px calc((100% - 768px) / 2 + 30px) 40px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    max-width: 100%;
  }
  .header__mobile-menu .header__mobile-block {
    display: block;
  }
  .header__mobile-menu .header__info .header__icon-link {
    width: 100%;
  }
  .header__mobile-menu .header__info .header__icon-link span {
    margin-right: auto;
  }
  .header__mobile-menu .header__info .header__icon-link svg:last-child {
    margin: 0;
  }
  .header__mobile-menu .header__links .header__link {
    color: #20262D;
  }
  .header__mobile-menu .header__nav-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;
  }
  .header__mobile-menu .header__nav-item {
    width: 100%;
  }
  .header__mobile-menu .header__nav-item + .header__nav-item {
    margin-top: 15px;
  }
  .header__mobile-menu .header__nav-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 14px;
    line-height: 21px;
  }
  .header__mobile-menu .header__nav-link span:not(.header__link-amount) {
    margin-right: auto;
  }
  .header__mobile-menu .header__nav-link svg {
    margin: 0 7px 0 0;
  }
  .header__mobile-menu .header__nav-link svg:last-child {
    margin: 0 0 0 10px;
  }
  .header__mobile-menu .header__link-amount {
    min-width: 24px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 40px;
    border: none;
    position: static;
    margin-left: auto;
    padding: 0 6px;
  }
}

@media (max-width: 767px) {
  .header__mobile-menu {
    padding: 10px 20px 40px;
  }
}

.header__menu-btn-close {
  stroke: #20262D;
  width: 45px;
  height: 48px;
  margin-left: auto;
  margin-bottom: 10px;
}

@media (max-width: 1259px) {
  .header__mobile-block {
    margin-bottom: 40px;
  }
  .header__mobile-block:last-child {
    margin-bottom: 0;
    margin-top: auto;
  }
}

.page-block {
  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;
}

.page-block--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 0 0;
}

.page-block--center .page-block__text {
  text-align: center;
}

.page-block--fav .page-block__img {
  margin-bottom: 30px;
}

.page-block--pass-reset {
  max-width: 570px;
}

.page-block--error {
  padding-top: 65px;
  max-width: 570px;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-block--error .page-block__img {
  margin: 0 auto 20px;
}

.page-block--error .page-block__text {
  text-align: center;
  max-width: 443px;
}

.page-block--error .page-block__text:not(:last-child) {
  margin-bottom: 20px;
}

.page-block--error .page-block__btn {
  width: 209px;
  margin: 0 auto;
}

@media (max-width: 1259px) {
  .page-block--center {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .page-block--error {
    padding-top: 45px;
  }
  .page-block--error .page-block__img {
    margin: 0 auto 20px;
  }
  .page-block--error .page-block__btn {
    width: 100%;
  }
  .page-block--center {
    padding: 0;
  }
}

.page-block__img {
  margin: 0 auto 60px;
}

.page-block__img:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .page-block__img {
    margin: 0 auto 20px;
  }
}

.page-block__lg-title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
}

.page-block__lg-title:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 1259px) {
  .page-block__lg-title {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
  }
}

.page-block__title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
}

.page-block__title:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1259px) {
  .page-block__title {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
  }
}

.page-block__lead {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  color: #A5ACB5;
}

.page-block__lead:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 1259px) {
  .page-block__lead {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
  }
}

.page-block__text {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.page-block__text:not(:last-child) {
  margin-bottom: 30px;
}

.page-block__text a {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (hover: hover) {
  .page-block__text a:hover, .page-block__text a:focus, .page-block__text a:active {
    color: #16CEDD;
  }
}

.page-block__form {
  width: 100%;
  min-width: 570px;
}

.page-block__form:not(:last-child) {
  margin-bottom: 10px;
}

.page-block__form .form__input input {
  height: 40px;
  border: 1px solid #87909D;
  background: transparent;
}

@media (max-width: 767px) {
  .page-block__form {
    min-width: auto;
  }
}

.page-block__btns {
  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: 100%;
}

@media (max-width: 767px) {
  .page-block__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.page-block__btns-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .page-block__btns-row {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.page-block__btn {
  padding: 0 24px;
  text-align: center;
}

.page-block__btn + .page-block__btn {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .page-block__btn {
    width: 100%;
  }
  .page-block__btn + .page-block__btn {
    margin-left: 0;
    margin-top: 10px;
  }
}

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

.section:not(:last-child):not(.section--bg) {
  margin-bottom: 80px;
}

.section--bg {
  padding: 80px 0;
  border-radius: 50px 0 50px 0;
  position: relative;
  background-color: #ffffff;
}

.section--bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #F0F1F3;
  z-index: -1;
}

.section--bg:first-child {
  border-radius: 0 0 50px 0;
}

.section--bg:not(.section--gray):last-child {
  padding-bottom: 0;
  border-radius: 50px 0 0 0;
}

.section--bg + .section--bg:not(.section--gray) {
  border-radius: 0 0 50px 0;
}

.section--bg + .section--bg:not(.section--gray):last-child {
  border-radius: 0;
}

.section--gray {
  background: #F0F1F3;
}

.section--gray::before {
  background: #ffffff;
}

@media (max-width: 1259px) {
  .section:not(:last-child):not(.section--bg) {
    margin-bottom: 50px;
  }
  .section--bg {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .section--bg {
    padding: 50px 0;
  }
}

.section__head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.section__head:first-child {
  padding-top: 80px;
}

.section__head:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 1259px) {
  .section__head:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .section__head {
    display: block;
  }
  .section__head:not(:last-child) {
    margin-bottom: 20px;
  }
  .section__head:first-child {
    padding-top: 5px;
  }
}

.section__title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
}

@media (max-width: 1259px) {
  .section__title {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .section__title {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
  }
}

.section__date {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.section__amount {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #A5ACB5;
  margin-left: 18px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .section__amount {
    display: block;
    font-size: 14px;
    line-height: 21px;
    margin: 3px 0 0;
  }
}

.section__subhead:not(:last-child) {
  margin-bottom: 20px;
}

.section__subtitle {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
}

.section__subtitle:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .section__subtitle {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
}

.section__h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}

.section__h3:not(:last-child) {
  margin-bottom: 30px;
}

.section__lg-block:not(:last-child) {
  margin-bottom: 80px;
}

@media (max-width: 1259px) {
  .section__lg-block:not(:last-child) {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .section__lg-block:not(:last-child) {
    margin-bottom: 40px;
  }
}

.section__block:not(:last-child) {
  margin-bottom: 30px;
}

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

.section__fav-delete {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  width: 270px;
}

.section__fav-delete svg {
  margin-right: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section__fav-delete svg path:first-child {
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  stroke: #FC3838;
}

.section__fav-delete svg path:not(:first-child) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FC3838;
}

@media (hover: hover) {
  .section__fav-delete:hover, .section__fav-delete:focus, .section__fav-delete:active {
    background: #FC3838;
    color: #ffffff;
  }
  .section__fav-delete:hover svg path:first-child, .section__fav-delete:focus svg path:first-child, .section__fav-delete:active svg path:first-child {
    stroke: #ffffff;
  }
  .section__fav-delete:hover svg path:not(:first-child), .section__fav-delete:focus svg path:not(:first-child), .section__fav-delete:active svg path:not(:first-child) {
    fill: #ffffff;
  }
}

@media (max-width: 767px) {
  .section__fav-delete {
    width: 100%;
    margin: 15px 0 0;
  }
}

.section__tab-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #C3C7CE;
  width: 100vw;
  padding: 0 calc((100vw - 1170px) / 2);
  margin: 0 calc((100vw - 1170px) / 2 * -1);
}

.section__tab-btns *::-moz-selection {
  background: transparent;
}

.section__tab-btns *::selection {
  background: transparent;
}

@media (max-width: 1259px) {
  .section__tab-btns {
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: none;
  }
  .section__tab-btns--scroll {
    overflow-x: auto;
    width: auto;
    margin: 0 -34px;
    padding: 0 34px;
  }
  .section__tab-btns--scroll .section__tab-btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: auto;
  }
  .section__tab-btns--scroll .section__tab-btn + .section__tab-btn {
    margin-left: 5px;
  }
}

@media (max-width: 767px) {
  .section__tab-btns--scroll {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
}

.section__tab-btn {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  height: 48px;
  padding: 0 23px;
}

@media (hover: hover) {
  .section__tab-btn {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .section__tab-btn:hover, .section__tab-btn:focus {
    outline: none;
    color: #00adbb;
  }
  .section__tab-btn:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.section__tab-btn span {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  background: #00ADBB;
  border-radius: 68.8px;
  padding: 0 5px;
  color: #ffffff;
  min-width: 20px;
}

.section__tab-btn svg {
  display: none;
}

.section__tab-btn.active {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  border: 2px solid #C3C7CE;
  border-bottom-color: #ffffff;
  height: 50px;
  margin-bottom: -2px;
  border-radius: 4px 4px 0 0;
  background: #ffffff;
  pointer-events: none;
}

.section__tab-btn.active span {
  background: #00ADBB;
  color: #ffffff;
}

@media (max-width: 1259px) {
  .section__tab-btn {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    background: #F0F1F3;
    border-radius: 4px;
    width: 100%;
    height: 48px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 12px;
  }
  .section__tab-btn:not(:last-child) {
    margin-bottom: 10px;
  }
  .section__tab-btn span {
    margin-left: auto;
    background: #FC3838;
    color: #ffffff;
    border-radius: 50%;
  }
  .section__tab-btn.active {
    height: 48px;
    border-radius: 4px;
    margin-bottom: 0;
    border-bottom-color: #C3C7CE;
  }
}

.section__main-tab-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

.section__main-tab-btns[data-scrollbar] .simplebar-wrapper {
  max-width: 100vw;
}

.section__main-tab-btns[data-scrollbar] .simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1259px) {
  .section__main-tab-btns {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 20px;
  }
}

.section__main-tab-btn {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  padding: 0 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section__main-tab-btn span {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 20px;
  color: #FC3838;
  background: #F0F1F3;
  border-radius: 68.8px;
  margin-left: 12px;
  padding: 0 5px;
}

.section__main-tab-btn.active {
  background: #F0F1F3;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
}

.section__main-tab-btn.active span {
  background: #FC3838;
  color: #ffffff;
}

.section__tab-block {
  display: none;
}

.section__tab-block.active {
  display: block;
}

.section__small-block:not(:first-child) {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .section__small-block:not(:first-child) {
    margin-top: 20px;
  }
}

.section__pag-btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
}

.banner {
  display: block;
  width: 100%;
  position: relative;
  padding: 20px 30px;
  border-radius: 4px;
  overflow: hidden;
}

.banner--cat {
  height: 200px;
}

@media (max-width: 767px) {
  .banner {
    padding: 0;
  }
  .banner--cat {
    height: auto;
  }
}

.banner__link {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

@media (hover: hover) {
  .banner__link:hover, .banner__link:focus, .banner__link:active {
    background-color: rgba(45, 42, 38, 0.2);
  }
}

@media (max-width: 1259px) {
  .banner__link {
    display: block;
  }
}

.banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

@media (max-width: 767px) {
  .banner__bg {
    height: auto;
    position: static;
  }
}

.banner__info {
  position: relative;
  z-index: 2;
  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;
  max-width: 334px;
  height: 100%;
}

@media (max-width: 767px) {
  .banner__info {
    max-width: 100%;
    padding: 30px;
  }
}

.banner__title {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
}

.banner__title:not(:last-child) {
  margin-bottom: 10px;
}

.banner__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.banner__btn {
  margin-top: auto;
  color: white;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  padding: 0 12px 0 24px;
  border: 1px solid white;
  border-radius: 4px;
}

.banner__btn svg {
  stroke: white;
  margin-left: 10px;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  will-change: stroke;
}

@media (hover: hover) {
  .banner__btn:hover, .banner__btn:focus, .banner__btn:active {
    color: #20262D;
    border-color: #20262D;
  }
  .banner__btn:hover svg, .banner__btn:focus svg, .banner__btn:active svg {
    stroke: #20262D;
  }
}

@media (max-width: 767px) {
  .banner__btn {
    margin-top: 30px;
  }
}

.category {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  display: block;
  background: #F0F1F3;
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border-radius: 4px;
}

.category__name {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  padding: 20px 0 0 20px;
  position: relative;
  z-index: 2;
  max-width: 260px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (max-width: 1259px) {
  .category__name {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
  }
  .category__name br {
    display: none;
  }
}

@media (max-width: 767px) {
  .category__name {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    text-align: center;
  }
}

.category__img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 4px;
}

@media (max-width: 1259px) {
  .category__img {
    height: 192px;
    width: 359px;
  }
}

.category--search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: transparent;
}

.category--search .category__name {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  padding: 15px 0 0;
  text-align: left;
}

.category--search .category__img {
  height: 198px;
  background: #87909D;
}

@media (max-width: 767px) {
  .category--search .category__img {
    height: 158px;
  }
}

.category--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: transparent;
  border-radius: 0;
}

.category--header .category__name {
  padding: 15px 0 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.category--header .category__img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (hover: hover) {
  .category--header:hover .category__name, .category--header:focus .category__name, .category--header:active .category__name {
    color: #00ADBB;
  }
  .category--header:hover .category__img, .category--header:focus .category__img, .category--header:active .category__img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

.category.category--catalog {
  min-height: 260px;
  height: 100%;
}

.category.category--catalog .category__img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 285px;
  height: auto;
}

@media (hover: hover) {
  .category.category--catalog:hover, .category.category--catalog:focus, .category.category--catalog:active {
    background: #E6E8EB;
  }
  .category.category--catalog:hover .category__img, .category.category--catalog:focus .category__img, .category.category--catalog:active .category__img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@media (max-width: 1259px) {
  .category.category--catalog {
    min-height: 180px;
  }
  .category.category--catalog .category__img {
    width: 170px;
  }
}

@media (max-width: 767px) {
  .category.category--catalog {
    min-height: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.filter__scrollable {
  max-height: calc(100vh - 250px);
  max-height: calc((var(--vh, 1vh) * 100) - 250px);
  margin: 0 -30px 0 0;
  padding: 0 30px 0 0;
}

.filter__scrollable .simplebar-track.simplebar-vertical {
  right: 15px;
}

.filter__footer {
  margin-top: 30px;
}

.filter__block {
  margin-bottom: 30px;
}

.filter__block:last-child {
  margin-bottom: 0;
}

.filter__block--bottom {
  background-color: white;
  position: sticky;
  bottom: 0;
  z-index: 2;
  width: calc(100% + 10px);
  padding: 0 5px;
  margin: 0 -5px;
}

.filter__title {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: relative;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  text-align: left;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.filter__title::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.filter__title svg {
  stroke: #20262D;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  -webkit-transition: stroke 0.3s ease, -webkit-transform 0.3s ease;
  transition: stroke 0.3s ease, -webkit-transform 0.3s ease;
  transition: stroke 0.3s ease, transform 0.3s ease;
  transition: stroke 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: stroke, transform;
}

@media (hover: hover) {
  .filter__title:hover, .filter__title:focus, .filter__title:active {
    color: #00ADBB;
  }
  .filter__title:hover svg, .filter__title:focus svg, .filter__title:active svg {
    stroke: #00ADBB;
  }
}

.filter__accordion.opened .filter__title svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.filter__accordion.opened .filter__body {
  display: block;
}

.filter__categories {
  margin-bottom: 30px;
}

.filter__body {
  margin: 20px 0 0;
  display: none;
}

.filter__body:first-child {
  margin-top: 0;
}

.filter__content {
  height: auto;
  width: calc(100% + 10px);
  padding: 0 5px;
  margin: 0 -5px;
}

.filter__content[data-scrollbar] {
  max-height: 207px;
}

.filter__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.filter__item {
  margin-bottom: 10px;
}

.filter__item:last-child {
  margin-bottom: 0;
}

.filter__item--pill {
  margin-bottom: 0;
}

.filter__item--pill .filter__link {
  display: block;
  padding: 10px;
  border-radius: 8px;
}

.filter__item--pill .filter__link.active {
  background-color: #F0F1F3;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
}

.filter__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  padding: 0 10px;
}

@media (hover: hover) {
  .filter__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .filter__link:hover, .filter__link:focus {
    outline: none;
    color: #00adbb;
  }
  .filter__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.filter__link.active {
  pointer-events: none;
}

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

.filter__flex .form__input {
  width: calc(50% - 2.5px);
}

.filter__flex .form__input + .form__input {
  margin-left: 5px;
}

.filter__range {
  margin-bottom: 15px;
}

.filter__range:last-child {
  margin-bottom: 0;
}

.filter__range-line {
  margin: 15px 5px 0;
}

.filter__btn {
  width: 100%;
}

.filter__btn + .filter__btn {
  margin-top: 10px;
}

.info-banner {
  padding: 20px 40px;
  background: #F0F1F3;
  border-radius: 4px;
  text-align: center;
  color: #00ADBB;
  margin-bottom: 15px;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.info-banner:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .info-banner {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding: 15px;
  }
}

.integrations .swiper-container {
  width: calc(100% + 60px);
  padding: 0 30px;
  margin: 0 -30px;
}

.integrations .swiper-container::before,
.integrations .swiper-container::after {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  background: white;
  position: absolute;
  top: 0;
  z-index: 2;
}

.integrations .swiper-container::before {
  left: 0;
}

.integrations .swiper-container::after {
  right: 0;
}

.integrations .swiper-slide {
  width: 210px;
  height: 83px;
  margin-right: 20px;
}

.integrations .swiper-slide:last-child {
  margin-right: 0;
}

.integrations img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.integrations .slider__pag {
  display: none;
}

.integrations--mob {
  display: none;
}

@media (max-width: 1259px) {
  .integrations .swiper-container {
    width: calc(100% + 48px);
    padding: 0 24px;
    margin: 0 -24px;
  }
  .integrations .swiper-container::before,
  .integrations .swiper-container::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .integrations .swiper-container {
    width: calc(100% + 40px);
    padding: 0 20px;
    margin: 0 -20px;
  }
  .integrations .swiper-slide {
    height: 228px;
    width: 150px;
    margin-right: 0;
  }
  .integrations .slider__btn {
    display: none;
  }
  .integrations .slider__pag {
    display: block;
  }
  .integrations img {
    width: 100%;
    height: 60px;
  }
  .integrations img + img {
    margin-top: 15px;
  }
  .integrations--dp {
    display: none;
  }
  .integrations--mob {
    display: block;
  }
}

.main-cat {
  position: relative;
  padding: 30px;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
  min-height: 325px;
}

@media (max-width: 1259px) {
  .main-cat {
    min-height: 200px;
    height: 200px;
  }
}

@media (max-width: 767px) {
  .main-cat {
    padding: 20px;
  }
}

.main-cat.main-cat--big .main-cat__info {
  max-width: 100%;
}

.main-cat__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: none;
}

@media (hover: hover) {
  .main-cat__link:hover, .main-cat__link:focus, .main-cat__link:active {
    background-color: rgba(45, 42, 38, 0.2);
  }
}

@media (max-width: 1259px) {
  .main-cat__link {
    display: block;
  }
}

.main-cat__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-cat__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-cat__info {
  position: relative;
  z-index: 2;
  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;
  max-width: 270px;
  height: 100%;
}

.main-cat__title {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
}

.main-cat__title:not(:last-child) {
  margin-bottom: 15px;
}

@media (max-width: 1259px) {
  .main-cat__title {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .main-cat__title:not(:last-child) {
    margin-bottom: 0;
  }
}

.main-cat__text {
  color: #ffffff;
}

.main-cat__btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  margin-top: auto;
  padding: 0 19px;
}

.map-info {
  width: 370px;
  padding: 20px;
  background: white;
  border-radius: 4px;
  -webkit-filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.1));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-bottom: 15px;
}

.map-info::after {
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  display: block;
  width: 15px;
  height: 7.5px;
  background: url("/local/templates/f-plus/css/../img/icons/triangle.svg") no-repeat center;
}

@media (max-width: 767px) {
  .map-info {
    width: 375px;
  }
}

.map-info__block:not(:last-child) {
  margin-bottom: 20px;
}

.map-info__title {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
}

.map-info__subtitle {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.map-info__subtitle:not(:last-child) {
  margin-bottom: 10px;
}

.map-info__payment:not(:last-child) {
  margin-bottom: 10px;
}

.map-info__payment::before {
  vertical-align: middle;
  line-height: 1;
  margin-right: 10px;
}

.map-info__payment.success::before {
  content: url("/local/templates/f-plus/css/../img/icons/success-green.svg");
}

.map-info__payment.error::before {
  content: url("/local/templates/f-plus/css/../img/icons/error.svg");
}

.map-info__btn {
  width: 100%;
}

.map-info__btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}

.map-info__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (hover: hover) {
  .map-info__link:hover, .map-info__link:focus, .map-info__link:active {
    color: #20262D;
  }
}

@media (max-width: 767px) {
  .personal .section__head {
    margin-bottom: 20px;
  }
  .personal .section__h3 {
    margin-bottom: 20px;
  }
}

.personal.personal--detail .personal__head {
  margin-bottom: 40px;
}

.personal.personal--detail .personal__back:not(:last-child) {
  margin-bottom: 40px;
}

.personal__head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #F0F1F3;
  border-radius: 4px;
  padding: 20px;
  margin: 0 0 80px;
}

@media (max-width: 1259px) {
  .personal__head {
    margin: 0 0 50px;
  }
}

@media (max-width: 767px) {
  .personal__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
}

.personal__head-photo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120px;
  height: 120px;
  margin-right: 20px;
}

.personal__head-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .personal__head-photo {
    margin: 0 0 20px;
  }
}

.personal__head-info {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .personal__head-info {
    margin-right: 0;
  }
}

.personal__title {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
}

.personal__title:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .personal__title {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
  }
}

.personal__contacts {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  -webkit-appearance: none;
}

.personal__contacts:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .personal__contacts {
    font-size: 12px;
    line-height: 16px;
  }
}

.personal__head-btns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

@media (max-width: 767px) {
  .personal__head-btns {
    margin-left: 0;
  }
  .personal__head-btns:not(:first-child) {
    margin-top: 20px;
  }
}

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

@media (max-width: 767px) {
  .personal__btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.personal__btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 24px;
}

.personal__btn + .personal__btn {
  margin-left: 10px;
}

.personal__grid:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .personal__grid:not(:last-child) {
    margin-bottom: 20px;
  }
}

.personal__form-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 1259px) {
  .personal__form-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.personal__form-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.personal__form-right {
  width: 369px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 30px;
  background: #F0F1F3;
  border-radius: 4px;
  padding: 30px;
}

@media (max-width: 1259px) {
  .personal__form-right {
    width: 100%;
    margin: 0 0 40px;
  }
}

.personal__edit-success {
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin: 0 0 0 10px;
  color: #00ADBB;
}

@media (max-width: 767px) {
  .personal__edit-success {
    margin: 20px 0 0;
  }
}

.personal__back {
  width: 100%;
  padding: 6px 0;
}

.personal__back:not(:first-child) {
  margin-top: 40px;
}

.personal__back:not(:last-child) {
  margin-bottom: 80px;
}

.personal__link-back {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.personal__link-back svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
  stroke: #00ADBB;
  vertical-align: middle;
  will-change: stroke;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

.personal__link-back span {
  vertical-align: middle;
  line-height: 1;
}

@media (hover: hover) {
  .personal__link-back:hover, .personal__link-back:focus, .personal__link-back:active {
    color: #16CEDD;
  }
  .personal__link-back:hover svg, .personal__link-back:focus svg, .personal__link-back:active svg {
    stroke: #16CEDD;
  }
}

.personal-order {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
  border: 1px solid #F0F1F3;
  border-radius: 4px;
  padding: 19px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.personal-order:not(:last-child) {
  margin-bottom: 20px;
}

@media (hover: hover) {
  .personal-order:hover:not(.personal-order--detail), .personal-order:focus:not(.personal-order--detail), .personal-order:active:not(.personal-order--detail) {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 1259px) {
  .personal-order {
    padding: 14px;
  }
}

@media (max-width: 767px) {
  .personal-order {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.personal-order.personal-order--detail {
  border: none;
  padding: 0;
}

.personal-order.personal-order--detail .personal-order__info {
  width: 370px;
  background: #F0F1F3;
  border-radius: 4px;
  margin-right: 30px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.personal-order.personal-order--detail .personal-order__right {
  margin-left: 0;
  min-width: auto;
  width: calc(100% - 400px);
}

.personal-order.personal-order--detail .personal-order__info-top {
  -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;
}

.personal-order.personal-order--detail .personal-order__status {
  margin-top: 0;
  margin-bottom: 10px;
}

.personal-order.personal-order--detail .personal-order__status .status--gray,
.personal-order.personal-order--detail .personal-order__status .status--light-red {
  border: 1px solid #00ADBB;
}

.personal-order.personal-order--detail .personal-order__status .status--gray-red {
  border: 1px solid #FC3838;
}

.personal-order.personal-order--detail .personal-order__art {
  margin-right: 0;
}

.personal-order.personal-order--detail .personal-order__price {
  margin-right: auto;
  margin-bottom: 0;
  float: left;
}

.personal-order.personal-order--detail .personal-order__text:not(:first-child) {
  margin-top: 10px;
}

.personal-order.personal-order--detail .personal-order__items-amount {
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0;
}

.personal-order.personal-order--detail .personal-order__items-grid .product:not(:last-child) {
  margin-bottom: 10px;
}

.personal-order.personal-order--detail .personal-order__btns {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.personal-order.personal-order--detail .personal-order__btn {
  margin-left: 0;
}

@media (max-width: 1259px) {
  .personal-order.personal-order--detail .personal-order__status {
    margin-bottom: 15px;
  }
  .personal-order.personal-order--detail .personal-order__info {
    width: 278px;
    margin-right: 20px;
  }
  .personal-order.personal-order--detail .personal-order__right {
    width: calc(100% - 278px - 20px);
  }
  .personal-order.personal-order--detail .personal-order__price {
    margin: 0 0 20px;
    float: initial;
  }
  .personal-order.personal-order--detail .personal-order__price .price__cur {
    text-align: left;
  }
  .personal-order.personal-order--detail .personal-order__btns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .personal-order.personal-order--detail .personal-order__info {
    margin: 0 0 30px;
    width: 100%;
  }
  .personal-order.personal-order--detail .personal-order__right {
    width: 100%;
    display: block;
    margin: 0;
  }
  .personal-order.personal-order--detail .personal-order__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personal-order.personal-order--detail .personal-order__price {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 0 10px;
  }
  .personal-order.personal-order--detail .personal-order__items-amount {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 10px;
  }
  .personal-order.personal-order--detail .personal-order__items-grid {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .personal-order.personal-order--detail .personal-order__btns {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 30px 0 0;
  }
  .personal-order.personal-order--detail .personal-order__btn {
    width: 100%;
  }
  .personal-order.personal-order--detail .personal-order__btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.personal-order__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  z-index: 5;
}

.personal-order__info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 343px;
  margin-right: 20px;
}

@media (max-width: 1259px) {
  .personal-order__info {
    width: 278px;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .personal-order__info {
    width: 100%;
    margin: 0 0 20px;
  }
}

.personal-order__info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.personal-order__info-top .personal-order__link-edit:not(:first-child) {
  margin-top: 5px;
}

@media (max-width: 767px) {
  .personal-order__info-top {
    margin-bottom: 10px;
  }
  .personal-order__info-top .personal-order__text:not(:first-child) {
    margin-top: 0;
  }
}

.personal-order__art {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  -webkit-appearance: none;
}

.personal-order__art:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .personal-order__art {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
  }
  .personal-order__art:not(:last-child) {
    margin-right: 7px;
  }
}

.personal-order__status {
  margin-top: 3px;
}

@media (max-width: 1259px) {
  .personal-order__status {
    margin-top: 0;
    margin-bottom: 10px;
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.personal-order__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F7784;
  width: 100%;
  -webkit-appearance: none;
}

.personal-order__text:not(:first-child) {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .personal-order__text {
    width: auto;
  }
}

.personal-order__link-edit {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.personal-order__link-edit:not(:first-child) {
  margin-top: 20px;
}

@media (hover: hover) {
  .personal-order__link-edit:hover, .personal-order__link-edit:focus, .personal-order__link-edit:active {
    color: #16CEDD;
  }
}

.personal-order__address {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F7784;
}

@media (max-width: 767px) {
  .personal-order__address {
    font-size: 12px;
    line-height: 16px;
    color: #87909D;
  }
}

.personal-order__items {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 767px) {
  .personal-order__items .personal-order__items-amount {
    display: none;
  }
}

.personal-order__items-amount {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F7784;
}

.personal-order__items-amount:not(:last-child) {
  margin-bottom: 20px;
}

.personal-order__product {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  display: block;
  width: 70px;
  height: 70px;
  position: relative;
  z-index: 6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.personal-order__product img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (hover: hover) {
  .personal-order__product:hover, .personal-order__product:focus, .personal-order__product:active {
    opacity: 0.6;
  }
}

@media (max-width: 1259px) {
  .personal-order__product {
    width: 60px;
    height: 60px;
  }
}

.personal-order__right {
  min-width: 117px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
}

.personal-order__right .personal-order__items-amount {
  display: none;
}

@media (max-width: 1259px) {
  .personal-order__right {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .personal-order__right {
    width: 100%;
    margin: 20px 0 0;
    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;
  }
  .personal-order__right .personal-order__items-amount {
    display: block;
  }
}

.personal-order__price .price__cur {
  text-align: right;
}

.personal-order__price:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .personal-order__price:not(:last-child) {
    margin-bottom: 0;
  }
  .personal-order__price .price__cur {
    margin-bottom: 5px;
    text-align: left;
  }
}

.personal-order__btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  padding: 0 24px;
  z-index: 6;
  margin-left: auto;
}

.personal-order__btn:not(:last-child) {
  margin-right: 10px;
}

@media (hover: hover) {
  .personal-order__btn.btn--border:hover, .personal-order__btn.btn--border:focus, .personal-order__btn.btn--border:active {
    border-color: #00ADBB;
    color: #00ADBB;
  }
}

@media (max-width: 767px) {
  .personal-order__btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.personal-order__block:not(:last-child) {
  margin-bottom: 30px;
}

.personal-order__title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.personal-order__title:not(:last-child) {
  margin-bottom: 5px;
}

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

.prod-detail {
  padding-top: 25px;
}

.prod-detail.prod-detail--modal {
  padding: 0;
}

.prod-detail.prod-detail--modal .prod-detail__info-dp {
  margin-bottom: 10px;
}

.prod-detail.prod-detail--modal .prod-detail___header {
  margin-bottom: 0;
}

.prod-detail.prod-detail--modal .prod-detail__slider {
  height: 340px;
}

.prod-detail.prod-detail--modal .prod-detail__slider .swiper-container .swiper-slide {
  height: 340px;
}

.prod-detail.prod-detail--modal .prod-detail__btn {
  width: 136px;
  height: 50px;
  margin: 40px 0 0;
}

@media (max-width: 1259px) {
  .prod-detail.prod-detail--modal .prod-detail__btn {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .prod-detail.prod-detail--modal .prod-detail__slider {
    height: 240px;
  }
  .prod-detail.prod-detail--modal .prod-detail__slider .swiper-container .swiper-slide {
    height: 240px;
  }
  .prod-detail.prod-detail--modal .prod-detail__slider .swiper-container .swiper-slide img {
    width: 240px;
    margin: 0 auto;
  }
}

.prod-detail___header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 90px;
}

@media (max-width: 1259px) {
  .prod-detail___header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
}

.prod-detail__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 470px;
  width: calc(50% - 15px);
}

.prod-detail__slider .swiper-container {
  width: 470px;
}

.prod-detail__slider .swiper-container .swiper-slide {
  width: 100%;
  height: 470px;
}

.prod-detail__slider a {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.prod-detail__slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.prod-detail__slider .slider__btn {
  display: none;
}

@media (max-width: 1259px) {
  .prod-detail__slider {
    width: 100%;
    height: 460px;
    margin-bottom: 40px;
  }
  .prod-detail__slider .swiper-container {
    width: 100%;
  }
  .prod-detail__slider .swiper-container .swiper-slide {
    height: 460px;
  }
}

@media (max-width: 767px) {
  .prod-detail__slider {
    height: auto;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    padding: 0 20px;
    margin: 0 -20px 20px;
  }
  .prod-detail__slider .swiper-container .swiper-slide {
    height: 240px;
  }
  .prod-detail__slider .swiper-container .swiper-slide img {
    width: 240px;
    margin: 0 auto;
  }
  .prod-detail__slider .slider__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 98px;
  }
}

.prod-detail__pags {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
  width: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 30px;
}

.prod-detail__pags .simplebar-track.simplebar-vertical {
  right: 16px;
}

@media (max-width: 767px) {
  .prod-detail__pags {
    display: none;
  }
}

.prod-detail__pag {
  position: relative;
  width: 70px;
  height: 70px;
  padding: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 12px;
}

.prod-detail__pag::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.prod-detail__pag.active {
  border-color: #00ADBB;
}

.prod-detail__pag:last-child {
  margin-bottom: 0;
}

.prod-detail__pag img {
  border-radius: 8px;
}

.prod-detail__info {
  width: calc(50% - 15px);
}

@media (max-width: 1259px) {
  .prod-detail__info {
    width: 100%;
  }
}

.prod-detail__name {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 46px;
}

.prod-detail__name:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .prod-detail__name {
    font-size: 16px;
    line-height: 21px;
  }
}

.prod-detail__descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #87909D;
}

.prod-detail__descr:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .prod-detail__descr {
    font-size: 12px;
    line-height: 18px;
  }
}

.prod-detail__btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .prod-detail__btns {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.prod-detail__sh:not(:last-child) {
  margin-bottom: 20px;
}

.prod-detail__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 20px;
}

.prod-detail__label span {
  height: 26px;
  padding: 0 8px;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  text-transform: lowercase;
  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;
}

.prod-detail__label span.label-hit {
  background: #00ADBB;
  color: #ffffff;
}

.prod-detail__label span.label-promo {
  background-color: #F0F1F3;
  color: #00ADBB;
}

.prod-detail__label span.label-new {
  background-color: #FC3838;
  color: white;
}

.prod-detail__info-dp {
  margin-bottom: 40px;
}

@media (max-width: 1259px) {
  .prod-detail__info-dp {
    display: none;
  }
}

.prod-detail__info-mob {
  display: none;
}

@media (max-width: 1259px) {
  .prod-detail__info-mob {
    display: block;
    margin-bottom: 20px;
  }
}

.prod-detail__price {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.prod-detail__btn--compare, .prod-detail__btn--fav {
  width: 48px;
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #20262D;
}

.prod-detail__btn--compare .not-active, .prod-detail__btn--fav .not-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.prod-detail__btn--fav .not-active {
  stroke: #20262D;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

@media (hover: hover) {
  .prod-detail__btn--fav:hover .not-active, .prod-detail__btn--fav:focus .not-active, .prod-detail__btn--fav:active .not-active {
    stroke: #00ADBB;
  }
}

.prod-detail__btn--compare .not-active line {
  stroke: #20262D;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

.prod-detail__btn--compare .not-active rect {
  fill: #20262D;
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

@media (hover: hover) {
  .prod-detail__btn--compare:hover .not-active line, .prod-detail__btn--compare:focus .not-active line, .prod-detail__btn--compare:active .not-active line {
    stroke: #00ADBB;
  }
  .prod-detail__btn--compare:hover .not-active rect, .prod-detail__btn--compare:focus .not-active rect, .prod-detail__btn--compare:active .not-active rect {
    fill: #00ADBB;
  }
}

.prod-detail__btn--cart, .prod-detail__btn--notify {
  width: auto;
  padding: 0 24px;
}

.prod-detail__btn + .prod-detail__btn {
  margin-left: 10px;
}

.prod-detail__btn .not-active {
  line-height: 1;
}

.prod-detail__btn .active {
  display: none;
}

.prod-detail__btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.prod-detail__btn svg + span {
  margin-left: 10px;
}

.prod-detail__btn--compare.active, .prod-detail__btn--fav.active {
  width: auto;
  padding: 0 14px;
  border: 1px solid #ECECEC;
  background-color: transparent;
}

.prod-detail__btn.active .not-active {
  display: none;
}

.prod-detail__btn.active .active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1259px) {
  .prod-detail__btn--cart, .prod-detail__btn--notify {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .prod-detail__btn--fav, .prod-detail__btn--compare {
    width: calc(50% - 5px);
    padding: 0;
  }
  .prod-detail__btn--fav.active, .prod-detail__btn--compare.active {
    width: calc(50% - 5px);
    background: #F0F1F3;
    border: none;
  }
  .prod-detail__btn + .prod-detail__btn {
    margin-left: 0;
  }
}

.prod-detail__cart {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.prod-detail__cart.active .prod-detail__btn {
  display: none;
}

.prod-detail__cart.active .prod-detail__cart-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1259px) {
  .prod-detail__cart {
    min-width: 220px;
  }
}

@media (max-width: 767px) {
  .prod-detail__cart {
    display: none;
  }
}

.prod-detail__cart-active {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  height: 48px;
}

.prod-detail__cart-text {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.2;
  margin-right: 10px;
  background: #00ADBB;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  height: 48px;
  width: 121px;
}

@media (max-width: 767px) {
  .prod-detail__cart-text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.prod-detail__cart-text-additional {
  font-size: 12px;
}

.prod-detail__multiplier {
  border-radius: 4px;
  background: #F0F1F3;
  padding: 0 10px;
  height: 48px;
}

.prod-detail__multiplier .multiplier__btn {
  width: 35px;
  height: 100%;
}

.prod-detail__multiplier .multiplier__input {
  width: 35px;
  height: 100%;
}

@media (max-width: 1259px) {
  .prod-detail__multiplier {
    margin: 0 auto;
  }
}

.prod-detail__selectors {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .prod-detail__selectors {
    margin-top: 20px;
  }
}

.prod-detail__selector {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.prod-detail__selector + .prod-detail__selector {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .prod-detail__selector {
    -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;
  }
}

.prod-detail__selector-key {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18x;
  width: 140px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}

.prod-detail__selector-key .value {
  color: #6F7784;
}

@media (max-width: 767px) {
  .prod-detail__selector-key {
    margin: 0 0 10px;
  }
}

@media (max-width: 767px) {
  .prod-detail__selector-value {
    width: 100%;
  }
}

@media (max-width: 1259px) {
  .prod-detail__tab-btns {
    display: none;
  }
}

.prod-detail__toggle-btn {
  display: none;
}

@media (max-width: 1259px) {
  .prod-detail__toggle-btn {
    font-family: "HarmonyOS_Sans_Light", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    background-color: #E6E8EB;
  }
  .prod-detail__toggle-btn svg {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
}

@media (max-width: 1259px) {
  .prod-detail__toggle-body {
    margin-top: 30px;
    display: none;
    padding-bottom: 30px;
  }
}

@media (max-width: 1259px) {
  .prod-detail__toggle-body {
    margin-top: 20px;
  }
}

.prod-detail__features {
  margin-bottom: 30px;
}

.prod-detail__features:last-child {
  margin-bottom: 0;
}

.prod-detail__features .swiper-container {
  padding: 0 30px;
  margin: 0 -30px;
}

.prod-detail__features .swiper-slide {
  width: 270px;
  margin-right: 30px;
}

.prod-detail__features .swiper-slide:last-child {
  margin-right: 0;
}

@media (max-width: 1259px) {
  .prod-detail__features .swiper-container {
    padding: 0 20px;
    margin: 0 -20px;
  }
  .prod-detail__features .swiper-slide {
    width: 335px;
  }
}

@media (max-width: 767px) {
  .prod-detail__features .swiper-slide {
    margin-right: 20px;
  }
}

.prod-detail__tab-blocks {
  margin-top: 40px;
}

@media (max-width: 1259px) {
  .prod-detail__tab-blocks .section__tab-block {
    display: block;
  }
  .prod-detail__tab-blocks .section__tab-block + .section__tab-block {
    margin-top: 10px;
  }
  .prod-detail__tab-blocks .section__tab-block.opened .prod-detail__toggle-btn svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.prod-detail__grid-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F0F1F3;
  border-radius: 50px 4px;
  overflow: hidden;
}

.prod-detail__grid-block + .prod-detail__grid-block {
  margin-top: 30px;
}

.prod-detail__grid-block--video {
  width: 100%;
}

.prod-detail__grid-block--video iframe {
  width: 100%;
  height: 638px;
}

.prod-detail__grid-block--bg .prod-detail__grid-img {
  max-width: 100%;
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.prod-detail__grid-block--imgs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: transparent;
  border-radius: 0;
}

.prod-detail__grid-block--imgs .prod-detail__grid-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% / 3) - (30px * 3 / 2));
          flex: 1 1 calc((100% / 3) - (30px * 3 / 2));
}

.prod-detail__grid-block--imgs .prod-detail__grid-wrap .prod-detail__grid-img:not(:last-child) {
  margin-right: 0;
}

.prod-detail__grid-block--imgs .prod-detail__grid-wrap:not(:last-child) {
  margin-right: 30px;
}

.prod-detail__grid-block--imgs .prod-detail__grid-text {
  text-align: center;
  margin: 10px 0 0;
  padding: 0;
}

.prod-detail__grid-block--imgs .prod-detail__grid-img {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% / 3) - (30px * 3 / 2));
          flex: 1 1 calc((100% / 3) - (30px * 3 / 2));
}

.prod-detail__grid-block--imgs .prod-detail__grid-img figure {
  margin: 0;
}

.prod-detail__grid-block--imgs .prod-detail__grid-img img {
  border-radius: 50px 4px;
  height: 370px;
}

.prod-detail__grid-block--imgs .prod-detail__grid-img figcaption {
  text-align: center;
  margin: 10px 0 0;
  padding: 0;
}

.prod-detail__grid-block--imgs .prod-detail__grid-img:not(:last-child) {
  margin-right: 30px;
}

.prod-detail__grid-block--text {
  text-align: center;
}

@media (max-width: 1259px) {
  .prod-detail__grid-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prod-detail__grid-block + .prod-detail__grid-block {
    margin-top: 10px;
  }
  .prod-detail__grid-block--imgs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-img {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - (20px * 3 / 2));
            flex: 1 1 calc(50% - (20px * 3 / 2));
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-img img {
    height: 220px;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-img:not(:last-child) {
    margin-right: 20px;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - (20px * 3 / 2));
            flex: 1 1 calc(50% - (20px * 3 / 2));
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-wrap .prod-detail__grid-img:not(:last-child) {
    margin-right: 0;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-wrap:not(:last-child) {
    margin-right: 20px;
  }
  .prod-detail__grid-block--video {
    border-radius: 12px;
  }
  .prod-detail__grid-block--video iframe {
    height: 390px;
  }
}

@media (max-width: 767px) {
  .prod-detail__grid-block--imgs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-img img {
    height: auto;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-img figcaption {
    min-height: 59px;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-img:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-wrap .prod-detail__grid-img:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-wrap:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .prod-detail__grid-block--imgs .prod-detail__grid-text {
    min-height: 59px;
  }
  .prod-detail__grid-block--text {
    text-align: left;
  }
  .prod-detail__grid-block--video iframe {
    height: 190px;
  }
}

.prod-detail__grid-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  max-width: 585px;
}

.prod-detail__grid-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px 4px;
}

@media (max-width: 1259px) {
  .prod-detail__grid-img {
    max-width: 100%;
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.prod-detail__grid-text {
  padding: 60px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.prod-detail__grid-text h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
}

.prod-detail__grid-text p {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
}

.prod-detail__grid-text *:not(:last-child) {
  margin-bottom: 15px;
}

.prod-detail__grid-text h3:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 1259px) {
  .prod-detail__grid-text {
    padding: 40px 20px;
  }
  .prod-detail__grid-text h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .prod-detail__grid-text h3:not(:last-child) {
    margin-bottom: 20px;
  }
}

.prod-detail__table table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
}

.prod-detail__table table th,
.prod-detail__table table td {
  margin: 0;
  padding: 0;
}

.prod-detail__table table td {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  padding: 18px 10px;
  border-bottom: 1px solid #D2D2D4;
}

.prod-detail__table table td:first-child {
  width: 370px;
}

.prod-detail__table table tr:last-child td {
  border-bottom: none;
}

@media (max-width: 1259px) {
  .prod-detail__table table td {
    padding: 15px 10px;
    width: 50%;
  }
  .prod-detail__table table td:first-child {
    width: 50%;
  }
}

.prod-detail__files {
  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;
}

.prod-detail__file {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  padding: 12px 10px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.prod-detail__file svg {
  stroke: #20262D;
  will-change: stroke;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (hover: hover) {
  .prod-detail__file:hover, .prod-detail__file:focus, .prod-detail__file:active {
    color: #00ADBB;
  }
  .prod-detail__file:hover svg, .prod-detail__file:focus svg, .prod-detail__file:active svg {
    stroke: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .prod-detail__file {
    padding: 0;
  }
  .prod-detail__file:not(:last-child) {
    margin-bottom: 15px;
  }
}

.prod-detail__toggle {
  border-bottom: 1px solid #6F7784;
  padding-bottom: 40px;
}

.prod-detail__toggle + .prod-detail__toggle {
  margin-top: 30px;
}

.prod-detail__toggle.opened .prod-detail__quest svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.prod-detail__toggle.opened .prod-detail__answer {
  display: block;
}

@media (max-width: 1259px) {
  .prod-detail__toggle + .prod-detail__toggle {
    margin-top: 20px;
  }
}

.prod-detail__quest {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  text-align: left;
  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%;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.prod-detail__quest svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  stroke: #20262D;
  -webkit-transition: stroke 0.3s ease, -webkit-transform 0.3s ease;
  transition: stroke 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, stroke 0.3s ease;
  transition: transform 0.3s ease, stroke 0.3s ease, -webkit-transform 0.3s ease;
}

@media (hover: hover) {
  .prod-detail__quest:hover, .prod-detail__quest:focus, .prod-detail__quest:active {
    color: #00ADBB;
  }
  .prod-detail__quest:hover svg, .prod-detail__quest:focus svg, .prod-detail__quest:active svg {
    stroke: #00ADBB;
  }
}

@media (max-width: 1259px) {
  .prod-detail__quest {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .prod-detail__quest {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
}

.prod-detail__answer {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  display: none;
  margin-top: 20px;
}

.prod-detail__answer.text-img {
  margin-top: 20px;
}

.prod-detail__answer p {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

@media (max-width: 1259px) {
  .prod-detail__answer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prod-detail__answer.text-img {
    margin-top: 15px;
  }
}

.prod-detail__footer {
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  -webkit-box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
  padding: 15px calc(((100vw - 1440px) / 2) + 135px);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.prod-detail__footer.fixed {
  -webkit-transform: none;
          transform: none;
}

@media (max-width: 1259px) {
  .prod-detail__footer {
    display: none;
  }
}

@media (max-width: 767px) {
  .prod-detail__footer {
    display: block;
    padding: 15px calc(((100vw - 375px) / 2) + 20px) calc(15px + 67px + env(safe-area-inset-bottom));
    -webkit-transform: none;
            transform: none;
  }
  .prod-detail__footer.hidden {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .prod-detail__footer .prod-detail__cart {
    display: block;
    margin-right: 0;
  }
  .prod-detail__footer .prod-detail__cart .multiplier.multiplier--small {
    border-radius: 8px;
    border: none;
  }
}

.prod-detail__footer-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.prod-detail__footer-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1259px) {
  .prod-detail__footer-img {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .prod-detail__footer-img {
    display: none;
  }
}

.prod-detail__footer-info {
  max-width: 640px;
}

.prod-detail__footer-info + * {
  margin-left: auto;
}

@media (max-width: 1259px) {
  .prod-detail__footer-info {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .prod-detail__footer-info {
    display: none;
  }
}

.prod-detail__footer-title:not(:last-child) {
  margin-bottom: 5px;
}

.prod-detail__footer-text {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #87909D;
}

.prod-detail__footer-price .price__old {
  text-align: left;
  margin: 2px 0 0;
}

.prod-detail__footer-price + .prod-detail__footer-btns {
  margin-left: 20px;
}

@media (max-width: 1259px) {
  .prod-detail__footer-price {
    width: 100px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .prod-detail__footer-price + .prod-detail__footer-btns {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .prod-detail__footer-price {
    display: none;
  }
  .prod-detail__footer-price + .prod-detail__footer-btns {
    margin-left: 0;
  }
}

.prod-detail__footer-btns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.prod-detail__footer-btns .prod-detail__btn--fav.active,
.prod-detail__footer-btns .prod-detail__btn--compare.active {
  width: 48px;
  padding: 0;
}

@media (max-width: 1259px) {
  .prod-detail__footer-btns .prod-detail__cart {
    min-width: 150px;
  }
}

@media (max-width: 767px) {
  .prod-detail__footer-btns {
    width: 100%;
  }
  .prod-detail__footer-btns .prod-detail__cart {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .prod-detail__footer-btns .prod-detail__btn--fav,
  .prod-detail__footer-btns .prod-detail__btn--compare {
    display: none;
  }
}

.prod-slider .swiper-container {
  width: calc(100% + 60px);
  margin: 0 -30px -80px;
  padding: 0 30px 80px;
}

.prod-slider .swiper-slide {
  margin-right: 30px;
  width: 270px;
}

.prod-slider .swiper-slide:last-child {
  margin-right: 0;
}

.prod-slider .slider__btn {
  top: 183px;
}

.prod-slider .swiper-pagination-progressbar {
  display: none;
}

@media (max-width: 1259px) {
  .prod-slider .swiper-container {
    width: calc(100% + 68px);
    margin: 0 -34px;
    padding: 0 34px;
  }
  .prod-slider .swiper-slide {
    width: calc((100% / 3) - (10px * 2 / 3));
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .prod-slider .swiper-container {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
  .prod-slider .swiper-slide {
    width: 180px;
  }
  .prod-slider .slider__btn {
    display: none;
  }
  .prod-slider .swiper-pagination-progressbar {
    display: block;
  }
}

.product {
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 4px;
  padding: 19px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  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;
}

.product *::-moz-selection {
  background: transparent;
}

.product *::selection {
  background: transparent;
}

@media (hover: hover) {
  .product:hover, .product:focus, .product:active {
    z-index: 11;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  }
}

@media (hover: hover) and (min-width: 1260px) {
  .product:hover, .product:focus, .product:active {
    height: auto;
  }
  .product:hover:not(.product--row):not(.product--cart), .product:focus:not(.product--row):not(.product--cart), .product:active:not(.product--row):not(.product--cart) {
    margin-bottom: -68px;
  }
  .product:hover .product__cart, .product:focus .product__cart, .product:active .product__cart {
    display: block;
  }
  .product:hover .product__btn--fav,
  .product:hover .product__btn--comp, .product:focus .product__btn--fav,
  .product:focus .product__btn--comp, .product:active .product__btn--fav,
  .product:active .product__btn--comp {
    opacity: 1;
  }
}

@media (max-width: 1259px) {
  .product {
    padding: 14px;
  }
}

@media (max-width: 767px) {
  .product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.product.product--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.product.product--row .product__left {
  margin: 0 20px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.product.product--row .product__right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.product.product--row .product__img {
  width: 150px;
  height: 150px;
  margin-bottom: 0;
}

.product.product--row .product__tags {
  max-width: 170px;
}

.product.product--row .product__sh {
  position: absolute;
  left: 190px;
  bottom: 80px;
  max-width: 420px;
}

.product.product--row .product__name {
  height: 42px;
  margin-bottom: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-line-clamp: 2;
}

.product.product--row .product__price {
  width: 166px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
  margin-right: 34px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.product.product--row .product__price .price__block {
  -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;
}

.product.product--row .product__price .price__old {
  margin: 5px 0 0;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.product.product--row .product__price .price__discount {
  margin-left: 15px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.product.product--row .product__cart {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 200px;
}

.product.product--row .product__btns {
  width: auto;
}

.product.product--row .product__btn--fav,
.product.product--row .product__btn--comp {
  opacity: 1;
}

.product.product--row .product__multiplier .multiplier__btn {
  width: 35px;
}

.product.product--row .product__multiplier .multiplier__input {
  width: 30px;
}

@media (max-width: 1259px) {
  .product.product--row .product__sh {
    max-width: 260px;
  }
}

@media (max-width: 1259px) {
  .product.product--slider {
    padding: 19px 19px 15px;
  }
  .product.product--slider .product__img {
    height: 180px;
    width: 180px;
    margin: 0 auto 5px;
  }
  .product.product--slider .product__cart {
    position: static;
    width: 100%;
  }
  .product.product--slider .product__cart-text {
    padding-left: 0;
    text-align: center;
  }
  .product.product--slider .product__cart-text::before {
    display: none;
  }
  .product.product--slider .product__price {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .product.product--slider .product__price .price__cur {
    margin-right: 7px;
  }
  .product.product--slider .product__price .price__discount {
    display: none;
  }
}

@media (max-width: 767px) {
  .product.product--slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 14px;
  }
  .product.product--slider .product__tags {
    max-width: 100%;
  }
  .product.product--slider .product__left {
    width: 100%;
    margin: 0 0 10px;
  }
  .product.product--slider .product__img {
    width: 130px;
    height: 130px;
    margin: 0 auto 10px;
  }
  .product.product--slider .product__name {
    height: 64px;
  }
  .product.product--slider .product__cart {
    width: 54px;
    margin-right: 10px;
  }
  .product.product--slider .product__cart.active .product__cart-active {
    padding: 0;
    width: 54px;
    height: 48px;
  }
  .product.product--slider .product__cart.active .product__cart-text {
    display: block;
    margin: 0;
  }
  .product.product--slider .product__cart.active .product__cart-text::before {
    content: "";
    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: 100%;
    height: 100%;
    background: url("/local/templates/f-plus/css/../img/icons/cart-checked.svg") no-repeat center;
    margin-right: 0;
  }
  .product.product--slider .product__cart.active .product__cart-text span {
    display: none;
  }
  .product.product--slider .product__cart.active .product__multiplier {
    display: none;
  }
  .product.product--slider .product__cart.active ~ .product__btn {
    left: auto;
  }
  .product.product--slider .product__cart.active + .product__btn {
    left: auto;
  }
  .product.product--slider .product__btn--fav,
  .product.product--slider .product__btn--comp {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .product.product--slider .product__btn--cart {
    background-color: #20262D;
  }
  .product.product--slider .product__btn--cart svg {
    stroke: white;
  }
}

.product.product--fav .product__btn--delete {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 10;
  top: 20px;
  right: 20px;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease;
}

@media (hover: hover) {
  .product.product--fav:hover .product__btn--delete, .product.product--fav:focus .product__btn--delete, .product.product--fav:active .product__btn--delete {
    opacity: 1;
  }
}

@media (max-width: 1259px) {
  .product.product--fav .product__btn--delete {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .product.product--fav .product__cart {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .product.product--fav .product__btn--comp {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .product.product--fav .product__btn--fav {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .product.product--fav .product__btn--delete {
    left: 64px;
    bottom: 0;
    top: auto;
    width: 40px;
    height: 48px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .product.product--fav .product__btn--delete svg {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
}

.product.product--cart {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.product.product--cart .product__left {
  margin: 0 20px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.product.product--cart .product__right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product.product--cart .product__img {
  width: 150px;
  height: 150px;
  margin-bottom: 0;
  padding: 0;
}

.product.product--cart .product__name {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  height: 48px;
  -webkit-line-clamp: 2;
}

.product.product--cart .product__price {
  width: 170px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.product.product--cart .product__price .price__old {
  margin-top: 5px;
}

.product.product--cart .product__multiplier {
  height: 48px;
  background: transparent;
}

.product.product--cart .product__multiplier .multiplier__input {
  height: 100%;
  width: 40px;
}

.product.product--cart .product__multiplier .multiplier__btn {
  height: 100%;
  width: 40px;
}

.product.product--cart .product__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}

.product.product--cart .product__btn--fav {
  opacity: 1;
}

.product.product--cart .product__btn--delete svg path:first-child {
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  stroke: #FC3838;
}

.product.product--cart .product__btn--delete svg path:not(:first-child) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FC3838;
}

@media (hover: hover) {
  .product.product--cart .product__btn--delete:hover, .product.product--cart .product__btn--delete:focus, .product.product--cart .product__btn--delete:active {
    background: #FC3838;
    color: #ffffff;
  }
  .product.product--cart .product__btn--delete:hover svg path:first-child, .product.product--cart .product__btn--delete:focus svg path:first-child, .product.product--cart .product__btn--delete:active svg path:first-child {
    stroke: #ffffff;
  }
  .product.product--cart .product__btn--delete:hover svg path:not(:first-child), .product.product--cart .product__btn--delete:focus svg path:not(:first-child), .product.product--cart .product__btn--delete:active svg path:not(:first-child) {
    fill: #ffffff;
  }
}

.product.product--cart .product__btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  margin-right: 10px;
  padding: 0 24px 0 12px;
  height: 48px;
  width: auto;
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
}

.product.product--cart .product__btn svg {
  margin-right: 5px;
}

.product.product--cart .product__btn:last-child {
  margin-right: 0;
}

.product.product--cart .product__multiplier {
  border: 1px solid #BBBBBB;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .product.product--cart .product__left {
    margin-right: 10px;
    width: auto;
  }
  .product.product--cart .product__img {
    width: 60px;
    height: 60px;
  }
  .product.product--cart .product__price {
    -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;
    margin-bottom: 15px;
  }
  .product.product--cart .product__price .price__old {
    margin: 0 0 0 7px;
  }
  .product.product--cart .product__name {
    height: 48px;
    -webkit-line-clamp: 3;
  }
  .product.product--cart .product__btns {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin: 0 0 0 auto;
  }
  .product.product--cart .product__btn {
    padding: 0;
    margin: 0;
    border: none;
    width: 40px;
  }
  .product.product--cart .product__btn .not-active span,
  .product.product--cart .product__btn .active span {
    display: none;
  }
  .product.product--cart .product__btn svg {
    margin: 0;
  }
  .product.product--cart .product__btn--delete span {
    display: none;
  }
  .product.product--cart .product__multiplier {
    padding: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: auto;
    margin-bottom: 0;
  }
}

.product.product--personal .product__img {
  width: 100px;
  height: 100px;
}

.product.product--personal .product__info {
  margin-bottom: 0;
}

@media (max-width: 1259px) {
  .product.product--personal .product__info {
    width: auto;
  }
  .product.product--personal .product__left {
    margin-right: 10px;
  }
  .product.product--personal .product__img {
    width: 60px;
    height: 60px;
  }
  .product.product--personal .product__price {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 20px 0 0;
  }
  .product.product--personal .price__amount {
    margin: 0 0 0 10px;
  }
}

.product.product--compare .product__btn--delete {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 10;
  top: 54px;
  right: 20px;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease;
}

@media (hover: hover) {
  .product.product--compare:hover .product__btn--delete, .product.product--compare:focus .product__btn--delete, .product.product--compare:active .product__btn--delete {
    opacity: 1;
  }
}

@media (max-width: 1259px) {
  .product.product--compare {
    height: calc(100% - 36px);
  }
  .product.product--compare .product__price {
    margin-bottom: 20px;
  }
  .product.product--compare .product__cart-active {
    width: 54px;
    padding: 0;
  }
  .product.product--compare .product__cart-text {
    margin: 0;
    background: transparent;
    border: 1px solid #C3C7CE;
  }
  .product.product--compare .product__btn--cart,
  .product.product--compare .product__btn--notify {
    width: 54px;
  }
  .product.product--compare .product__btn--cart span,
  .product.product--compare .product__btn--notify span {
    display: none;
  }
  .product.product--compare .product__btn--cart svg,
  .product.product--compare .product__btn--notify svg {
    display: block;
  }
  .product.product--compare .product__btn--cart {
    background-color: #20262D;
  }
  .product.product--compare .product__img {
    height: 130px;
    padding: 0;
  }
  .product.product--compare .product__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: auto;
  }
  .product.product--compare .product__cart {
    margin: 0 10px 0 0;
  }
  .product.product--compare .product__cart.active {
    width: 54px;
  }
  .product.product--compare .product__btn--fav,
  .product.product--compare .product__btn--delete {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 43px;
    height: 45px;
  }
  .product.product--compare .product__btn--fav:not(:last-child),
  .product.product--compare .product__btn--comp:not(:last-child) {
    margin-right: 10px;
  }
  .product.product--compare .product__multiplier {
    display: none;
  }
  .product.product--compare .product__cart-active {
    padding-left: 0;
    background: transparent;
  }
  .product.product--compare .product__cart-text {
    display: block;
    background-color: #00ADBB;
    border: none;
  }
  .product.product--compare .product__cart-text::before {
    content: "";
    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: 100%;
    height: 100%;
    background: url("/local/templates/f-plus/css/../img/icons/cart-checked.svg") no-repeat center;
    margin-right: 0;
  }
  .product.product--compare .product__cart-text span {
    display: none;
  }
}

@media (max-width: 767px) {
  .product.product--compare {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product.product--compare .product__left {
    width: auto;
    margin: 0 0 10px;
  }
  .product.product--compare .product__name {
    font-family: "HarmonyOS_Sans_Regular", sans-serif;
  }
  .product.product--compare .product__btn--delete:not(:last-child),
  .product.product--compare .product__btn--comp:not(:last-child) {
    margin-right: 0;
  }
  .product.product--compare .product__btn--comp svg {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  .product.product--compare .product__cart.active ~ .product__btn {
    left: auto;
  }
  .product.product--compare .product__cart.active + .product__btn {
    left: auto;
  }
}

.product.product--disabled .product__info,
.product.product--disabled .product__price,
.product.product--disabled .product__multiplier {
  opacity: 0.3;
  pointer-events: none;
}

.product__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.product__left {
  margin-bottom: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 767px) {
  .product__left {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 110px;
    margin: 26px 10px 0 0;
  }
}

.product__right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__info {
  width: 370px;
}

.product__info:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1259px) {
  .product__info {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .product__info {
    width: 100%;
  }
}

.product__img {
  width: 100%;
  height: 230px;
  margin-bottom: 5px;
  padding: 10px;
}

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

@media (max-width: 767px) {
  .product__img {
    height: 110px;
    margin-bottom: 10px;
  }
}

.product__sh {
  width: 100%;
}

.product__sh .sh-list__item:nth-child(n+10):not(.opened) {
  display: none;
}

@media (max-width: 1259px) {
  .product__sh .sh-list__item:nth-child(n+7):not(.opened) {
    display: none;
  }
}

@media (max-width: 767px) {
  .product__sh .sh-list__item:nth-child(n+4):not(.opened) {
    display: none;
  }
}

.product__name {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  height: 48px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
  .product__name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    -webkit-line-clamp: 3;
    margin-bottom: 20px;
  }
}

.product__descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F7784;
}

.product__descr:not(:last-child) {
  margin-bottom: 5px;
}

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

.product__btns {
  width: 100%;
  margin-top: auto;
}

@media (max-width: 767px) {
  .product__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 15px;
    position: relative;
  }
}

.product__cart {
  display: none;
  margin-top: 20px;
  height: 48px;
}

.product__cart.active {
  height: auto;
}

.product__cart.active .product__btn--cart {
  display: none;
}

.product__cart.active .product__cart-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

@media (max-width: 1259px) {
  .product__cart {
    display: block;
  }
}

@media (max-width: 767px) {
  .product__cart {
    margin-top: 0;
  }
  .product__cart.active ~ .product__btn {
    left: 145px;
  }
  .product__cart.active + .product__btn {
    left: 105px;
  }
}

.product__cart-active {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  height: 48px;
}

@media (max-width: 767px) {
  .product__cart-active {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
}

.product__cart-text {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.2;
  color: #ffffff;
  position: relative;
  z-index: 6;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  height: 48px;
  background-color: #00ADBB;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .product__cart-text {
    width: 95px;
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.product__cart-text-additional {
  font-size: 12px;
}

.product__multiplier {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 6;
  background-color: #F0F1F3;
  border-radius: 4px;
}

.product__multiplier .multiplier__input {
  width: 30px;
}

.product__multiplier .multiplier__btn {
  width: 30px;
}

@media (max-width: 767px) {
  .product__multiplier.multiplier {
    height: 45px;
    width: 100%;
    border: none;
    padding: 0 10px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 10px;
  }
  .product__multiplier.multiplier .multiplier__btn {
    width: 35px;
    height: 100%;
  }
  .product__multiplier.multiplier .multiplier__input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: calc(100% - (35px * 2));
  }
}

.product__btn {
  text-align: center;
}

.product__btn--cart, .product__btn--notify {
  width: 100%;
  height: 100%;
}

.product__btn--cart svg, .product__btn--notify svg {
  display: none;
  line-height: 1;
}

.product__btn--fav, .product__btn--comp {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 10;
  right: 20px;
  opacity: 0;
}

.product__btn .active {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__btn .not-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__btn.product__btn--fav.active .not-active, .product__btn.product__btn--comp.active .not-active {
  display: none;
}

.product__btn.product__btn--fav.active .active, .product__btn.product__btn--comp.active .active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product__btn.product__btn--fav, .product__btn.product__btn--comp, .product__btn.product__btn--delete {
  -webkit-transition: color 0.3s ease, opacity 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease, border-color 0.3s ease;
}

.product__btn.product__btn--fav svg *, .product__btn.product__btn--comp svg *, .product__btn.product__btn--delete svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.product__btn.product__btn--fav svg *[stroke], .product__btn.product__btn--comp svg *[stroke], .product__btn.product__btn--delete svg *[stroke] {
  stroke: #20262D;
}

.product__btn.product__btn--fav svg *[fill], .product__btn.product__btn--comp svg *[fill], .product__btn.product__btn--delete svg *[fill] {
  fill: #20262D;
}

@media (hover: hover) {
  .product__btn.product__btn--fav:hover, .product__btn.product__btn--fav:active, .product__btn.product__btn--comp:hover, .product__btn.product__btn--comp:active, .product__btn.product__btn--delete:hover, .product__btn.product__btn--delete:active {
    color: #00ADBB;
    border-color: #00ADBB;
  }
  .product__btn.product__btn--fav:hover svg *, .product__btn.product__btn--fav:active svg *, .product__btn.product__btn--comp:hover svg *, .product__btn.product__btn--comp:active svg *, .product__btn.product__btn--delete:hover svg *, .product__btn.product__btn--delete:active svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .product__btn.product__btn--fav:hover svg *[stroke], .product__btn.product__btn--fav:active svg *[stroke], .product__btn.product__btn--comp:hover svg *[stroke], .product__btn.product__btn--comp:active svg *[stroke], .product__btn.product__btn--delete:hover svg *[stroke], .product__btn.product__btn--delete:active svg *[stroke] {
    stroke: #00ADBB;
  }
  .product__btn.product__btn--fav:hover svg *[fill], .product__btn.product__btn--fav:active svg *[fill], .product__btn.product__btn--comp:hover svg *[fill], .product__btn.product__btn--comp:active svg *[fill], .product__btn.product__btn--delete:hover svg *[fill], .product__btn.product__btn--delete:active svg *[fill] {
    fill: #00ADBB;
  }
}

.product__btn.product__btn--delete {
  -webkit-transition: color 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease;
}

.product__btn.product__btn--delete svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.product__btn.product__btn--delete svg *[stroke] {
  stroke: #20262D;
}

.product__btn.product__btn--delete svg *[fill] {
  fill: #20262D;
}

@media (hover: hover) {
  .product__btn.product__btn--delete:hover, .product__btn.product__btn--delete:active {
    color: #00ADBB;
    border-color: #00ADBB;
  }
  .product__btn.product__btn--delete:hover svg *, .product__btn.product__btn--delete:active svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .product__btn.product__btn--delete:hover svg *[stroke], .product__btn.product__btn--delete:active svg *[stroke] {
    stroke: #FC3838;
  }
  .product__btn.product__btn--delete:hover svg *[fill], .product__btn.product__btn--delete:active svg *[fill] {
    fill: #FC3838;
  }
}

@media (hover: hover) {
  .product__btn.product__btn--delete:hover, .product__btn.product__btn--delete:active {
    border-color: #FC3838;
  }
}

.product__btn--fav {
  top: 20px;
}

.product__btn--comp {
  top: 54px;
}

@media (max-width: 1259px) {
  .product__btn--fav, .product__btn--comp {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .product__btn--fav, .product__btn--comp {
    width: 40px;
    height: 48px;
    bottom: 0;
    top: auto;
  }
  .product__btn--fav {
    left: 64px;
  }
  .product__btn--comp {
    left: 104px;
  }
  .product__btn--cart, .product__btn--notify {
    width: 54px;
  }
  .product__btn--cart span, .product__btn--notify span {
    display: none;
  }
  .product__btn--cart svg, .product__btn--notify svg {
    display: block;
  }
  .product__btn--cart svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .product__btn--cart svg *[stroke] {
    stroke: white;
  }
  .product__btn--cart svg *[fill] {
    fill: white;
  }
  .product__btn--notify svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .product__btn--notify svg *[stroke] {
    stroke: #00ADBB;
  }
  .product__btn--notify svg *[fill] {
    fill: #00ADBB;
  }
}

@media (max-width: 767px) and (hover: hover) {
  .product__btn--notify:hover, .product__btn--notify:active {
    color: #00ADBB;
  }
  .product__btn--notify:hover svg *, .product__btn--notify:active svg * {
    -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
    transition: stroke 0.3s ease, fill 0.3s ease;
    will-change: stroke, fill;
  }
  .product__btn--notify:hover svg *[stroke], .product__btn--notify:active svg *[stroke] {
    stroke: #16CEDD;
  }
  .product__btn--notify:hover svg *[fill], .product__btn--notify:active svg *[fill] {
    fill: #16CEDD;
  }
}

.product__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 20px;
  left: 20px;
  margin: -2.5px;
}

.product__tags .status {
  margin: 2.5px;
}

@media (max-width: 1259px) {
  .product__tags {
    top: 15px;
    left: 15px;
  }
}

@media (max-width: 767px) {
  .product__tags {
    top: 10px;
    left: 10px;
    max-width: 110px;
  }
}

.slider-banner {
  padding: 25px 0 60px;
}

.slider-banner.section--bg::before {
  display: none;
}

.slider-banner .swiper-container {
  width: calc(100% + 60px);
  padding: 0 30px;
  margin: 0 -30px;
}

.slider-banner .swiper-slide {
  width: 100%;
  min-height: 386px;
  background: #F0F1F3;
  overflow: hidden;
  margin-right: 30px;
  border-radius: 50px 4px;
}

.slider-banner .swiper-slide:last-child {
  margin-right: 0;
}

@media (max-width: 1259px) {
  .slider-banner .swiper-container {
    width: calc(100% + 48px);
    padding: 0 24px;
    margin: 0 -24px;
  }
  .slider-banner .swiper-slide {
    min-height: 408px;
  }
}

@media (max-width: 767px) {
  .slider-banner .swiper-container {
    width: calc(100% + 40px);
    padding: 0 20px;
    margin: 0 -20px;
  }
  .slider-banner .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    min-height: auto;
    width: 300px;
    margin-right: 20px;
  }
  .slider-banner:not(:last-child) {
    margin-bottom: 20px;
  }
  .slider-banner .slider__btn {
    display: none;
  }
  .slider-banner .slider__pag {
    display: block;
  }
}

.slider-banner__link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

@media (max-width: 767px) {
  .slider-banner__link-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.slider-banner__info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50%;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767px) {
  .slider-banner__info {
    padding: 20px;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.slider-banner__title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
}

.slider-banner__title:not(:last-child) {
  margin-bottom: 15px;
}

@media (max-width: 1259px) {
  .slider-banner__title {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .slider-banner__title {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
  }
}

.slider-banner__text {
  max-width: 460px;
}

.slider-banner__top {
  margin-bottom: 30px;
}

.slider-banner__bottom {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.slider-banner__price:not(:last-child) {
  margin-bottom: 20px;
}

.slider-banner__price .price__discount {
  background: #ffffff;
}

.slider-banner__link {
  padding: 0 24px;
}

.slider-banner__img {
  position: relative;
  width: 50%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.slider-banner__img::before {
  content: "";
  display: block;
  height: 124px;
  background: url("/local/templates/f-plus/css/../img/bg/rectangle.svg") no-repeat center;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 2;
}

.slider-banner__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px 0;
}

@media (max-width: 1259px) {
  .slider-banner__img {
    width: 350px;
  }
}

@media (max-width: 767px) {
  .slider-banner__img {
    height: 200px;
    width: 100%;
  }
  .slider-banner__img::before {
    width: 120px;
    height: 56px;
  }
}

.sub-form__wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px;
  background: #00ADBB;
  border-radius: 4px;
}

@media (max-width: 1259px) {
  .sub-form__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 767px) {
  .sub-form__wrap {
    padding: 20px;
  }
}

.sub-form__left {
  width: calc(50% - 15px);
}

@media (max-width: 1259px) {
  .sub-form__left {
    width: 100%;
    margin-bottom: 30px;
  }
}

.sub-form__right {
  width: calc(50% - 15px);
}

@media (max-width: 1259px) {
  .sub-form__right {
    width: 100%;
  }
}

.sub-form__title {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
}

.sub-form__title:not(:last-child) {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .sub-form__title {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
}

.sub-form__text {
  color: #ffffff;
}

@media (max-width: 767px) {
  .sub-form__text {
    font-size: 14px;
    line-height: 20px;
  }
}

.text-img::after {
  content: "";
  clear: both;
  display: table;
}

@media (max-width: 1259px) {
  .text-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 30px 0;
  }
  .text-img:first-child {
    margin-top: 0;
  }
  .text-img:last-child {
    margin-bottom: 0;
  }
}

.text-img__block {
  width: 370px;
  float: right;
  margin: 0 0 30px 30px;
}

.text-img__block img {
  width: 100%;
}

.text-img__block img:not(:last-child) {
  margin-bottom: 20px;
}

.text-img__block p {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  color: #6F7784;
}

@media (max-width: 1259px) {
  .text-img__block {
    float: initial;
    margin: 0;
  }
  .text-img__block + p {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .text-img__block {
    width: 100%;
  }
}

.video-block {
  position: relative;
  border-radius: 50px 4px;
  overflow: hidden;
}

.video-block--background {
  border-radius: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-block--background video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-block .vjs-big-play-button {
  background: url("/local/templates/f-plus/css/../img/icons/video-btn-white.svg") no-repeat center;
  background-size: contain;
}

.video-block__preview {
  height: 100%;
  width: 100%;
}

.video-block__preview picture {
  display: block;
  height: 100%;
  width: 100%;
}

.video-block__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.video-block__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  width: 64px;
  height: 64px;
}

.video-block__btn img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@media (hover: hover) {
  .video-block__btn:hover img, .video-block__btn:focus img, .video-block__btn:active img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.about {
  margin-bottom: -80px;
}

.about__banner {
  position: relative;
  width: 100vw;
  margin: 0 calc((100% - 100vw) / 2);
  padding: 0 calc((100vw - 1440px) / 2);
}

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

.about__banner:not(:last-child) {
  margin-bottom: 80px;
}

@media (min-width: 1920px) {
  .about__banner {
    margin: 0 calc((100vw - 100%) / 2 * -1);
    padding: 0;
  }
}

@media (max-width: 1259px) {
  .about__banner {
    padding: 0;
  }
  .about__banner:not(:last-child) {
    margin-bottom: 60px;
  }
}

.about__banner-img {
  height: 550px;
}

.about__banner-img picture {
  display: block;
  height: 100%;
}

.about__banner-info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
  width: 100%;
  max-width: 970px;
}

.about__banner-info .about__title,
.about__banner-info .about__lead {
  max-width: 770px;
  text-align: center;
}

.about__banner-info .about__title {
  margin: 0 auto 20px;
}

.about__banner-info .about__title:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1259px) {
  .about__banner-info {
    padding: 40px;
  }
}

@media (max-width: 767px) {
  .about__banner-info {
    padding: 20px;
  }
  .about__banner-info .about__title,
  .about__banner-info .about__lead {
    text-align: left;
  }
}

.about__banner-title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 84px;
}

@media (max-width: 1259px) {
  .about__banner-title {
    font-size: 64px;
    line-height: 72px;
  }
}

@media (max-width: 767px) {
  .about__banner-title {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
  }
}

.about__description:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .about__description:not(:last-child) {
    margin-bottom: 45px;
  }
}

.about__title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  text-align: center;
}

.about__title:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .about__title {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    text-align: left;
  }
  .about__title:not(:last-child) {
    margin-bottom: 20px;
  }
}

.about__subtitle {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
}

.about__subtitle:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .about__subtitle:not(:last-child) {
    margin-bottom: 30px;
  }
}

.about__lead {
  max-width: 970px;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .about__lead {
    text-align: left;
  }
}

.about__stats:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .about__stats:not(:last-child) {
    margin-bottom: 60px;
  }
  .about__stats .about__title {
    text-align: center;
  }
}

.about__stats-item {
  padding: 10px;
}

.about__stats-num {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 84px;
  color: #00ADBB;
}

.about__stats-num:not(:last-child) {
  margin-bottom: 10px;
}

.about__stats-num span {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  margin-left: 10px;
  vertical-align: top;
}

@media (max-width: 1259px) {
  .about__stats-num {
    font-size: 64px;
    line-height: 72px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .about__stats-num {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
  }
  .about__stats-num:not(:last-child) {
    margin-bottom: 5px;
  }
  .about__stats-num span {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
  }
}

.about__stats-text {
  max-width: 205px;
}

@media (max-width: 1259px) {
  .about__stats-text {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    line-height: 16px;
  }
}

.about__products:not(:last-child) {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .about__products:not(:last-child) {
    margin-bottom: 60px;
  }
}

.about__tech {
  width: 100vw;
  margin: 0 calc((100% - 100vw) / 2);
  background: #F0F1F3;
  padding: 80px calc((100vw - 970px) / 2);
}

@media (max-width: 1259px) {
  .about__tech {
    padding: 80px calc((100vw - 700px) / 2);
  }
}

@media (max-width: 767px) {
  .about__tech {
    padding: 60px calc((100vw - 335px) / 2);
  }
}

.about__tech-video {
  width: 100%;
}

.about__tech-video:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .about__tech-video:not(:last-child) {
    margin-bottom: 30px;
  }
}

.about__quote-block {
  padding: 80px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 767px) {
  .about__quote-block {
    padding: 60px 0 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.about__quote-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.about__quote {
  margin: 0;
}

.about__quote figcaption {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .about__quote figcaption {
    margin-top: 30px;
    text-align: right;
    max-width: 118px;
    margin-left: auto;
  }
}

.about__quote-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 170px;
  margin-left: 30px;
  position: relative;
}

.about__quote-img::before {
  content: "";
  display: block;
  width: calc((100vw - 1170px) / 2 + 80px);
  height: 2px;
  position: absolute;
  left: calc(100% - 80px);
  bottom: 10px;
}

@media (max-width: 1259px) {
  .about__quote-img::before {
    width: calc((100vw - 700px) / 2 + 80px);
  }
}

@media (max-width: 767px) {
  .about__quote-img {
    margin-top: -18px;
    margin-left: 0;
  }
  .about__quote-img::before {
    width: calc(100vw - 170px - 20px + 80px);
  }
}

.about__grid {
  background: #F0F1F3;
  width: 100vw;
  margin: 0 calc((100% - 100vw) / 2);
  padding: 80px calc((100vw - 1170px) / 2);
}

.about__grid .about__lead {
  text-align: left;
}

@media (max-width: 1259px) {
  .about__grid {
    padding: 80px calc((100vw - 700px) / 2);
  }
}

@media (max-width: 767px) {
  .about__grid {
    background: transparent;
    padding: 0 calc((100vw - 335px) / 2);
  }
}

.about__grid-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about__grid-block:not(:last-child) {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .about__grid-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about__grid-block:not(:last-child) {
    margin-bottom: 60px;
  }
}

.about__grid-info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 570px;
}

@media (max-width: 1259px) {
  .about__grid-info {
    width: 335px;
  }
}

.about__grid-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 570px;
  height: 300px;
}

.about__grid-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px 4px;
}

@media (max-width: 1259px) {
  .about__grid-img {
    width: 335px;
    height: 335px;
  }
}

@media (max-width: 767px) {
  .about__grid-img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 30px;
  }
}

.about__partners {
  padding: 80px 100px 40px;
}

.about__partners .about__lead {
  max-width: 746px;
}

@media (max-width: 1259px) {
  .about__partners {
    padding: 80px 0 40px;
  }
}

@media (max-width: 767px) {
  .about__partners {
    padding: 60px 2.5px;
  }
}

.about__partners-wrap {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .about__partners-wrap {
    margin-top: 30px;
  }
}

.about__banner-video {
  -o-object-fit: cover;
     object-fit: cover;
}

.article-detail__img {
  margin: 40px 0;
}

.article-detail__img:first-child {
  margin-top: 0;
}

.article-detail__img:last-child {
  margin-bottom: 0;
}

.article-detail__img img {
  border-radius: 4px;
}

@media (max-width: 767px) {
  .article-detail__img {
    margin: 20px 0;
  }
  .article-detail__img img {
    border-radius: 12px;
  }
}

.article-detail__date {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  color: #6F7784;
  width: 100%;
}

.article-detail__date:not(:first-child) {
  margin-top: 40px;
}

.article-detail__date--red span {
  padding: 5px 8px;
  border-radius: 4px;
  background: #FC3838;
  color: #ffffff;
}

@media (max-width: 767px) {
  .article-detail__date:not(:first-child) {
    margin-top: 20px;
  }
}

.article-detail__lead {
  max-width: 970px;
}

.article-detail__lead:not(:last-child) {
  margin-bottom: 40px;
}

.article-detail__lead--big {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto;
  text-align: center;
}

.article-detail__lead--big:not(:last-child) {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .article-detail__lead:not(:last-child) {
    margin-bottom: 20px;
  }
  .article-detail__lead--big:not(:last-child) {
    margin-bottom: 30px;
  }
}

.article-detail__content h2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  margin: 40px 0;
  max-width: 760px;
}

.article-detail__content h2:first-child {
  margin-top: 0;
}

.article-detail__content h2:last-child {
  margin-bottom: 0;
}

.article-detail__content p {
  max-width: 760px;
}

.article-detail__content a {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (hover: hover) {
  .article-detail__content a:hover, .article-detail__content a:focus, .article-detail__content a:active {
    color: #20262D;
  }
}

.article-detail__content img {
  display: block;
  width: 100%;
  margin: 40px 0;
  border-radius: 4px;
}

.article-detail__content img:first-child {
  margin-top: 0;
}

.article-detail__content img:last-child {
  margin-bottom: 0;
}

.article-detail__content--big h2,
.article-detail__content--big p {
  max-width: 870px;
}

@media (max-width: 767px) {
  .article-detail__content h2 {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 60px 0 30px;
  }
  .article-detail__content img {
    margin: 20px 0;
    border-radius: 12px;
  }
}

.article-detail__pag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

@media (max-width: 1259px) {
  .article-detail__pag {
    margin-top: 60px;
  }
}

.article-detail__link-back {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #00ADBB;
  padding: 6px 0;
}

.article-detail__link-back svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  stroke: #00ADBB;
  margin-right: 6px;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  will-change: stroke;
}

@media (hover: hover) {
  .article-detail__link-back:hover, .article-detail__link-back:focus, .article-detail__link-back:active {
    color: #16CEDD;
  }
  .article-detail__link-back:hover svg, .article-detail__link-back:focus svg, .article-detail__link-back:active svg {
    stroke: #16CEDD;
  }
}

.article-detail__block {
  width: 100%;
}

.article-detail__block--center {
  text-align: center;
}

.article-detail__block--center h2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.article-detail__block--center p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.article-detail__block--center img {
  margin-left: auto;
  margin-right: auto;
}

.article-detail__block:not(:last-child) {
  margin-bottom: 60px;
}

.article-detail__block .article-detail__img {
  width: 50%;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.article-detail__block .article-detail__img + .article-detail__content {
  margin-left: 60px;
}

.article-detail__block .article-detail__content + .article-detail__img {
  margin-left: 60px;
}

.article-detail__block .article-detail__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.article-detail__block .article-detail__content * {
  max-width: 100%;
}

.article-detail__block .article-detail__content h2 {
  margin-top: 30px;
}

.article-detail__block h2 {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
}

.article-detail__block h3 {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
}

.article-detail__block p {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}

.article-detail__block a {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  border-bottom: 1px solid #00ADBB;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease;
}

@media (hover: hover) {
  .article-detail__block a:hover, .article-detail__block a:focus, .article-detail__block a:active {
    color: #20262D;
    border-color: #20262D;
  }
}

.article-detail__block *:first-child {
  margin-top: 0;
}

.article-detail__block *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1259px) {
  .article-detail__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article-detail__block .article-detail__img {
    max-width: 100%;
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 60px;
  }
  .article-detail__block .article-detail__img img {
    width: 100%;
  }
  .article-detail__block .article-detail__img + .article-detail__content {
    margin-left: 0;
  }
  .article-detail__block .article-detail__content + .article-detail__img {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .article-detail__block:not(:last-child) {
    margin-bottom: 10px;
  }
}

.article-detail__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media (max-width: 1259px) {
  .article-detail__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.article-detail__list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 970px;
  margin: 0 auto;
  counter-reset: num-list;
}

.article-detail__list li {
  text-align: left;
  counter-increment: num-list;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.article-detail__list li + li {
  margin-top: 30px;
}

.article-detail__list li::before {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  content: counters(num-list, "");
  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: 50px;
  height: 50px;
  border: 1px solid #00ADBB;
  border-radius: 50%;
  color: #00ADBB;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
}

.article-detail__list p {
  text-align: left;
}

.article {
  border: 1px solid #E6E8EB;
  border-radius: 4px;
  background: white;
  position: relative;
  height: 100%;
  min-height: 284px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  overflow: hidden;
}

@media (hover: hover) {
  .article:hover, .article:focus, .article:active {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }
  .article:hover:not(.article--big), .article:focus:not(.article--big), .article:active:not(.article--big) {
    margin-bottom: -68px;
    height: auto;
  }
  .article:hover:not(.article--big) .article__btn, .article:focus:not(.article--big) .article__btn, .article:active:not(.article--big) .article__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .article {
    min-height: 200px;
  }
}

.article.article--big {
  position: relative;
  color: white;
}

.article.article--big::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.article.article--big::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(45, 42, 38, 0)), to(rgba(45, 42, 38, 0.6)));
  background: linear-gradient(180deg, rgba(45, 42, 38, 0) 0%, rgba(45, 42, 38, 0.6) 100%);
  z-index: 1;
}

.article.article--big .article__link {
  display: block;
}

.article.article--big .article__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.article.article--big .article__info {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  padding: 30px 20px;
}

.article.article--big .article__date {
  color: #ffffff;
}

@media (hover: hover) {
  .article.article--big:hover .article__link, .article.article--big:focus .article__link, .article.article--big:active .article__link {
    background-color: rgba(45, 42, 38, 0.2);
  }
}

@media (max-width: 1259px) {
  .article.article--big {
    min-height: 279px;
  }
  .article.article--big::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .article.article--big {
    min-height: auto;
    color: #20262D;
  }
  .article.article--big .article__img {
    position: static;
    height: 165px;
  }
  .article.article--big .article__info {
    display: block;
    height: auto;
    padding: 15px;
  }
  .article.article--big .article__date {
    font-family: "HarmonyOS_Sans_Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #87909D;
  }
  .article.article--big .article__title {
    font-size: 14px;
    line-height: 21px;
  }
}

.article.article--disabled {
  opacity: 0.5;
  mix-blend-mode: luminosity;
  pointer-events: none;
}

.article__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  display: none;
}

@media (max-width: 1259px) {
  .article__link {
    display: block;
  }
}

.article__status {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  padding: 7px 10px;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
}

@media (max-width: 767px) {
  .article__status {
    top: 15px;
    left: 15px;
  }
}

.article__img {
  width: 100%;
  height: 180px;
}

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

@media (max-width: 767px) {
  .article__img {
    height: 165px;
  }
}

.article__info {
  position: relative;
  z-index: 2;
  padding: 20px;
}

@media (max-width: 767px) {
  .article__info {
    padding: 15px;
  }
}

.article__date {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F7784;
}

.article__date:not(:last-child) {
  margin-bottom: 10px;
}

.article__title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
  .article__title {
    font-size: 14px;
    line-height: 21px;
  }
}

.article__text {
  font-weight: normal;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #87909D;
  max-height: 42px;
}

.article__text:not(:first-child) {
  margin-top: 10px;
}

.article__btn {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  margin-top: 20px;
  display: none;
}

.cart .toggle-list__link {
  display: block;
  width: 100%;
  text-align: left;
}

.cart .form__input-btn.active .active {
  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;
}

.cart__wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 1259px) {
  .cart__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cart__left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cart__right {
  width: 369px;
  margin-left: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: sticky;
  top: 100px;
  right: 0;
  max-height: calc(100vh - 120px);
  max-height: calc((var(--vh, 1vh) * 100) - 120px);
}

@media (max-width: 1259px) {
  .cart__right {
    max-height: 100%;
    width: 100%;
    position: static;
    margin: 0;
  }
}

.cart__right-wrap {
  background: #F0F1F3;
  border-radius: 4px;
  padding: 20px;
}

@media (max-width: 767px) {
  .cart__right-wrap {
    padding: 20px;
  }
}

.cart__bottom {
  margin: 20px 0 0;
}

@media (max-width: 767px) {
  .cart__bottom {
    display: block;
  }
}

.cart__right-block:not(:last-child) {
  margin-bottom: 20px;
}

.cart__block:not(:last-child) {
  margin-bottom: 80px;
}

@media (max-width: 1259px) {
  .cart__block:not(:last-child) {
    margin-bottom: 50px;
  }
}

.cart__table table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
}

.cart__table table th,
.cart__table table td {
  margin: 0;
  padding: 0;
}

.cart__table table td {
  padding-bottom: 10px;
}

.cart__table table td:last-child {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  text-align: right;
}

.cart__table table td.discount {
  color: #FC3838;
}

.cart__table table tr:last-child td {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  padding-top: 10px;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .cart__table table td {
    font-size: 13px;
    line-height: 18px;
  }
  .cart__table table tr:last-child td {
    font-size: 16px;
    line-height: 21px;
  }
}

.cart__btn-submit {
  width: 100%;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
}

.cart__btn-submit.disabled {
  pointer-events: none;
  opacity: 0.7;
}

.cart__listing .product:not(:last-child) {
  margin-bottom: 10px;
}

.cart__small-block {
  width: 100%;
}

.cart__small-block:not(:last-child) {
  margin-bottom: 10px;
}

.cart__cost {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.cart__submit-block {
  display: none;
}

.cart__submit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cart__submit-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 166px;
  margin-right: 10px;
}

.cart__tab {
  display: none;
}

.cart__tab.active {
  display: block;
}

.cart__aside-menu {
  overflow: hidden;
}

@media (min-width: 1260px) {
  .cart__aside-menu {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 100;
  }
  .cart__aside-menu.opened {
    display: block;
  }
  .cart__aside-menu.animation {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .cart__aside-menu {
    padding: 0;
  }
  .cart__aside-menu .aside-menu__head {
    background-color: white;
    padding: 8px 20px 12px;
    margin: 0;
  }
}

.cart__map {
  width: 1170px;
  height: 800px;
  padding: 0;
  margin: 0;
  border-radius: 4px;
}

@media (max-width: 1259px) {
  .cart__map {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}

@media (max-width: 767px) {
  .cart__map {
    height: calc(100vh - 65px);
    height: calc(var(--vh, 1vh) * 100 - 65px);
  }
}

.cart__map-btn {
  padding: 0 20px;
  height: 48px;
}

.cart__map-btn--mob {
  display: none;
}

@media (max-width: 767px) {
  .cart__map-btn--dp {
    display: none;
  }
  .cart__map-btn--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.cart__map-result {
  padding: 10px 0;
}

.cart__map-result-title {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
}

.cart__map-result-title:not(:last-child) {
  margin-bottom: 10px;
}

.cart__map-info {
  position: absolute;
  top: 50%;
  left: 20px;
  right: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: white;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  max-height: calc(100% - 40px);
  width: 323px;
  z-index: 10;
  padding: 20px;
}

@media (max-width: 767px) {
  .cart__map-info {
    display: none;
    width: 100%;
    max-height: calc(100vh - 65px);
    max-height: calc(var(--vh, 1vh) * 100 - 65px);
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.05);
    -webkit-transform-origin: top;
            transform-origin: top;
    border-radius: 0;
  }
}

.cart__map-info-btn {
  display: none;
}

@media (max-width: 767px) {
  .cart__map-info-btn {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9;
    padding: 0 20px;
  }
}

.cart__map-info-close {
  display: none;
}

@media (max-width: 767px) {
  .cart__map-info-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    stroke: #20262D;
  }
}

.cart__map-title {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .cart__map-title {
    display: none;
  }
}

.cart__map-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 679px;
  width: calc(100% + 20px);
  margin-right: -20px;
  padding-right: 20px;
}

.cart__map-list .simplebar-track.simplebar-horizontal {
  display: none;
}

@media (max-width: 1259px) {
  .cart__map-list {
    max-height: calc(100vh - 105px);
    max-height: calc(var(--vh, 1vh) * 100 - 105px);
    height: calc(100vh - 105px);
    height: calc(var(--vh, 1vh) * 100 - 105px);
  }
}

.cart__map-item:not(:last-child) {
  margin-bottom: 15px;
}

.cart__map-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  text-align: left;
}

@media (hover: hover) {
  .cart__map-link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .cart__map-link:hover, .cart__map-link:focus {
    outline: none;
    color: #00adbb;
  }
  .cart__map-link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.cart__map-link.active {
  color: #00ADBB;
}

.cart__link-change {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (hover: hover) {
  .cart__link-change:hover, .cart__link-change:focus, .cart__link-change:active {
    color: #16CEDD;
  }
}

.cart__promo .form__input input {
  background-color: transparent;
  padding-right: 14px;
  border: 1px solid #87909D;
}

.cart__promo .form__input input:focus {
  background-color: white;
}

.cart__promo .form__input-btns {
  display: none;
}

.cart__promo .form__input-btn {
  padding: 0 20px;
  width: auto;
  height: 48px;
  top: 0;
  right: 0;
}

.cart__promo .form__input-btn::after {
  display: none;
}

.cart__promo.active .form__input input {
  padding-right: calc(112px + 14px);
}

.cart__promo.active .form__input-btns {
  display: block;
}

.cart__promo.sent .form__input-btn--submit {
  display: none;
}

.cart__promo.sent .form__input-btns {
  display: block;
}

.cart__promo.sent .form__input-btn--reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 1260px) {
  .catalog__left {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 300px;
    padding-right: 30px;
    position: sticky;
    top: 100px;
    left: 0;
  }
}

.catalog__right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.catalog__sort {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.catalog__sort-block {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 1259px) {
  .catalog__sort-block {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-left: auto;
    width: 270px;
  }
}

@media (max-width: 767px) {
  .catalog__sort-block {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
  }
}

@media (min-width: 1260px) {
  .catalog__sort-btn {
    display: none;
  }
}

@media (max-width: 1259px) {
  .catalog__sort-btn {
    height: 45px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .catalog__sort-btn {
    width: 100%;
  }
}

@media (min-width: 1260px) {
  .catalog__sort-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    position: static;
  }
  .catalog__sort-list .toggle-list__item + .toggle-list__item {
    margin-left: 20px;
    margin-top: 0;
  }
}

.catalog__sort-list .toggle-list__link {
  color: #87909D;
}

@media (hover: hover) {
  .catalog__sort-list .toggle-list__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .catalog__sort-list .toggle-list__link:hover, .catalog__sort-list .toggle-list__link:focus {
    outline: none;
    color: #00adbb;
  }
  .catalog__sort-list .toggle-list__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.catalog__sort-list .toggle-list__link.active {
  color: #20262D;
  pointer-events: none;
}

.catalog__view-list {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1259px) {
  .catalog__view-list {
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .catalog__view-list {
    display: none;
  }
}

.catalog__view-btn {
  height: 24px;
}

.catalog__view-btn svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.catalog__view-btn svg *[stroke] {
  stroke: #A5ACB5;
}

.catalog__view-btn svg *[fill] {
  fill: #A5ACB5;
}

.catalog__view-btn + .catalog__view-btn {
  margin-left: 10px;
}

.catalog__view-btn.active {
  pointer-events: none;
}

.catalog__view-btn.active svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.catalog__view-btn.active svg *[stroke] {
  stroke: #20262D;
}

.catalog__view-btn.active svg *[fill] {
  fill: #20262D;
}

.catalog__view-btn:hover svg * {
  -webkit-transition: stroke 0.3s ease, fill 0.3s ease;
  transition: stroke 0.3s ease, fill 0.3s ease;
  will-change: stroke, fill;
}

.catalog__view-btn:hover svg *[stroke] {
  stroke: #00ADBB;
}

.catalog__view-btn:hover svg *[fill] {
  fill: #00ADBB;
}

.catalog__listing-block + .catalog__listing-block {
  margin-top: 30px;
}

.catalog__filter-btn {
  display: none;
}

@media (max-width: 1259px) {
  .catalog__filter-btn {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding: 0 10px;
    margin-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .catalog__filter-btn svg {
    margin-right: 3px;
  }
}

.catalog__filter-amount {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 12px;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 4px;
  padding: 1.5px 4px;
  min-width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 3px;
}

@media (max-width: 1259px) {
  .compare.active .compare__btns {
    display: none;
  }
}

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

.compare__btns:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1259px) {
  .compare__btns .section__tab-btn.active {
    background: #F0F1F3;
    border: none;
  }
  .compare__btns .section__tab-btn.active span {
    background: #FC3838;
  }
  .compare__btns .section__tab-btn.active:not(:last-child) {
    margin-bottom: 10px;
  }
}

.compare__btn {
  height: 41px;
  padding: 0 15px;
  border-radius: 0;
  border-bottom: 1px solid #F5F5F5;
}

.compare__btn span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  color: #87909D;
}

.compare__btn svg {
  display: none;
}

.compare__btn.active {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  border-bottom-color: #00ADBB;
  background: white;
  pointer-events: none;
}

@media (max-width: 1259px) {
  .compare__btn {
    width: 100%;
    height: 44px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .compare__btn span {
    margin-left: auto;
  }
  .compare__btn svg {
    display: block;
    margin-left: 10px;
  }
}

.compare__reset-btn {
  width: 100%;
}

.compare__reset-btn svg {
  margin-right: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.compare__reset-btn svg path:first-child {
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
  stroke: #FC3838;
}

.compare__reset-btn svg path:not(:first-child) {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #FC3838;
}

.compare__reset-btn:not(:last-child) {
  margin-bottom: 30px;
}

@media (hover: hover) {
  .compare__reset-btn:hover, .compare__reset-btn:focus, .compare__reset-btn:active {
    background: #FC3838;
    color: #ffffff;
  }
  .compare__reset-btn:hover svg path:first-child, .compare__reset-btn:focus svg path:first-child, .compare__reset-btn:active svg path:first-child {
    stroke: #ffffff;
  }
  .compare__reset-btn:hover svg path:not(:first-child), .compare__reset-btn:focus svg path:not(:first-child), .compare__reset-btn:active svg path:not(:first-child) {
    fill: #ffffff;
  }
}

@media (max-width: 1259px) {
  .compare__reset-btn:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .compare__reset-btn {
    width: 100%;
  }
}

.compare__tab {
  display: none;
}

.compare__tab.active {
  display: block;
}

@media (max-width: 1259px) {
  .compare__tab {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 10px calc((100vw - 768px) / 2 + 34px) 40px;
    margin: 0;
  }
  .compare__tab.active {
    display: none;
  }
}

@media (max-width: 767px) {
  .compare__tab {
    padding: 10px calc((100vw - 375px) / 2 + 20px) 20px;
  }
}

.compare__slider-head {
  display: none;
}

@media (max-width: 1259px) {
  .compare__slider-head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 20px;
  }
}

.compare__slider-head-title {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.compare__back {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 3px;
  color: #87909D;
}

.compare__slider {
  width: 100%;
}

.compare__slider.disabled .compare__slider-btn {
  display: none;
}

.compare__slider.fixed .compare__row--fixed {
  width: 100vw;
  position: fixed;
  top: 77px;
  left: 0;
  z-index: 20;
  background-color: white;
  padding: 10px calc((100vw - 1170px) / 2);
}

.compare__slider.fixed .compare__row--fixed .compare__row-small--slider {
  margin-bottom: -180px;
  padding-bottom: 180px;
}

.compare__slider.fixed .compare__row--fixed .compare__col--btns .compare__reset-btn {
  display: none;
}

.compare__slider.fixed .compare__row--fixed .compare__col--btns .form__checkbox {
  display: none;
}

.compare__slider.fixed .compare__row--fixed .compare__slider-btn {
  top: 90px;
}

.compare__slider.fixed .compare__row--fixed .compare__slider-btn.swiper-button-prev {
  left: calc((100vw - 1170px) / 2 + 300px - 22px);
}

.compare__slider.fixed .compare__row--fixed .compare__slider-btn.swiper-button-next {
  right: calc((100vw - 1170px) / 2 - 22px);
}

.compare__slider.fixed .compare__row--fixed .product {
  padding: 14px;
}

.compare__slider.fixed .compare__row--fixed .product .product__sh {
  display: none;
}

.compare__slider.fixed .compare__row--fixed .product .product__tags {
  display: none;
}

.compare__slider.fixed .compare__row--fixed .product .product__img {
  width: 80px;
  height: 80px;
  padding: 0;
  margin: 0;
}

.compare__slider.fixed .compare__row--fixed .product .product__name {
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: auto;
  margin-bottom: 10px;
}

.compare__slider.fixed .compare__row--fixed .product .price__cur {
  font-size: 14px;
  line-height: 21px;
}

@media (hover: hover) {
  .compare__slider.fixed .compare__row--fixed .product:not(.product--row):not(.product--slider):not(.product--cart):hover, .compare__slider.fixed .compare__row--fixed .product:not(.product--row):not(.product--slider):not(.product--cart):focus, .compare__slider.fixed .compare__row--fixed .product:not(.product--row):not(.product--slider):not(.product--cart):active {
    margin-bottom: -118px;
  }
  .compare__slider.fixed .compare__row--fixed .product:not(.product--row):not(.product--slider):not(.product--cart):hover .product__img, .compare__slider.fixed .compare__row--fixed .product:not(.product--row):not(.product--slider):not(.product--cart):focus .product__img, .compare__slider.fixed .compare__row--fixed .product:not(.product--row):not(.product--slider):not(.product--cart):active .product__img {
    width: 130px;
    height: 130px;
  }
}

@media (max-width: 1259px) {
  .compare__slider.fixed .compare__row--fixed {
    top: 66px;
    padding: 20px calc((100vw - 700px) / 2);
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  }
  .compare__slider.fixed .compare__row--fixed .compare__row-small--slider {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .compare__slider.fixed .compare__row--fixed .compare__col--btns {
    display: none;
  }
  .compare__slider.fixed .compare__row--fixed .compare__counter {
    right: 30px;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
  .compare__slider.fixed .compare__row--fixed .product:not(:hover) .product__img,
  .compare__slider.fixed .compare__row--fixed .product .product__img {
    width: 130px;
    height: 130px;
    margin: 0 auto;
  }
  .compare__slider.fixed .compare__row--fixed .product:not(:hover) .product__btns,
  .compare__slider.fixed .compare__row--fixed .product .product__btns {
    display: none;
  }
  .compare__slider.fixed .compare__row--fixed .product:not(:hover) .product__name,
  .compare__slider.fixed .compare__row--fixed .product .product__name {
    margin-bottom: 0;
  }
  .compare__slider.fixed .compare__row--fixed .product:not(:hover) .product__price,
  .compare__slider.fixed .compare__row--fixed .product .product__price {
    display: none;
  }
}

@media (max-width: 767px) {
  .compare__slider.fixed .compare__row--fixed {
    padding: 12px 20px;
  }
  .compare__slider.fixed .compare__row-small--slider {
    margin: 0;
    padding: 0;
  }
}

.compare__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #F0F1F3;
}

.compare__row--title {
  border-bottom: none;
}

.compare__row--fixed {
  border-bottom: none;
}

@media (max-width: 1259px) {
  .compare__row {
    display: block;
  }
  .compare__row--fixed {
    padding-bottom: 84px;
  }
  .compare__row:last-child {
    border-bottom: none;
  }
}

.compare__row-small {
  overflow: hidden;
  width: calc(100% - 300px);
  position: relative;
}

.compare__row-small--slider {
  width: calc(100% - 300px + 60px);
  margin: 0 -30px -90px;
  padding: 0 30px 90px;
  z-index: 1;
}

@media (max-width: 1259px) {
  .compare__row-small {
    width: 100%;
  }
  .compare__row-small--slider {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .compare__row-small--slider {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.compare__row-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.compare__slider-btn {
  position: absolute;
  top: 182px;
  z-index: 20;
}

.compare__slider-btn.swiper-button-prev {
  left: 270px;
  right: auto;
}

.compare__slider-btn.swiper-button-next {
  left: auto;
  right: -30px;
}

.compare__slider-btn.disabled {
  display: none;
}

@media (max-width: 1259px) {
  .compare__slider-btn {
    display: none;
  }
}

.compare__col {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 300px;
  padding: 18px 30px 18px 0;
}

.compare__col--slider {
  padding: 0 30px 0 0;
}

.compare__col--btns {
  padding: 0 30px 0 0;
}

.compare__col--title {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  width: auto;
  padding: 70px 0 0;
}

.compare__col--name {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
}

.compare__col--value {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
}

.compare__col.disabled {
  color: #FC3838;
}

@media (max-width: 1259px) {
  .compare__col {
    width: 240px;
    padding: 14px 20px 14px 0;
  }
  .compare__col--name {
    display: none;
  }
  .compare__col--value {
    font-family: "HarmonyOS_Sans_Regular", sans-serif;
  }
  .compare__col--btns {
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -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 20px;
  }
  .compare__col--btns .form__checkbox {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .compare__col--btns .form__checkbox {
    margin: 0;
  }
  .compare__col--title {
    width: 100%;
    padding-top: 40px;
  }
  .compare__col--slider {
    padding: 0 20px 0 0;
  }
}

@media (max-width: 767px) {
  .compare__col {
    width: 172.5px;
    padding-right: 10px;
  }
  .compare__col--title {
    width: 100%;
    padding: 40px 0 20px;
  }
  .compare__col--btns {
    width: 100%;
    padding: 0;
  }
  .compare__col--btns .form__checkbox {
    position: absolute;
    bottom: 20px;
    left: 0;
  }
}

.compare__col-key {
  display: none;
}

@media (max-width: 1259px) {
  .compare__col-key {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: block;
    color: #6F7784;
    margin: 0 0 7px;
  }
}

.compare__counter {
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #6F7784;
  margin-bottom: 20px;
  display: none;
}

.compare__counter span {
  display: block;
}

.compare__counter span + span {
  margin-top: 3px;
}

@media (max-width: 1259px) {
  .compare__counter {
    display: block;
  }
}

.contacts:not(:last-child):not(.section--bg) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .contacts .section__head {
    margin-bottom: 20px;
  }
  .contacts:not(:last-child):not(.section--bg) {
    margin-bottom: 60px;
  }
}

.contacts__grid:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .contacts__grid:not(:last-child) {
    margin-bottom: 60px;
  }
}

.contacts__subtitle {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.contacts__subtitle:not(:last-child) {
  margin-bottom: 10px;
}

.contacts__text {
  -webkit-appearance: none;
}

.contacts__text:not(:last-child) {
  margin-bottom: 10px;
}

.contacts__text:not(:first-child) {
  margin-top: 10px;
}

.contacts__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
}

@media (hover: hover) {
  .contacts__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .contacts__link:hover, .contacts__link:focus {
    outline: none;
    color: #00adbb;
  }
  .contacts__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.contacts__map-wrap {
  width: 100%;
  height: 300px;
}

.contacts__wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 1259px) {
  .contacts__wrap {
    display: block;
  }
}

.contacts__form {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.contacts__leg-info {
  width: 369px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 30px;
  background: #F0F1F3;
  border-radius: 4px;
  padding: 30px;
}

.contacts__leg-info .section__h3:not(:last-child) {
  margin-bottom: 20px;
}

.contacts__leg-info .contacts__subtitle:not(:first-child) {
  margin-top: 20px;
}

.contacts__leg-info .contacts__subtitle:not(:last-child) {
  margin-bottom: 5px;
}

@media (max-width: 1259px) {
  .contacts__leg-info {
    width: 100%;
    margin: 40px 0 0;
  }
}

.contacts__leg-block:not(:last-child) {
  margin-bottom: 20px;
}

.contacts__form-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contacts__form-wrap .contacts__form-grid {
  width: calc(50% - 5px);
}

.contacts__form-wrap .contacts__form-grid:not(:last-child) {
  margin-bottom: 0;
}

.contacts__form-wrap .contacts__form-grid .form__input:not(.error) {
  height: 100%;
}

.contacts__form-wrap .contacts__form-grid .form__input:not(.error) textarea {
  height: 100% !important;
}

.contacts__form-wrap:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .contacts__form-wrap {
    display: block;
  }
  .contacts__form-wrap .contacts__form-grid {
    width: 100%;
  }
  .contacts__form-wrap .contacts__form-grid:not(:last-child) {
    margin-bottom: 10px;
  }
}

.contacts__form-grid:not(:last-child) {
  margin-bottom: 10px;
}

.contacts__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.contacts__submit .form__checkbox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}

.contacts__submit .form__checkbox label {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
}

.contacts__submit--right {
  width: calc(50% - 5px);
  margin-left: auto;
}

@media (max-width: 1259px) {
  .contacts__submit--right {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .contacts__submit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.contacts__submit-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 125px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .contacts__submit-btn {
    width: 100%;
    margin: 0 0 10px;
  }
}

.services .section__head {
  padding-top: 0;
}

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

.services__sort:not(:last-child) {
  margin-bottom: 40px;
}

@media (max-width: 1259px) {
  .services__sort {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .services__sort:not(:last-child) {
    margin-bottom: 20px;
  }
}

.services__sort-grid {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1259px) {
  .services__sort-grid {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .services__sort-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.services__sort-list {
  max-height: 300px;
}

@media (max-width: 1259px) {
  .services__sort-list {
    max-height: 145px;
  }
}

.services__sort-item {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.services__sort-item:not(:last-child) {
  margin-right: 10px;
}

.services__sort-item.disabled {
  pointer-events: none;
  opacity: 0.6;
}

@media (max-width: 1259px) {
  .services__sort-item {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (max-width: 767px) {
  .services__sort-item {
    width: 100%;
  }
  .services__sort-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.services__sort-btn {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  height: 48px;
  padding: 0 10px 0 16px;
  width: 100%;
}

.services__tab-btns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.services__tab-btns *::-moz-selection {
  background: transparent;
}

.services__tab-btns *::selection {
  background: transparent;
}

.services__tab-btns .section__tab-btn + .section__tab-btn {
  margin-left: 10px;
}

@media (max-width: 1259px) {
  .services__tab-btns {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0 0 20px;
  }
  .services__tab-btns .section__tab-btn {
    width: calc(50% - 5px);
  }
  .services__tab-btns .section__tab-btn + .section__tab-btn {
    margin-left: 0;
  }
}

.services__tab-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 24px;
  position: relative;
}

.services__tab-btn + .services__tab-btn {
  margin-left: 10px;
}

.services__tab-btn.active {
  background-color: #00ADBB;
  pointer-events: none;
  color: #ffffff;
}

@media (max-width: 1259px) {
  .services__tab-btn {
    width: calc(50% - 5px);
  }
}

.services__map {
  width: 100%;
  height: 800px;
  position: relative;
}

@media (max-width: 1259px) {
  .services__map {
    height: auto;
  }
}

.services__map-wrap {
  width: 100%;
  height: 800px;
}

@media (max-width: 1259px) {
  .services__map-wrap {
    height: 500px;
    width: 100vw;
    margin: 0 calc((100vw - 100%) / 2 * -1) -80px;
  }
}

.services__btn-reset {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  width: 146px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.services__btn-reset svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  stroke: #FC3838;
  margin-right: 6px;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

@media (hover: hover) {
  .services__btn-reset:hover, .services__btn-reset:focus, .services__btn-reset:active {
    background-color: #FC3838;
    color: #ffffff;
  }
  .services__btn-reset:hover svg, .services__btn-reset:focus svg, .services__btn-reset:active svg {
    stroke: #ffffff;
  }
}

@media (max-width: 767px) {
  .services__btn-reset {
    width: 100%;
  }
}

.services__lead {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.services__lead:not(:last-child) {
  margin-bottom: 10px;
}

.services__lead button {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  text-align: left;
}

@media (hover: hover) {
  .services__lead button {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .services__lead button:hover, .services__lead button:focus {
    outline: none;
    color: #00adbb;
  }
  .services__lead button:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.services__info:not(:last-child) {
  margin-bottom: 10px;
}

.services__text-block:not(:last-child) {
  margin-bottom: 10px;
}

.services__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
}

@media (hover: hover) {
  .services__link {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .services__link:hover, .services__link:focus {
    outline: none;
    color: #00adbb;
  }
  .services__link:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.services__modal-link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (hover: hover) {
  .services__modal-link:hover, .services__modal-link:focus, .services__modal-link:active {
    color: #20262D;
  }
}

.services__map-info {
  position: absolute;
  top: 50%;
  left: 20px;
  right: autu;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: white;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: calc(100% - 40px);
  width: 323px;
  z-index: 10;
  padding: 20px;
}

@media (max-width: 1259px) {
  .services__map-info {
    position: static;
    -webkit-transform: none;
            transform: none;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
  }
}

@media (max-width: 767px) {
  .services__map-info {
    display: none;
  }
}

.services__map-sort {
  width: 100%;
}

.services__map-sort:not(:last-child) {
  margin-bottom: 20px;
}

.services__map-sort .services__sort-item {
  width: 100%;
}

.services__map-sort .services__sort-item:not(:last-child) {
  margin-right: 0;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .services__map-sort:not(:last-child) {
    margin-bottom: 10px;
  }
}

.services__map-list {
  height: 720px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding-right: 13px;
}

.services__map-list .simplebar-track.simplebar-vertical {
  right: 0;
}

@media (max-width: 1259px) {
  .services__map-list {
    height: 300px;
  }
}

.services__map-grid .services__item {
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  padding: 10px;
  border-radius: 4px;
}

@media (hover: hover) {
  .services__map-grid .services__item:hover, .services__map-grid .services__item:focus, .services__map-grid .services__item:active {
    background: #F0F1F3;
  }
}

.services__map-grid .services__item:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1259px) {
  .services__map-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .services__map-grid .services__item {
    width: calc(50% - 5px);
  }
  .services__map-grid .services:not(:last-child) {
    margin-bottom: 0;
  }
  .services__map-grid .services:nth-child(n+3) {
    margin-top: 20px;
  }
}

.services__map-reset {
  background-color: white;
  padding: 20px 0 0;
  display: none;
}

@media (max-width: 767px) {
  .services__map-reset {
    padding: 0;
  }
}

.services__map-reset-btn {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
}

@media (max-width: 767px) {
  .shops .section__small-block:not(:first-child) {
    margin-top: 30px;
  }
}

.shops__link {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  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;
  height: 105px;
  border: 1px solid #ECECEC;
  border-radius: 4px;
  padding: 9px 19px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.shops__link--mi {
  background-color: #F57921;
}

@media (max-width: 767px) {
  .shops__link {
    height: 80px;
  }
}

@media (hover: hover) {
  .shops__link:hover, .shops__link:focus, .shops__link:active {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  }
}

.text-page ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: num-list;
  margin: 40px 0;
}

.text-page ol > li {
  counter-increment: num-list;
  margin-bottom: 40px;
}

.text-page ol ol > li {
  margin-bottom: 20px;
}

.text-page ol > li > *:first-child::before {
  content: counters(num-list, ".") ". ";
}

.text-page ol > li > *:first-child:not(h2) {
  padding-left: 60px;
  position: relative;
}

.text-page ol > li > *:first-child:not(h2)::before {
  position: absolute;
  top: 0;
  left: 0;
}

.text-page ol > li > ul {
  margin-left: 60px;
}

.text-page ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px 0;
}

.text-page ul > li {
  padding-left: 20px;
  position: relative;
}

.text-page ul > li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00ADBB;
  position: absolute;
  top: 6px;
  left: 0;
}

.text-page ul > li:not(:last-child) {
  margin-bottom: 20px;
}

.text-page h2 {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  margin: 35px 0 30px;
}

.text-page a {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  color: #00ADBB;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (hover: hover) {
  .text-page a:hover, .text-page a:focus, .text-page a:active {
    color: #20262D;
  }
}

.text-page [data-toggle-btn] {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-bottom: 40px;
  text-align: left;
}

.text-page [data-toggle-btn]::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

@media (hover: hover) {
  .text-page [data-toggle-btn] {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .text-page [data-toggle-btn]:hover, .text-page [data-toggle-btn]:focus {
    outline: none;
    color: #00adbb;
  }
  .text-page [data-toggle-btn]:active {
    outline: none;
    color: rgba(0, 173, 187, 0.3);
  }
}

.text-page [data-toggle-btn]::before {
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50px;
  margin-right: 10px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.text-page [data-toggle-btn] h2 {
  margin: 0 10px 0 0;
}

.text-page [data-toggle-btn] svg {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  stroke: #20262D;
  -webkit-transition: stroke 0.3s ease, -webkit-transform 0.3s ease;
  transition: stroke 0.3s ease, -webkit-transform 0.3s ease;
  transition: stroke 0.3s ease, transform 0.3s ease;
  transition: stroke 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: stroke;
}

@media (hover: hover) {
  .text-page [data-toggle-btn]:hover, .text-page [data-toggle-btn]:focus, .text-page [data-toggle-btn]:active {
    color: #00ADBB;
  }
  .text-page [data-toggle-btn]:hover svg, .text-page [data-toggle-btn]:focus svg, .text-page [data-toggle-btn]:active svg {
    stroke: #00ADBB;
  }
}

.text-page [data-toggle-container] {
  border-bottom: 1px solid #6F7784;
}

.text-page [data-toggle-container].opened [data-toggle-block] {
  display: block;
}

.text-page [data-toggle-container].opened [data-toggle-btn] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.text-page [data-toggle-block] {
  display: none;
  margin-top: -15px;
  padding-bottom: 40px;
}

.text-page table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
  margin: 40px 0;
}

.text-page table th,
.text-page table td {
  margin: 0;
  padding: 0;
}

.text-page table th {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  padding: 18px 10px;
  background: #F0F1F3;
}

.text-page table td {
  padding: 18px 10px;
  border-bottom: 1px solid #F0F1F3;
  vertical-align: top;
}

.text-page table td i {
  font-style: normal;
}

.text-page mark {
  padding: 20px;
  background: #F0F1F3;
  display: block;
  margin: 60px 0;
}

.text-page *:first-child {
  margin-top: 0;
}

.text-page *:last-child {
  margin-bottom: 0;
}

@media (max-width: 1259px) {
  .text-page h2 {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 40px 0 20px;
  }
  .text-page [data-toggle-btn] {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .text-page [data-toggle-btn]::before {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    width: 30px;
  }
}

@media (max-width: 767px) {
  .text-page ol ol > li {
    margin-bottom: 15px;
  }
  .text-page ol > li {
    margin-bottom: 40px;
  }
  .text-page ol [data-toggle-container] {
    margin-bottom: 20px;
  }
  .text-page ol > li > *:first-child:not(h2) {
    padding-left: 40px;
  }
  .text-page ol > li > ul {
    margin-left: 40px;
  }
  .text-page ul > li:not(:last-child) {
    margin-bottom: 10px;
  }
  .text-page table {
    margin: 30px 0;
  }
  .text-page table th {
    padding: 10.5px 10px;
  }
  .text-page table th:last-child {
    text-align: right;
  }
  .text-page table td {
    padding: 10px;
  }
  .text-page table td:last-child {
    text-align: right;
  }
  .text-page mark {
    padding: 20px;
    margin: 30px 0;
  }
  .text-page [data-toggle-block] {
    display: none;
    margin-top: 5px;
  }
}

.text-page__block:not(:last-child) {
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .text-page__block:not(:last-child) {
    margin-bottom: 20px;
  }
}

.alisa {
  margin-top: -15px;
  margin-bottom: -80px;
}

@media (max-width: 767px) {
  .alisa {
    margin-top: -12px;
  }
}

.alisa__block {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0;
}

.alisa__block--banner {
  max-width: 100vw;
  width: 100vw;
  margin: 0 calc((100vw - 1170px) / 2 * -1) 80px;
  padding: 0;
}

.alisa__block--gray {
  max-width: 100vw;
  width: 100vw;
  margin: 0 calc((100vw - 1170px) / 2 * -1) 0;
  background-color: #E6E8EB;
  padding: 80px 0;
}

.alisa__block--banner-small {
  max-width: 100vw;
  width: 100vw;
  margin: 0 calc((100vw - 1170px) / 2 * -1) 0;
  background: linear-gradient(93deg, #00ADBB 24.05%, #16CEDD 54.44%, #B800FF 99.75%);
  padding: 0;
  overflow: hidden;
}

@media (max-width: 1259px) {
  .alisa__block--banner {
    margin: 0 calc((100vw - 700px) / 2 * -1) 40px;
    padding: 0;
  }
  .alisa__block--gray {
    margin: 0 calc((100vw - 700px) / 2 * -1) 0;
    padding: 80px 0;
  }
  .alisa__block--banner-small {
    margin: 0 calc((100vw - 700px) / 2 * -1) 0;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .alisa__block {
    padding: 20px 0;
  }
  .alisa__block--banner {
    padding: 0;
    margin: 0 calc((100vw - 335px) / 2 * -1) 20px;
  }
  .alisa__block--gray {
    margin: 0 calc((100vw - 335px) / 2 * -1);
    padding: 80px 0;
  }
  .alisa__block--banner-small {
    margin: 0 calc((100vw - 335px) / 2 * -1);
    padding: 0;
  }
}

.alisa__banner {
  height: 55.56vw;
  min-height: 800px;
  position: relative;
}

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

@media (min-width: 1920px) {
  .alisa__banner {
    max-height: calc(100vh - 142px);
    min-height: auto;
  }
}

@media (max-width: 1259px) {
  .alisa__banner {
    min-height: 426px;
    max-height: 800px;
  }
}

@media (max-width: 767px) {
  .alisa__banner {
    height: 213px;
    min-height: auto;
    max-height: 100%;
  }
}

.alisa__banner-text {
  font-family: "HarmonyOS_Sans_Light", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 46px;
  color: #ffffff;
  position: absolute;
  top: 10.88%;
  right: 12.71vw;
  width: 378px;
}

.alisa__banner-text span {
  padding-left: 42px;
}

@media (max-width: 1259px) {
  .alisa__banner-text {
    width: 279px;
    font-size: 24px;
    line-height: 30px;
    top: 11.25%;
    right: 2.6vw;
  }
  .alisa__banner-text span {
    padding-left: 28px;
  }
}

@media (max-width: 767px) {
  .alisa__banner-text {
    font-size: 15px;
    line-height: 20px;
    width: 143px;
    right: 5.5px;
    top: 15px;
  }
  .alisa__banner-text span {
    padding-left: 17px;
  }
}

.alisa__icon:not(:last-child) {
  margin-bottom: 30px;
}

.alisa__icon img {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}

@media (max-width: 1259px) {
  .alisa__icon img {
    width: 64px;
    height: 64px;
  }
}

@media (max-width: 767px) {
  .alisa__icon:not(:last-child) {
    margin-bottom: 20px;
  }
}

.alisa__h1 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Black", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 84px;
  text-align: center;
  max-width: 587px;
  margin-left: auto;
  margin-right: auto;
  color: #16182B;
}

.alisa__h1:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .alisa__h1 {
    font-family: "HarmonyOS_Sans_Bold", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
  }
  .alisa__h1:not(:last-child) {
    margin-bottom: 20px;
  }
}

.alisa__title-lead {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  color: #16182B;
}

@media (max-width: 767px) {
  .alisa__title-lead {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
  }
}

.alisa__h2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 46px;
  text-align: center;
  max-width: 587px;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
}

.alisa__h2:not(:last-child) {
  margin-bottom: 40px;
}

.alisa__h2 + .alisa__lead {
  margin-top: -10px;
}

@media (max-width: 1259px) {
  .alisa__h2 {
    font-size: 28px;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .alisa__h2 {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
  }
  .alisa__h2 + .alisa__lead {
    margin-top: -20px;
  }
}

.alisa__h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
}

.alisa__lead {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Regular", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: rgba(0, 0, 0, 0.85);
  max-width: 552px;
}

.alisa__lead--big {
  max-width: 759px;
}

.alisa__lead:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 1259px) {
  .alisa__lead {
    font-size: 14px;
    line-height: 20px;
  }
  .alisa__lead--big {
    max-width: 704px;
  }
}

@media (max-width: 767px) {
  .alisa__lead--big:not(:first-child) {
    padding-top: 10px;
  }
  .alisa__lead:not(:last-child) {
    margin-bottom: 30px;
  }
}

.alisa__img {
  margin-top: 40px;
  width: 100%;
}

.alisa__img img {
  width: 100%;
  height: auto;
}

@media (max-width: 1259px) {
  .alisa__img {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .alisa__img {
    width: 100vw;
    margin: 0 -20px -20px;
  }
}

.alisa__grid-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.alisa__grid-block:not(:last-child) {
  margin-bottom: 80px;
}

@media (max-width: 1259px) {
  .alisa__grid-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .alisa__grid-block:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .alisa__grid-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.alisa__grid-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 670px;
}

.alisa__grid-img img {
  width: 100%;
  height: auto;
}

.alisa__grid-img + .alisa__grid-info {
  margin-left: 30px;
}

@media (max-width: 1259px) {
  .alisa__grid-img {
    width: 325px;
  }
  .alisa__grid-img + .alisa__grid-info {
    margin-left: 0;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .alisa__grid-img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
  }
  .alisa__grid-img + .alisa__grid-info {
    margin-right: 0;
  }
  .alisa__grid-img:not(:last-child) {
    margin-bottom: 20px;
  }
}

.alisa__grid-info {
  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;
}

.alisa__grid-info + .alisa__grid-img {
  margin-left: 30px;
}

@media (max-width: 1259px) {
  .alisa__grid-info + .alisa__grid-img {
    margin-left: 0;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .alisa__grid-info + .alisa__grid-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.alisa__grid-h2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 46px;
  color: #16182B;
  padding: 0 32px;
}

.alisa__grid-h2:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 1259px) {
  .alisa__grid-h2 {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    padding: 0 24px;
  }
  .alisa__grid-h2:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .alisa__grid-h2 {
    padding: 0 0 0 28px;
  }
  .alisa__grid-h2:not(:last-child) {
    margin-bottom: 20px;
  }
}

.alisa__grid-cap {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  color: #16182B;
  padding: 0 32px;
}

.alisa__grid-cap:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 1259px) {
  .alisa__grid-cap {
    font-size: 14px;
    line-height: 20px;
    padding: 0 24px;
  }
  .alisa__grid-cap--big {
    padding-right: 0;
    padding-left: 16px;
  }
  .alisa__grid-cap:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .alisa__grid-cap {
    padding: 0 0 0 28px;
  }
  .alisa__grid-cap:not(:last-child) {
    margin-bottom: 20px;
  }
}

.alisa__grid-lead {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #16182B;
  padding: 0 20px 0 32px;
  position: relative;
}

.alisa__grid-lead::before {
  content: "";
  display: block;
  height: 34px;
  width: 24px;
  background: url("/local/templates/f-plus/css/../img/alisa/dash.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.alisa__grid-lead:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1259px) {
  .alisa__grid-lead {
    font-family: "HarmonyOS_Sans_Medium", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    padding: 0 24px;
  }
  .alisa__grid-lead::before {
    height: 24px;
    width: 20px;
  }
  .alisa__grid-lead:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .alisa__grid-lead {
    padding: 0 0 0 28px;
  }
  .alisa__grid-lead:not(:last-child) {
    margin-bottom: 20px;
  }
}

.alisa__grid-btn {
  padding: 0 24px;
}

.alisa__grid-btn svg {
  margin-left: 12px;
}

.alisa__grid-btn:not(:first-child) {
  margin-top: 10px;
}

@media (max-width: 1259px) {
  .alisa__grid-btn .dp-only {
    display: none;
  }
  .alisa__grid-btn:not(:first-child) {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .alisa__grid-btn {
    width: 100%;
  }
  .alisa__grid-btn:not(:first-child) {
    margin-top: 0;
  }
}

.alisa__small-banner {
  max-width: 1170px;
  min-height: 330px;
  margin: 0 auto;
  position: relative;
  padding: 46px 0;
}

@media (max-width: 1259px) {
  .alisa__small-banner {
    max-width: 688px;
    min-height: 471px;
    padding: 74px 0 49px;
  }
}

@media (max-width: 767px) {
  .alisa__small-banner {
    max-width: 335px;
    padding: 74px 0 0;
  }
}

.alisa__small-banner-h2 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Bold", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 46px;
  max-width: 733px;
  color: #ffffff;
}

.alisa__small-banner-h2:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 1259px) {
  .alisa__small-banner-h2 {
    max-width: 482px;
  }
}

@media (max-width: 767px) {
  .alisa__small-banner-h2 {
    font-size: 28px;
    line-height: 38px;
    max-width: 318px;
  }
}

.alisa__small-banner-lead {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  max-width: 733px;
  color: #ffffff;
}

@media (max-width: 1259px) {
  .alisa__small-banner-lead {
    max-width: 341px;
  }
}

@media (max-width: 767px) {
  .alisa__small-banner-lead {
    font-size: 15px;
    line-height: 24px;
    max-width: 318px;
  }
}

.alisa__small-banner-img {
  position: absolute;
  bottom: 0;
  right: -17px;
  width: 500px;
  max-width: 500px;
  height: auto;
}

@media (max-width: 1259px) {
  .alisa__small-banner-img {
    right: -98px;
  }
}

@media (max-width: 767px) {
  .alisa__small-banner-img {
    position: relative;
    margin-top: 19px;
    left: -46px;
    right: auto;
  }
}

.alisa__manual {
  padding: 0 0 40px;
}

@media (max-width: 1259px) {
  .alisa__manual {
    padding: 0 38px 40px;
  }
}

@media (max-width: 767px) {
  .alisa__manual {
    padding: 0 0 60px;
  }
}

.alisa__manual-list {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  counter-reset: num-list;
}

.alisa__manual-list > * {
  overflow: hidden;
  /* Fix for firefox and IE 10-11  */
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  /* IE 10+ */
  break-inside: avoid-column;
}

@media (max-width: 1259px) {
  .alisa__manual-list {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .alisa__manual-list > * {
    overflow: hidden;
    /* Fix for firefox and IE 10-11  */
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    /* IE 10+ */
    break-inside: avoid-column;
  }
}

.alisa__manual-item {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  counter-increment: num-list;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
}

.alisa__manual-item::before {
  content: counter(num-list);
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #00ADBB;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  margin-right: 20px;
}

.alisa__manual-item:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .alisa__manual-item {
    font-size: 20px;
    line-height: 24px;
  }
}

.alisa__devices {
  max-width: 974px;
  margin: 0 auto;
}

@media (max-width: 1259px) {
  .alisa__devices {
    max-width: 688px;
  }
}

@media (max-width: 767px) {
  .alisa__devices {
    max-width: 335px;
  }
}

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

.alisa__devices-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -40px;
  width: calc(100% + 80px);
}

@media (max-width: 767px) {
  .alisa__devices-list {
    margin: -40px 0;
    width: 100%;
  }
}

.alisa__devices-item {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none;
  border: 1px solid #E6E8EB;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 19px;
  width: 270px;
  min-height: 218px;
  margin: 40px;
  position: relative;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

@media (hover: hover) {
  .alisa__devices-item:hover, .alisa__devices-item:focus, .alisa__devices-item:active {
    z-index: 2;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 767px) {
  .alisa__devices-item {
    margin: 40px 0;
  }
}

.alisa__devices-img {
  margin: 0 auto 18px;
}

.alisa__devices-text {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
}

.alisa__devices-med {
  font-family: "HarmonyOS_Sans_Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  margin: 40px 0;
  color: rgba(0, 0, 0, 0.85);
}

/* End */


/* Start:/local/templates/f-plus/css/dev.css?16862113681692*/
/*----------------------------------------------------- */
/* * */
/*----------------------------------------------------- */
.hide {display: none !important;}

/*----------------------------------------------------- */
/* header */
/*----------------------------------------------------- */
#search-form div.title-search-result {position: initial !important;width: 100% !important;}
@media (max-width: 767px) {
    #search-form div.title-search-result {display: block !important;}
}
/*----------------------------------------------------- */
/* /personal/order/ */
/*----------------------------------------------------- */
.personal__grid .personal-order__btn {max-width: fit-content;}

.custom-scroll {overflow: hidden auto;}
.custom-scroll::-webkit-scrollbar {width: 3px;background-color: #fff;}
.custom-scroll::-webkit-scrollbar-thumb {background-color: #bbb;border-radius: 2px;}
.custom-scroll::-webkit-scrollbar-track {background-color: #ececec;border-radius: 2px;}

.form__input-btn.active {display: -webkit-box;display: -ms-flexbox;display: flex;}
/*----------------------------------------------------- */
/* custom */
/*----------------------------------------------------- */
.custom__CAPTCHA {display: none;grid-template-columns: 1fr 1fr;grid-gap: 10px;margin-bottom: 10px;padding: 10px;border-radius: 4px;background-color: #fdcfc9;}
.error.custom__CAPTCHA {display: grid;}
.custom__CAPTCHA p {grid-area: auto/1/auto/3;text-align: center;color: var(--error);}
.custom__CAPTCHA input,
.custom__CAPTCHA textarea {margin: 0px !important;padding: 4px 15px !important;height: 26px !important;border: 1px solid var(--error) !important;overflow: hidden;}

/* End */
/* /local/templates/f-plus/external-files/swiper/swiper.css?168240994120666 */
/* /local/templates/f-plus/external-files/fancybox/jquery.fancybox.min.css?168240994112921 */
/* /local/templates/f-plus/external-files/simplebar/simplebar.css?16824099413701 */
/* /local/templates/f-plus/external-files/nouislider/nouislider.min.css?16824099414007 */
/* /local/templates/f-plus/external-files/tooltipster/tooltipster.bundle.css?16824099419518 */
/* /local/templates/f-plus/external-files/tooltipster/tooltipster-sideTip-shadow.css?16824099411907 */
/* /local/templates/f-plus/external-files/videojs/video.min.css?168241274046447 */
/* /local/templates/f-plus/css/style.css?1731680789336955 */
/* /local/templates/f-plus/css/dev.css?16862113681692 */