@charset "UTF-8";
/*
 * Core styles for PriorityNav.js
 * These styles are not optional and should always be included
 *
 * Free to use under the MIT License.
 * http://twitter.com/GijsRoge
 */
.priority-nav {
  white-space: nowrap;
  /*
    * Makes sure the menu's are inline-block so they don't take up
    * the entire width of its parent. This will break the plugin.
    */
}

.priority-nav > ul > li {
  display: inline-block;
}

.priority-nav-has-dropdown .priority-nav__dropdown-toggle {
  position: relative;
}

.priority-nav__wrapper {
  position: relative;
}

.priority-nav__dropdown {
  position: absolute;
  visibility: hidden;
}

.priority-nav__dropdown.show {
  visibility: visible;
}

.priority-nav__dropdown-toggle {
  visibility: hidden;
  position: absolute;
}

.priority-nav-is-visible {
  visibility: visible;
}

.priority-nav-is-hidden {
  visibility: hidden;
  display: none;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #87B1F7;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #87B1F7;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #87B1F7;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #87B1F7;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps {
  position: relative;
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  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 {
  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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: left;
  transition: 300ms opacity;
  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;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.5;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* 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;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: 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%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  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-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.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-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: white;
  border: 1px solid black;
  margin: 0 0 0 20px !important;
}
.swiper-pagination-bullet:first-child {
  margin-left: 0 !important;
}

.swiper-pagination-bullet-active {
  background-color: white;
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.tns-slider {
  transition-timing-function: linear;
}

.header-border {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #848692;
}
.header-border._hide-on-scroll {
  max-width: 100%;
}
.header-body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transition: background-color 0.5s linear;
}
.header-space {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 48px;
}
.header-space._small {
  max-width: 24px;
}
@media screen and (max-width: 620px) {
  .header-space._small {
    max-width: 12px;
  }
}
@media screen and (max-width: 1460px) {
  .header-space._search {
    max-width: 100%;
  }
}
@media screen and (max-width: 1360px) {
  .header-space._search {
    max-width: 24px;
  }
}
@media screen and (max-width: 620px) {
  .header-space._search {
    max-width: 4px;
  }
}
@media screen and (max-width: 1360px) {
  .header-space._marketplace {
    max-width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .header-space._blind {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  .header-space._favorite {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  .header-space._font {
    display: none;
  }
}
.header-box {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}
.header-wrapper {
  width: 100%;
  max-width: 1822px;
  margin: 0 auto;
  padding: 0 15px;
}
.header-top {
  display: flex;
  align-items: center;
  padding: 10px 0;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .header-top {
    padding: 7px 0;
  }
}
@media screen and (max-width: 720px) {
  .header-top {
    z-index: 13;
  }
}
.header-fix {
  height: 100vh;
  max-height: 238px;
  transition: max-height 0.5s ease;
}
@media screen and (max-width: 1200px) {
  .header-fix {
    max-height: 139px;
  }
}
@media screen and (max-width: 1024px) {
  .header-fix {
    max-height: 115px;
  }
}
@media screen and (max-width: 620px) {
  .header-fix {
    max-height: 85px;
  }
}
.header-slider {
  width: 100%;
  overflow: hidden;
}
.header-panel {
  overflow: hidden;
  max-height: 80px;
  transition: max-height 0.5s ease;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  border-bottom: 1px solid rgba(217, 220, 231, 0.2);
}
.header-panel._hidden {
  max-height: 0;
}
.header-panel__content {
  max-width: 1410px;
  margin: 0 auto;
}
.header-panel__close {
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 1;
  width: 48px;
  height: 100%;
  color: #3446E8;
  cursor: pointer;
  transition: color ease 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-panel__close:hover {
  color: white;
}
.header-panel__close svg {
  width: 20px;
  height: 20px;
}
.header-blind {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
  .header-blind_desktop {
    display: none;
  }
}
.header-blind_mobile {
  display: none;
  background-color: #F0F0F8;
  color: #101113;
}
@media screen and (max-width: 1200px) {
  .header-blind_mobile {
    display: flex;
  }
}
.header-blind_mobile:hover {
  background-color: #3446E8;
  color: white;
}
.header-blind svg {
  width: 20px;
  height: 20px;
}
.header-favorite {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
@media screen and (max-width: 920px) {
  .header-favorite {
    display: none;
  }
}
.header-favorite svg {
  width: 20px;
  height: 20px;
}
.header-favorite_mobile {
  display: none;
  background-color: #F0F0F8;
  color: #101113;
  margin-left: 0;
  margin-right: 12px;
  width: 48px;
  height: 48px;
}
@media screen and (max-width: 920px) {
  .header-favorite_mobile {
    display: flex;
  }
}
.header-favorite_mobile svg {
  width: 20px;
  height: 20px;
}
.header-favorite_mobile:hover {
  background-color: #3446E8;
  color: white;
}
.header-logo {
  width: 241px;
  line-height: 0;
  outline: none;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .header-logo {
    width: 145px;
  }
}
.header-menu {
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out 0.5s;
  max-height: 100px;
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .header-menu {
    display: none;
  }
}
.header-menu._hide-on-scroll {
  opacity: 0;
  transition: max-height 0.5s ease-out, opacity 0.5s ease-out 0s;
  max-height: 0;
  overflow: hidden;
}
.header-menu._hide-on-scroll._scroll-menu-open {
  max-height: 100px;
  opacity: 1;
  overflow: visible;
}
.header-menu__nav {
  display: flex;
}
.header-menu__item {
  vertical-align: top;
  line-height: 140%;
  margin-left: 60px;
}
.header-menu__item:first-child {
  margin-left: 0;
}
.header-menu__item._mobile {
  padding-top: 24px;
  margin-left: 0;
}
.header-menu__link {
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  display: block;
}
.header-menu__link._active:before {
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.header-menu__link._mobile {
  color: white;
  white-space: pre-wrap;
}
.header-menu__link._mobile:hover {
  color: #FE9DA4;
}
.header-menu__link._mobile br {
  display: none;
}
.header-menu__icons {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.header-menu__wrapper {
  padding-top: 12px;
  padding-bottom: 18px;
}
@media screen and (max-width: 1200px) {
  .header-menu__wrapper {
    display: none;
  }
}
.header-menu__list {
  vertical-align: top;
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.header-menu__list._mobile {
  flex-direction: column;
}
.header-menu__more {
  border: none;
  margin: 0 0 0 36px;
  padding: 0;
  background: none;
  color: #2B2C2F;
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-menu__more:focus {
  outline: none;
}
.header-menu__more:after {
  content: "";
  border: 5px solid transparent;
  border-top: 7px solid currentColor;
  margin-left: 9px;
  margin-top: 4px;
}
.header-menu__hidden {
  background: #FFFFFF;
  box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 20px 20px;
  display: flex;
  flex-direction: column;
  padding: 32px 48px;
  min-width: 230px;
  right: 0;
  z-index: 2;
  list-style: none;
  align-items: flex-end;
  top: calc(100% + 2px);
}
.header-menu__hidden br {
  display: none;
}
.header-menu__hidden li {
  margin-left: 0;
  padding-top: 24px;
}
.header-menu__hidden li:first-child {
  padding-top: 0;
}
.header-menu__hidden a._active:before {
  position: absolute;
  right: -22px;
  top: 0px;
}
.header-search {
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 48px;
}
@media screen and (max-width: 1460px) {
  .header-search {
    flex-grow: 0;
  }
}
.header-search_mobile {
  display: none;
}
@media screen and (max-width: 1200px) {
  .header-search_mobile {
    display: block;
  }
}
.header-search__form {
  display: flex;
  height: 48px;
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 620px) {
  .header-search__form {
    height: 40px;
  }
}
.header-search__input {
  position: absolute;
  top: 0;
  right: 0;
  flex-grow: 0;
  border: 1px solid #848692;
  border-radius: 24px;
  transition: all ease 0.5s;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1460px) {
  .header-search__input {
    width: 47px;
  }
}
@media screen and (max-width: 1460px) and (max-width: 620px) {
  .header-search__input {
    width: 40px;
  }
}
.header-search__input_desktop ~ label {
  display: flex;
}
.header-search__input_desktop._focused ~ button {
  display: flex;
}
.header-search__input_desktop._focused ~ label {
  display: none;
}
@media screen and (max-width: 620px) {
  .header-search__input_desktop._focused {
    width: 68vw !important;
  }
}
.header-search__input_mobile {
  width: 100%;
  background-color: white;
}
.header-search__input_mobile ~ button {
  display: flex;
}
.header-search__value {
  outline: none;
  padding: 0 52px 0 32px;
  background-color: transparent;
  height: 100%;
  width: 100%;
  color: #848692;
  border: none;
}
.header-search__value::-webkit-input-placeholder {
  color: currentColor;
  font-weight: 300;
}
.header-search__value::-moz-placeholder {
  color: currentColor;
  font-weight: 300;
}
.header-search__value:-ms-input-placeholder {
  color: currentColor;
  font-weight: 300;
}
.header-search__value::-ms-input-placeholder {
  color: currentColor;
  font-weight: 300;
}
.header-search__value::placeholder {
  color: currentColor;
  font-weight: 300;
}
.header-search__button {
  border: none;
  background-color: #848692;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  position: absolute;
  right: -1px;
  top: 0px;
  display: none;
}
@media screen and (max-width: 620px) {
  .header-search__button {
    width: 40px;
    height: 40px;
  }
}
.header-search__button svg {
  width: 20px;
  height: 20px;
}
.header-search__button_mobile {
  background-color: #848692;
}
.header-search__button_mobile:hover {
  background-color: #3446E8;
  color: white;
}
.header-user {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header-user__icon {
  background-color: #3446E8;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
}
@media screen and (max-width: 620px) {
  .header-user__icon {
    width: 40px;
    height: 40px;
  }
}
.header-user__icon svg {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 620px) {
  .header-user__icon svg {
    width: 18px;
    height: 18px;
  }
}
.header-user__icon:hover {
  background-color: #87B1F7;
}
.header-user__auth {
  margin-left: 12px;
}
.header-user__personal {
  margin-left: 12px;
}
.header-user__login {
  cursor: pointer;
  font-weight: 700;
  color: #2B2C2F;
  font-size: 15px;
  line-height: 140%;
}
.header-user__register {
  font-weight: 300;
  color: #848692;
  font-size: 15px;
  line-height: 140%;
}
.header-user__cabinet {
  line-height: 140%;
  color: #3446E8;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 20px;
}
.header-user__fio {
  font-weight: 600;
  color: #101113;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
}
.header-user__popup {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 32px 48px;
  background: white;
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.18);
  border-radius: 20px;
  z-index: 4;
  width: 414px;
  display: none;
}
@media screen and (max-width: 460px) {
  .header-user__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
  }
}
.header-user__popup._active {
  display: block;
  overflow-y: auto;
}
.header-user__popup._info {
  width: 300px;
}
@media screen and (max-width: 460px) {
  .header-user__popup._info {
    width: 100%;
  }
}
.header-user__close {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: #D9DCE7;
}
.header-user__close svg {
  margin-right: 0;
}
.header-user__close:hover {
  color: #848692;
}
.header-user__avatar {
  width: 61px;
  height: 61px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 110%;
  font-weight: 500;
  color: white;
  margin-bottom: 20px;
  overflow: hidden;
}
.header-user__avatar._text {
  background-color: #3446E8;
  border: 5px solid #F0F0F8;
}
.header-user__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-user__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-user__email {
  font-size: 14px;
  color: #848692;
  margin-bottom: 24px;
}
.header-user__logout {
  padding-top: 20px;
  border-top: 1px solid #F0F0F8;
  width: 100%;
  display: flex;
  justify-content: center;
}
.header-user__logout-icon {
  width: 16px;
  height: 16px;
  margin-right: 15px;
}
.header-phone {
  flex-shrink: 0;
}
@media screen and (max-width: 760px) {
  .header-phone_desktop {
    display: none;
  }
}
.header-phone_mobile {
  color: white;
  margin-right: 24px;
}
@media screen and (max-width: 620px) {
  .header-phone_mobile {
    flex-basis: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 12px;
  }
}
.header #menu-toggle, .header #scroll-menu-toggle {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-right: 25px;
  display: none;
  z-index: 12;
  flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
  .header #menu-toggle, .header #scroll-menu-toggle {
    display: block;
  }
}
.header #menu-toggle span, .header #scroll-menu-toggle span {
  display: block;
  border-radius: 2px;
  transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
  background-color: currentColor;
}
.header #scroll-menu-toggle {
  display: block;
  width: 0;
  height: 0;
  margin-right: 0;
  opacity: 0;
  transition: width 0.5s ease 0.2s, height 0.5s ease 0.2s, margin-right 0.7s ease 0.2s, opacity 0.2s ease 0s;
}
.header #scroll-menu-toggle._hide-on-scroll {
  width: 30px;
  height: 30px;
  margin-right: 25px;
  opacity: 1;
  transition: width 0.5s ease, height 0.5s ease, margin-right 0.5s ease, opacity 0.2s ease 0.6s;
}
@media screen and (max-width: 1200px) {
  .header #scroll-menu-toggle._hide-on-scroll {
    display: none;
  }
}
.header #hamburger, .header #scroll-menu-hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.header #hamburger span, .header #scroll-menu-hamburger span {
  width: 100%;
  height: 4px;
  position: relative;
  flex-shrink: 0;
}
.header #hamburger span:nth-child(1), .header #scroll-menu-hamburger span:nth-child(1) {
  transition-delay: 0.5s;
  margin-top: 0;
}
.header #hamburger span:nth-child(2), .header #scroll-menu-hamburger span:nth-child(2) {
  transition-delay: 0.625s;
}
.header #hamburger span:nth-child(3), .header #scroll-menu-hamburger span:nth-child(3) {
  transition-delay: 0.75s;
  margin-bottom: 0;
}
.header #hamburger._open span, .header #scroll-menu-hamburger._open span {
  width: 0;
}
.header #hamburger._open span:nth-child(1), .header #scroll-menu-hamburger._open span:nth-child(1) {
  transition-delay: 0s;
}
.header #hamburger._open span:nth-child(2), .header #scroll-menu-hamburger._open span:nth-child(2) {
  transition-delay: 0.125s;
}
.header #hamburger._open span:nth-child(3), .header #scroll-menu-hamburger._open span:nth-child(3) {
  transition-delay: 0.25s;
}
.header #cross, .header #scroll-menu-cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
  top: 0;
  left: 0;
}
.header #cross span, .header #scroll-menu-cross span {
  background-color: currentColor;
}
.header #cross span:nth-child(1), .header #scroll-menu-cross span:nth-child(1) {
  height: 0;
  width: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  transition-delay: 0s;
  transform: translateX(-50%);
}
.header #cross span:nth-child(2), .header #scroll-menu-cross span:nth-child(2) {
  width: 0;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  transition-delay: 0.25s;
  transform: translateY(-50%);
}
.header #cross._open span:nth-child(1), .header #scroll-menu-cross._open span:nth-child(1) {
  height: 100%;
  transition-delay: 0.625s;
}
.header #cross._open span:nth-child(2), .header #scroll-menu-cross._open span:nth-child(2) {
  width: 100%;
  transition-delay: 0.375s;
}
.header-mobile {
  z-index: 11;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 30px;
  transition: top 0.5s ease;
  display: none;
  overflow: scroll;
}
@media screen and (max-width: 1200px) {
  .header-mobile {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .header-mobile._open {
    top: 0;
  }
}
.header-mobile__icons {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 620px) {
  .header-mobile__icons {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.header-mobile__close {
  width: 24px;
  height: 24px;
  color: white;
  position: absolute;
  left: 21px;
  top: 21px;
}
.header-marketplace {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #FF7979;
}
@media screen and (max-width: 380px) {
  .header-marketplace_desktop {
    display: none;
  }
}
.header-marketplace_mobile {
  margin-right: 12px;
}
@media screen and (max-width: 380px) {
  .header-marketplace_mobile {
    display: flex;
  }
}
.header-marketplace:hover {
  color: #FE9DA4;
}
.header-marketplace__icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
@media screen and (max-width: 620px) {
  .header-marketplace__icon_desktop {
    width: 40px;
    height: 40px;
  }
}
.header-marketplace__icon svg {
  stroke: white;
  stroke-width: 1.3;
}
.header-marketplace__name {
  color: currentColor;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  max-width: 160px;
  line-height: 140%;
  margin-left: 13px;
}
@media screen and (max-width: 1360px) {
  .header-marketplace__name {
    display: none;
  }
}

.priority-nav__wrapper {
  display: inline-block;
  vertical-align: top;
  line-height: 140%;
}

.font-changer {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 920px) {
  .font-changer_desktop {
    display: none;
  }
}
.font-changer_mobile {
  display: none;
  margin-left: 0;
  margin-right: 12px;
}
@media screen and (max-width: 920px) {
  .font-changer_mobile {
    display: flex;
  }
}
.font-changer__button {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
}
.font-changer__button:after {
  content: "";
  display: block;
  border: 3px solid transparent;
  border-bottom: 5px solid currentColor;
  margin-top: -15px;
  margin-left: -2px;
}
.font-changer__button_mobile {
  background-color: #F0F0F8;
  color: #101113;
}
.font-changer-font-10 {
  font-size: 10px !important;
  line-height: 170% !important;
}
.font-changer-font-10 * {
  font-size: 10px !important;
  line-height: 170% !important;
}
.font-changer-font-12 {
  font-size: 12px !important;
  line-height: 170% !important;
}
.font-changer-font-12 * {
  font-size: 12px !important;
  line-height: 170% !important;
}
.font-changer-font-14 {
  font-size: 14px !important;
  line-height: 170% !important;
}
.font-changer-font-14 * {
  font-size: 14px !important;
  line-height: 170% !important;
}
.font-changer-font-16 {
  font-size: 16px !important;
  line-height: 170% !important;
}
.font-changer-font-16 * {
  font-size: 16px !important;
  line-height: 170% !important;
}
.font-changer-font-18 {
  font-size: 18px !important;
  line-height: 170% !important;
}
.font-changer-font-18 * {
  font-size: 18px !important;
  line-height: 170% !important;
}
.font-changer-font-20 {
  font-size: 20px !important;
  line-height: 170% !important;
}
.font-changer-font-20 * {
  font-size: 20px !important;
  line-height: 170% !important;
}
.font-changer-font-22 {
  font-size: 22px !important;
  line-height: 170% !important;
}
.font-changer-font-22 * {
  font-size: 22px !important;
  line-height: 170% !important;
}
.font-changer-font-24 {
  font-size: 24px !important;
  line-height: 170% !important;
}
.font-changer-font-24 * {
  font-size: 24px !important;
  line-height: 170% !important;
}
.font-changer-font-26 {
  font-size: 26px !important;
  line-height: 170% !important;
}
.font-changer-font-26 * {
  font-size: 26px !important;
  line-height: 170% !important;
}
.font-changer-font-28 {
  font-size: 28px !important;
  line-height: 170% !important;
}
.font-changer-font-28 * {
  font-size: 28px !important;
  line-height: 170% !important;
}
.font-changer-font-30 {
  font-size: 30px !important;
  line-height: 170% !important;
}
.font-changer-font-30 * {
  font-size: 30px !important;
  line-height: 170% !important;
}
.font-changer-font-32 {
  font-size: 32px !important;
  line-height: 170% !important;
}
.font-changer-font-32 * {
  font-size: 32px !important;
  line-height: 170% !important;
}
.font-changer-font-34 {
  font-size: 34px !important;
  line-height: 170% !important;
}
.font-changer-font-34 * {
  font-size: 34px !important;
  line-height: 170% !important;
}
.font-changer-font-36 {
  font-size: 36px !important;
  line-height: 170% !important;
}
.font-changer-font-36 * {
  font-size: 36px !important;
  line-height: 170% !important;
}
.font-changer-font-38 {
  font-size: 38px !important;
  line-height: 170% !important;
}
.font-changer-font-38 * {
  font-size: 38px !important;
  line-height: 170% !important;
}
.font-changer-font-40 {
  font-size: 40px !important;
  line-height: 170% !important;
}
.font-changer-font-40 * {
  font-size: 40px !important;
  line-height: 170% !important;
}
.font-changer-font-42 {
  font-size: 42px !important;
  line-height: 170% !important;
}
.font-changer-font-42 * {
  font-size: 42px !important;
  line-height: 170% !important;
}
.font-changer-font-44 {
  font-size: 44px !important;
  line-height: 170% !important;
}
.font-changer-font-44 * {
  font-size: 44px !important;
  line-height: 170% !important;
}
.font-changer-font-46 {
  font-size: 46px !important;
  line-height: 170% !important;
}
.font-changer-font-46 * {
  font-size: 46px !important;
  line-height: 170% !important;
}
.font-changer-font-48 {
  font-size: 48px !important;
  line-height: 170% !important;
}
.font-changer-font-48 * {
  font-size: 48px !important;
  line-height: 170% !important;
}
.font-changer-font-50 {
  font-size: 50px !important;
  line-height: 170% !important;
}
.font-changer-font-50 * {
  font-size: 50px !important;
  line-height: 170% !important;
}

.location {
  flex-shrink: 0;
}
.location__label {
  display: flex;
  align-items: center;
  max-width: 215px;
  cursor: pointer;
}
@media screen and (max-width: 620px) {
  .location__label {
    display: none;
  }
}
.location__label_mobile {
  display: none;
}
@media screen and (max-width: 620px) {
  .location__label_mobile {
    display: flex;
    color: white;
    margin-bottom: 12px;
  }
}
.location__icon {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  flex-shrink: 0;
}
@media screen and (max-width: 720px) {
  .location__icon {
    color: white;
  }
}
.location__text {
  line-height: 1;
  font-weight: 300;
  font-size: 14px;
}
.location-question {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  padding: 32px 48px;
  background: white;
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.18);
  border-radius: 20px;
  z-index: 4;
  width: 414px;
  display: none;
}
@media screen and (max-width: 720px) {
  .location-question {
    top: 50%;
    left: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
    max-width: 100%;
  }
}
.location-question:before {
  content: "";
  border: 11px solid transparent;
  border-bottom: 14px solid white;
  display: block;
  position: absolute;
  top: -24px;
  left: 39px;
}
@media screen and (max-width: 720px) {
  .location-question:before {
    display: none;
  }
}
.location-question__close {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
  color: #D9DCE7;
}
.location-question__close svg {
  margin-right: 0;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.location-question__buttons {
  margin-top: 24px;
}
@media screen and (max-width: 420px) {
  .location-question__buttons {
    display: flex;
    flex-direction: column;
  }
}
.location-question__accept {
  margin-right: 12px;
}
@media screen and (max-width: 420px) {
  .location-question__accept {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.location-list__close {
  color: #D9DCE7;
}
.location-list__close svg {
  margin-right: 0;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.location-list__title {
  margin-bottom: 24px;
}
.location-list__search {
  font-weight: 500;
  font-size: 16px;
  border: none;
  outline: none;
  width: 100%;
}
.location-list__list {
  max-height: 200px;
}
@media screen and (max-width: 620px) {
  .location-list__list {
    max-height: 100%;
  }
}
.location-list__line {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 1px solid #F0F0F8;
}
.location-list__item {
  color: #848692;
  margin-bottom: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 140%;
}
.location-list__item:before {
  content: "";
  opacity: 0;
  display: block;
  width: 6px;
  height: 6px;
  background: #3446E8;
  border-radius: 100%;
  margin-right: 12px;
}
.location-list__item:hover {
  color: #101113;
}
.location-list__item:hover:before {
  opacity: 1;
}
.location-list__item._active {
  color: #101113;
}
.location-list__item._active:before {
  opacity: 1;
}

.theme_light .logo-black {
  display: none !important;
}
.theme_light .logo-white {
  display: block !important;
}
.theme_light .location__label {
  color: #fff;
}
.theme_light .location__label:hover {
  color: #FE9DA4;
}
.theme_light #menu-toggle, .theme_light #scroll-menu-toggle {
  color: white;
}
.theme_light .header-logo {
  color: white;
}
.theme_light .header-search__input {
  border-color: #848692;
  color: #848692;
}
.theme_light .header-search__value_desktop._focused {
  background-color: #313131;
}
.theme_light.header-body._hide-on-scroll {
  background-color: rgba(0, 0, 0, 0.7);
}
.theme_light .font-changer__button {
  background-color: #848692;
  color: #101113;
}
.theme_light .header-blind {
  background-color: #848692;
  color: #101113;
}
.theme_light .header-blind:hover {
  background-color: #3446E8;
  color: white;
}
.theme_light .header-search__button {
  background-color: #848692;
  color: #101113;
}
.theme_light .header-search__button:hover {
  background-color: #3446E8;
  color: white;
}
.theme_light .header-favorite_desktop {
  background-color: #848692;
  color: #101113;
}
.theme_light .header-favorite_desktop:hover {
  background-color: #3446E8;
  color: white;
}
.theme_light .header-phone {
  color: white;
}
.theme_light .header-phone:hover, .theme_light .header-phone:active {
  color: #FE9DA4;
}
.theme_light .header-menu a {
  color: #fff;
}
.theme_light .header-menu a:hover, .theme_light .header-menu a:active {
  color: #FE9DA4;
}
.theme_light .header-menu a._active {
  color: #FE9DA4;
}
.theme_light .header-menu a._active:before {
  color: #FE9DA4;
}
.theme_light .header-menu__more {
  color: #fff;
}
.theme_light .header-menu__more:hover, .theme_light .header-menu__more:active {
  color: #FE9DA4;
}
.theme_light .header-menu__hidden {
  background: transparent;
  box-shadow: none;
  border: 1px solid #6F727D;
}

.theme_dark .logo-white {
  display: none !important;
}
.theme_dark .header-border {
  border-color: #F0F0F8;
}
.theme_dark .header-panel__close {
  color: #101113;
}
.theme_dark .header-panel__close:hover {
  color: #3446E8;
}
.theme_dark.header-body._hide-on-scroll {
  background-color: rgba(255, 255, 255, 0.98);
}
.theme_dark .location__label {
  color: #101113;
}
.theme_dark .location__label:hover {
  color: #3446E8;
}
.theme_dark #menu-toggle, .theme_dark #scroll-menu-toggle {
  color: #101113;
}
.theme_dark .header-logo {
  color: #101113;
}
.theme_dark .font-changer__button {
  background-color: #F0F0F8;
  color: #101113;
}
.theme_dark .font-changer__button:hover {
  background-color: #3446E8;
  color: white;
}
.theme_dark .font-changer__down {
  background-color: #3446E8;
  color: white;
}
.theme_dark .font-changer__down:hover {
  background-color: #F0F0F8;
  color: #3446E8;
}
.theme_dark .header-blind {
  background-color: #F0F0F8;
  color: #101113;
}
.theme_dark .header-blind:hover {
  background-color: #3446E8;
  color: white;
}
.theme_dark .header-search__button {
  background-color: #F0F0F8;
  color: #101113;
}
.theme_dark .header-search__button:hover {
  background-color: #3446E8;
  color: white;
}
.theme_dark .header-search__input {
  border-color: #F0F0F8;
  color: #101113;
}
.theme_dark .header-search__value_desktop._focused {
  background-color: white;
}
.theme_dark .header-favorite_desktop {
  background-color: #F0F0F8;
  color: #101113;
}
.theme_dark .header-favorite_desktop:hover {
  background-color: #3446E8;
  color: white;
}
.theme_dark .header-favorite_desktop._active {
  background-color: #3446E8;
  color: white;
}
.theme_dark .header-favorite_desktop._active:hover {
  background-color: white;
  color: #3446E8;
}
.theme_dark .header-phone {
  color: #101113;
}
.theme_dark .header-phone:hover, .theme_dark .header-phone:active {
  color: #3446E8;
}
.theme_dark .header-menu a {
  color: #2B2C2F;
}
.theme_dark .header-menu a:hover, .theme_dark .header-menu a:active {
  color: #3446E8;
}
.theme_dark .header-menu a._active {
  color: #3446E8;
}
.theme_dark .header-menu a._active:before {
  color: #3446E8;
}
.theme_dark .header-menu__more {
  color: #101113;
}
.theme_dark .header-menu__more:hover, .theme_dark .header-menu__more:active {
  color: #3446E8;
}

.footer {
  border-top: 1px solid #D9DCE7;
}
.footer__top {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 44px;
  padding-bottom: 0;
}
@media screen and (max-width: 580px) {
  .footer__top {
    flex-direction: column;
  }
}
.footer__center {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.footer__bottom {
  margin-top: 34px;
  background-color: #F0F0F8;
}
.footer__content {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media screen and (max-width: 760px) {
  .footer__content {
    flex-direction: column;
    align-items: center;
  }
}
.footer__logo {
  flex-shrink: 0;
  margin-right: 42px;
  max-width: 240px;
}
@media screen and (max-width: 620px) {
  .footer__logo {
    margin-right: 0;
  }
}
.footer__col {
  margin-left: 20px;
  flex-shrink: 0;
}
@media screen and (max-width: 860px) {
  .footer__col {
    align-items: center;
    text-align: center;
  }
}
.footer__col:first-child {
  margin-left: 0;
}
.footer__col._about {
  display: flex;
  flex-grow: 1;
  flex-basis: 45%;
}
@media screen and (max-width: 860px) {
  .footer__col._about {
    flex-direction: column;
  }
}
.footer__col._sites {
  flex-grow: 1;
}
.footer__col._services {
  flex-grow: 1;
  flex-basis: 50%;
  margin-left: 0;
}
.footer__group {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin-left: 48px;
  margin-left: 0;
  justify-content: flex-start;
}
@media screen and (max-width: 860px) {
  .footer__group {
    flex-direction: column;
  }
}
.footer__group:first-child {
  margin-left: 0;
}
.footer__menu {
  margin-top: 32px;
}
.footer__menu._about {
  flex-basis: 34%;
}
.footer__menu._partner {
  margin-top: 32px;
  margin-left: 48px;
  margin-right: 32px;
}
@media screen and (max-width: 860px) {
  .footer__menu._partner {
    margin-left: 0;
    margin-right: 0;
  }
}
.footer__copyright {
  color: #848692;
}
.footer__copyright sup {
  font-size: 10px;
}
.footer__agreement {
  color: #848692;
}
.footer__policy {
  color: #848692;
}
.footer-social {
  display: flex;
  align-items: center;
  margin-left: 154px;
}
@media screen and (max-width: 620px) {
  .footer-social {
    margin-left: 0;
  }
}
@media screen and (max-width: 580px) {
  .footer-social {
    margin-top: 24px;
  }
}
.footer-social__text {
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
  text-transform: uppercase;
}
@media screen and (max-width: 760px) {
  .footer-social__text {
    display: none;
  }
}
.footer-social__links {
  display: flex;
}
.footer__icon {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #F0F0F8;
  margin-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__icon:first-child {
  margin-left: 23px;
}
@media screen and (max-width: 760px) {
  .footer__icon:first-child {
    margin-left: 0;
  }
}
.footer__icon svg {
  width: 20px;
  height: 20px;
}
.footer__section {
  color: #848692;
  font-weight: bold;
  font-size: 13px;
  line-height: 140%;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
@media screen and (max-width: 860px) {
  .footer__section {
    justify-content: center;
  }
}
.footer__section:before {
  content: "";
  background-color: #848692;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: 8px;
}
.footer__section._empty {
  opacity: 0;
}
.footer__links {
  display: flex;
  justify-content: space-between;
}
.footer__links._sites {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 860px) {
  .footer__links._sites {
    flex-direction: column;
  }
}
.footer__links._sites ul {
  margin-left: 0;
  flex-basis: 50%;
}
.footer__links._sites ul:first-child {
  flex-basis: 45%;
}
.footer__links._sites ul:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .footer__links._services {
    flex-direction: column;
  }
  .footer__links._services ul {
    margin-left: 0;
  }
}
.footer__links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  margin-left: 20px;
}
.footer__links ul:first-child {
  margin-left: 0;
}
.footer__links li {
  margin: 0 0 6px;
  padding: 0;
}
.footer-slider {
  width: auto;
  flex-shrink: 1;
  margin: 0;
}

.footer-slider__wrapper {
  align-items: stretch;
}

.footer-slider__slide {
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(0px, 0, 0);
  width: auto !important;
}

@media screen and (max-width: 1240px) {
  .footer-slider {
    order: 2;
    max-width: 100%;
    width: 100%;
    margin-top: 24px;
  }
}
.footer__contacts {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 24px;
  padding-bottom: 24px;
  border: solid #D9DCE7;
  border-width: 1px 0 1px 0;
  color: #2B2C2F;
}

.footer-phone {
  display: flex;
  align-items: center;
  margin-left: 32px;
}
@media screen and (max-width: 1300px) {
  .footer-phone {
    flex-direction: column;
  }
}

.footer-phone__number {
  margin-left: 12px;
  font-size: 24px;
  line-height: 110%;
  font-weight: 500;
}

.footer-phone__text {
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  .footer__top {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 920px) {
  .footer__contacts {
    flex-direction: column;
  }

  .footer-phone {
    margin: 0 0 20px;
  }

  .footer-social {
    margin: 0;
  }
}
@media screen and (max-width: 950px) {
  .footer-phone__number {
    font-size: 18px;
    text-align: center;
    margin: 20px auto;
  }
}
@media screen and (max-width: 950px) and (max-width: 950px) {
  .footer-phone__number__top_banner {
    font-size: 18px;
    margin: 0;
  }
}
@media screen and (max-width: 950px) {
  .footer-phone {
    flex-direction: column;
  }
}
.phone__label {
  display: flex;
  align-items: center;
}
.phone__label .label__top_banner {
  font-size: 30px;
  line-height: 110%;
  font-weight: 700;
  flex-shrink: 0;
  margin-right: 15px;
}
@media screen and (max-width: 950px) {
  .phone__label .label__top_banner {
    font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  .phone__label .label__top_banner {
    margin: 0;
  }
}
.phone__label .label__top_banner._mobile {
  display: none;
}
@media screen and (max-width: 500px) {
  .phone__label .label__top_banner._mobile {
    font-size: 14px;
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .phone__label .label__top_banner {
    display: none;
  }
}
.phone__label__top_banner {
  justify-content: space-evenly;
}
@media screen and (max-width: 950px) {
  .phone__label__top_banner {
    justify-content: center;
  }
}
@media screen and (max-width: 750px) {
  .phone__label__top_banner {
    flex-direction: column;
  }
}

@media screen and (max-width: 760px) {
  .phone__label__mobile {
    flex-basis: 100%;
    color: white;
    margin-bottom: 12px;
  }

  .phone__label {
    justify-content: center;
  }

  .phone__label__desktop {
    display: none;
  }
}
.phone__icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  flex-shrink: 0;
  color: #FE9DA4;
}

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

.breadcrumbs {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  margin: 42px auto 9px;
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
}

.breadcrumbs__link {
  color: #848692;
  font-weight: 700;
}
.breadcrumbs__link._active {
  color: #101113;
}

.breadcrumbs__item {
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 12px;
  display: flex;
  align-items: center;
}
.breadcrumbs__item:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #3446E8;
  margin-left: 15px;
}
.breadcrumbs__item:last-child:after {
  display: none;
}

@media screen and (max-width: 650px) {
  .breadcrumbs__hide {
    display: none;
  }
}

.up {
  position: fixed;
  width: 115px;
  transform: rotate(-90deg);
  cursor: pointer;
  z-index: 3;
  background: white;
  height: 35px;
  border: 1px solid #F0F0F8;
  border-radius: 20px;
  right: 0;
  bottom: 90px;
  opacity: 0.5;
}
@media screen and (max-width: 920px) {
  .up {
    right: 5px;
    bottom: 20px;
    width: 45px;
  }
}
.up__icon {
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  position: absolute;
  top: 8px;
  left: 85px;
}
@media screen and (max-width: 920px) {
  .up__icon {
    left: 18px;
  }
}
.up__text {
  color: #87B1F7;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 4px 4px 12px;
}
@media screen and (max-width: 920px) {
  .up__text {
    font-size: 0;
  }
}
.up:hover .up__text {
  letter-spacing: 0.35em;
}

.err-page__error-wrap {
  background: url("/img/error-page.jpg") no-repeat center center fixed;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75vh;
}

.err-page__error {
  color: white;
  font-family: "MuseoSansCyrl", sans;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 245px;
}
.err-page__error .err-page__error__code {
  font-size: 500px;
  line-height: 80%;
  font-weight: 900;
  color: white;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.err-page__error .err-page__error__message {
  font-style: italic;
  font-size: 72px;
  line-height: 90%;
  font-weight: 500;
  margin-bottom: 48px;
}
.err-page__error .err-page__error__hint {
  font-size: 16px;
  font-weight: 300;
  line-height: 170%;
  text-align: center;
  margin-bottom: 91px;
}

.error {
  position: static;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.error-text {
  padding: 4px 10px;
  background: #FE9DA4;
  color: white;
  font-size: 12px;
  line-height: 160%;
  border-radius: 10px;
  position: absolute;
  bottom: calc(100% + 5px);
  margin-left: 7px;
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.error-text._invalid {
  display: block;
}
.error-icon {
  background: #FE9DA4;
  border-radius: 100%;
  color: white;
  width: 24px;
  height: 24px;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 10px;
  cursor: pointer;
  font-size: 13px;
  line-height: 0;
}
.error-icon._invalid {
  display: flex;
}
.error-icon:hover ~ * {
  display: block;
}
.error-arrow {
  display: none;
  position: absolute;
  font-size: 0;
  line-height: 0;
}
.error-arrow:after {
  content: "";
  border: 4px solid transparent;
  border-top: 5px solid #FE9DA4;
}

.button {
  font-weight: 700;
  line-height: 140%;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  display: inline-block;
  background-color: #C4E3F4;
  color: #101113;
  padding: 15px 25px;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex-shrink: 0;
  text-decoration: none;
  text-align: center;
  -webkit-backdrop-filter: blur(0px);
}
@media screen and (max-width: 850px) {
  .button {
    padding: 16px 24px;
    font-size: 11px;
  }
  .button._articles {
    max-width: 220px;
  }
}
.button span {
  position: relative;
  pointer-events: none;
  display: flex;
}
.button:before {
  --size: 0;
  content: "";
  display: block;
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background-color: #FE9DA4;
  -webkit-filter: blur(60px);
  filter: blur(60px);
  -webkit-backdrop-filter: blur(0px);
  z-index: 0;
  transform: translate(-50%, -50%);
  transition-property: opacity, width, height, -webkit-filter;
  transition-property: opacity, width, height, filter;
  transition-property: opacity, width, height, filter, -webkit-filter;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.button:hover {
  color: white;
}
.button:hover:before {
  --size: 200px;
}
.button:active {
  color: white;
}
.button:active:before {
  --size: 1000px;
}
.button_empty {
  background: none;
  color: #848692;
}
.button_empty:before {
  display: none;
}
.button_empty:hover {
  background: none;
  color: #3446E8;
}
.button_empty:active {
  color: #3446E8;
}
.button_gray {
  background-color: #F0F0F8;
  color: #101113;
}
.button_gray:hover {
  background: #3446E8;
  color: white;
}
.button_gray:active {
  color: #3446E8;
}
.button_white {
  background-color: white;
  color: #3446E8;
}
.button_white:hover {
  background: white;
  color: #3446E8;
}

.back-button {
  margin-bottom: 25px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.input-text {
  margin-bottom: 24px;
}
.input-text__input {
  display: flex;
  align-items: center;
  border: 1px solid #D9DCE7;
  border-radius: 24px;
  padding: 0 24px;
}
.input-text__input._focused {
  color: #3446E8;
  border-color: #3446E8;
  outline: none;
}
.input-text__input._no-input {
  padding: 10px 24px;
}
.input-text__hint {
  color: gray;
  font-size: 12px;
  font-style: italic;
  line-height: 140%;
  text-align: left;
}
.input-text__icon {
  width: 16px;
  height: 16px;
  color: #848692;
  margin-right: 15px;
  flex-shrink: 0;
  font-size: 0;
  line-height: 0;
}
.input-text__icon:hover {
  color: #3446E8;
}
.input-text__icon_password {
  width: 20px;
  height: 20px;
}
.input-text__eye {
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #848692;
  flex-shrink: 0;
}
.input-text__eye:hover {
  color: #87B1F7;
}
.input-text__value {
  flex-grow: 1;
  border: none;
  outline: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  color: #101113;
  margin: 0;
  min-width: 0;
  padding: 10px 0;
}
.input-text__value:focus {
  color: #3446E8;
}
.input-text__value._invalid {
  color: #FE9DA4;
}

.input-checkbox {
  display: flex;
}
.input-checkbox__value {
  display: none;
}
.input-checkbox__ico {
  display: block;
  background-color: #F0F0F8;
  border-radius: 100%;
  margin-right: 12px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.input-checkbox__wrap {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
.input-checkbox__name {
  color: #848692;
  font-size: 14px;
}
.input-checkbox__name a {
  color: #3446E8;
}
.input-checkbox._disabled {
  opacity: 0.4;
}
.input-checkbox .input-checkbox__value:checked + .input-checkbox__ico:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 55%;
  background: none;
  width: 9px;
  height: 4px;
  border: 1px solid #3446E8;
  border-width: 0 0 2px 2px;
  transform-origin: left top;
  transform: translate(-50%) rotate(-45deg);
}

.input-textarea {
  display: flex;
  align-items: flex-start;
  border: 1px solid #D9DCE7;
  border-radius: 20px;
}
.input-textarea__value {
  display: block;
  width: 100%;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 12px 24px;
  color: gray;
  font-family: "MuseoSansCyrl", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 170%;
  resize: vertical;
}
.input-textarea .error {
  margin-top: 9px;
}

.input-file {
  flex-wrap: wrap;
}
@media screen and (max-width: 580px) {
  .input-file {
    width: 100%;
    justify-content: center !important;
  }
}
.input-file__title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.input-file__button {
  padding: 7px 40px;
  margin-right: 15px;
}
.input-file__label {
  padding: 0;
  display: flex;
  flex-direction: row;
  margin: 0 50px 0 0;
  cursor: pointer;
}
.input-file__label:hover {
  color: #3446E8;
}
.input-file__input {
  display: none;
}
.input-file__row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 580px) {
  .input-file__row {
    flex-direction: column;
  }
}
@media screen and (max-width: 580px) {
  .input-file__wrap {
    margin-top: 10px;
  }
}
.input-file__hint {
  color: gray;
  font-size: 12px;
  font-style: italic;
}
.input-file__hidden {
  display: none;
}
.input-file__name {
  display: flex;
  align-items: center;
}
.input-file__controls {
  display: flex;
  align-items: center;
}
.input-file__cancel, .input-file__delete {
  cursor: pointer;
  margin-left: 15px;
  line-height: 0;
  font-size: 0;
  color: #848692;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}
.input-file__progress {
  background-color: #848692;
  height: 15px;
  display: flex;
  width: 145px;
  align-items: center;
  justify-content: space-between;
}
.input-file__bar {
  height: 15px;
  background-color: #3446E8;
}

.select {
  padding-bottom: 101px;
  outline: none;
  font-size: 0;
  line-height: 0;
}
.select--active {
  z-index: 2;
}
.select._short {
  padding-bottom: 45px;
  margin-bottom: 9px;
}
.select._sort {
  padding-bottom: 15px;
  font-size: 0;
}
.select__wrapper {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #D9DCE7;
  border-radius: 20px;
  padding: 27px 0 0;
  margin-bottom: 25px;
  width: 100%;
  z-index: 1;
}
.select__wrapper._short {
  padding-top: 10px;
  margin-bottom: 0;
  border-radius: 25px;
}
.select__wrapper._sort {
  border: none;
  padding: 0;
  margin: 0;
  width: auto;
  white-space: nowrap;
}
.register__role .select__wrapper {
  box-shadow: none;
  border: 1px solid #D9DCE7;
}
.select__input {
  display: flex;
  align-items: center;
  padding: 0 34px 22px 24px;
}
.select__input._short {
  padding-bottom: 10px;
}
.select__input._sort {
  padding: 0 12px;
}
.select__icon {
  width: 42px;
  text-align: left;
  flex-shrink: 0;
}
.select__icon svg {
  width: 22px;
  height: 22px;
}
.select__data {
  flex-grow: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select__title {
  font-weight: 700;
  line-height: 140%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.select__title._short {
  display: none;
}
.select__title._sort {
  display: none;
}
.select__value {
  color: #848692;
  font-size: 14px;
  line-height: 140%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.select__value._sort {
  margin-right: 8px;
  color: #101113;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 0;
  letter-spacing: 1.2px;
}
.select__value._short {
  margin-top: 0;
}
.select__value._selected {
  color: #3446E8;
}
.select__arrow {
  line-height: 1;
}
.select__arrow svg {
  width: 10px;
  height: 10px;
}
.select__reset {
  line-height: 1;
  margin-right: 3px;
  cursor: pointer;
  padding: 4px 7px;
}
.select__reset svg {
  width: 8px;
  height: 10px;
  fill: #808080;
}
.select__searchLoc {
  padding: 0 7px;
  margin-left: 1px;
}
.select__searchLoc svg {
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.select__searchIn {
  padding: 0 0;
}
.select__searchIn svg {
  width: 12px;
  height: 12px;
}
.select__titleLoc {
  margin-left: 7px;
}
.select__search {
  border: none;
  outline: none;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 300;
  line-height: 140%;
  padding: 0;
}
.select__search._short {
  margin-top: 0;
}
.select__options {
  max-height: 440px;
  padding: 0 30px 24px 18px;
  z-index: 4;
}
@media screen and (min-width: 1139px) and (max-height: 750px) {
  .select__options {
    max-height: 200px;
  }
}
.select__options:before {
  content: "";
  display: block;
  height: 1px;
  background-color: #F0F0F8;
  margin-left: 20px;
}
.select__options._short {
  padding-left: 10px;
}
.select__options._short:before {
  margin-left: 0;
}
.select__options._sort {
  padding-left: 0;
  text-transform: uppercase;
  padding-top: 12px;
}
.select__options._sort:before {
  margin-left: 0;
}
.select__list {
  max-height: 295px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 1139px) and (max-height: 750px) {
  .select__list {
    max-height: 155px;
  }
}
.select__box {
  margin-top: 24px;
  margin-bottom: 20px;
  max-height: 295px;
}
@media screen and (min-width: 1139px) and (max-height: 750px) {
  .select__box {
    max-height: 155px;
  }
}
.select__box._sort {
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0 12px;
}
.select__item {
  font-size: 16px;
  line-height: 170%;
  color: #101113;
  margin-bottom: 12px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
}
.select__item._default {
  padding-left: 15px;
}
.select__item._child {
  padding-left: 52px;
  font-weight: 300;
  color: #848692;
}
.select__item-icon {
  width: 25px;
  height: 100%;
  display: inline-block;
  margin-right: 5px;
  flex-shrink: 0;
  font-size: 0;
  line-height: 0;
}
.select__option {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 140%;
  padding-right: 15px;
}
.select__option:before {
  content: "";
  opacity: 0;
  display: block;
  width: 6px;
  height: 6px;
  background: #3446E8;
  border-radius: 100%;
  margin-right: 12px;
}
.select__option._default {
  padding-left: 15px;
}
.select__option._short:before {
  display: none;
}
.select__option._sort {
  font-size: 11px;
}
.select__option._sort:before {
  display: none;
}
.select__option--selected {
  color: #3446E8;
}
.select__option--selected:before {
  opacity: 1;
}
.select__option:hover {
  color: #3446E8;
}
.select__option:hover:before {
  opacity: 0;
}
.select__option_multiple:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #F0F0F8;
  border-radius: 100%;
  opacity: 1;
  flex-shrink: 0;
}
.select__option_multiple:after {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  background: none;
  width: 9px;
  height: 4px;
  border: 1px solid #3446E8;
  border-width: 0 0 2px 2px;
  transform-origin: left top;
  transform: translateX(-50%) rotate(-45deg);
  opacity: 0;
}
.select__option_multiple._short {
  padding-left: 15px;
}
.select__option_multiple._short:after {
  left: 5px;
  top: 10px;
}
.select__option_multiple.select__option--selected:after {
  opacity: 1;
}
.select__tags-wrap {
  display: flex;
  flex-wrap: wrap;
}
.select__tag {
  margin-right: 4px;
  background: #3446e8;
  color: white;
  padding: 0px 10px;
  border-radius: 12px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 140%;
  display: flex;
  align-items: center;
}
.select__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
}
.select__tag-icon:after {
  content: "\D7";
  color: #ffffff;
  font-size: 14px;
}

.select__value {
  cursor: pointer;
}

.select--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  cursor: default;
  opacity: 0.7;
}
.select--disabled .select__value {
  cursor: default;
}

.popup {
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  height: 100%;
  overflow: auto;
  left: 0;
  top: 0;
  z-index: 9999999;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transform: translateZ(0) scale(1, 1);
}
.popup__wrapper {
  background-color: #fff;
  border-radius: 24px;
  padding: 0;
  min-width: 50vw;
  max-width: 95vw;
  max-height: 90vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 650px) {
  .popup__wrapper {
    max-width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.popup__wrapper._cookie {
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.18);
  border-radius: 20px;
  max-width: 570px;
  left: auto;
  top: auto;
  transform: none;
  bottom: 30px;
  right: 30px;
}
@media screen and (max-width: 760px) {
  .popup__wrapper._cookie {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 650px) {
  .popup__wrapper._cookie {
    max-width: 100%;
    height: auto;
    border-radius: 0;
  }
}
.popup__close {
  position: absolute;
  right: 19px;
  top: 14px;
  display: block;
  cursor: pointer;
  z-index: 2;
  width: 16px;
  height: 16px;
  color: #D9DCE7;
}
.popup__close svg {
  transition: transform 0.5s ease-in-out;
  margin-right: 0;
}
.popup__close:hover {
  color: #848692;
}
.popup__content {
  margin: 32px 48px;
}
@media screen and (max-width: 760px) {
  .popup__content {
    margin: 29px 20px;
  }
}
.popup__form {
  padding-top: 40px;
  text-align: right;
}
.popup__text p {
  margin: 0 0 10px;
  color: #848692;
  font-size: 14px;
}
.popup__buttons {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.popup__buttons._right {
  justify-content: flex-end;
}
.popup__buttons .button_empty {
  margin-left: 15px;
}
.popup__title {
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  padding-right: 40px;
}

.pagenav {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 680px) {
  .pagenav {
    justify-content: center;
  }
}
.pagenav__wrapper {
  display: flex;
  border: 1px solid #D9DCE7;
  border-width: 1px 0 0 1px;
}
@media screen and (max-width: 680px) {
  .pagenav__wrapper {
    display: none;
  }
  .pagenav__wrapper._articles {
    display: flex;
  }
}
.pagenav__wrapper._mobile {
  display: none;
}
@media screen and (max-width: 680px) {
  .pagenav__wrapper._mobile {
    display: flex;
  }
}

.pagenav__item {
  border: 1px solid #D9DCE7;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 0 1px 1px 0;
  cursor: pointer;
  font-size: 13px;
  color: #848692;
}
.pagenav__item._articles {
  width: 150px;
}
.pagenav__item._desktop {
  display: flex;
}
@media screen and (max-width: 680px) {
  .pagenav__item._desktop {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  .pagenav__item {
    width: 36px;
  }
  .pagenav__item._articles {
    width: 110px;
    font-size: 11px !important;
  }
}
.pagenav__item:hover {
  background-color: #F0F0F8;
  color: #3446E8;
}
.pagenav__item._active {
  background-color: #F0F0F8;
  color: #3446E8;
}
.pagenav__item._disabled {
  cursor: default;
}
.pagenav__item._disabled:hover {
  background-color: white;
  color: #D9DCE7;
}
.pagenav__item._dots {
  cursor: default;
}
.pagenav__item svg {
  width: 12px;
  height: 12px;
}

.reviews {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 52px;
}
.reviews__show {
  display: flex;
}
@media screen and (max-width: 920px) {
  .reviews__show {
    flex-direction: column;
  }
}

.reviews__sidebar {
  width: 300px;
  margin-right: 60px;
  flex-shrink: 0;
}

.reviews__content {
  flex-grow: 1;
}

.reviews__avg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #D9DCE7;
  padding-bottom: 16px;
  margin-bottom: 20px;
}

.reviews__number {
  font-family: "MuseoSansCyrl", serif;
  font-weight: 500;
}

.reviews-counter__item {
  display: flex;
  align-items: center;
}

.reviews-counter__name {
  width: 60px;
  flex-shrink: 0;
  font-family: "MuseoSansCyrl", serif;
  font-size: 14px;
  color: #848692;
}

.reviews-counter__line {
  flex-grow: 1;
  background-color: #D9DCE7;
  height: 6px;
  margin: 0 12px;
  border-radius: 3px;
  overflow: hidden;
}

.reviews-counter__filler {
  background-color: #FE9DA4;
  height: 100%;
  width: 0;
}

.reviews-counter__num {
  width: 23px;
  font-family: "MuseoSansCyrl", serif;
  font-size: 14px;
  color: #2B2C2F;
}

.reviews-counter {
  margin-bottom: 32px;
}

.reviews-form__row {
  display: flex;
  justify-content: space-between;
}
.reviews-form__row._rating {
  align-items: center;
  margin: 8px 0 16px;
}
.reviews-form__row .stars-list__star {
  width: 42px;
  height: 42px;
  margin: 0 25px;
}
@media screen and (max-width: 420px) {
  .reviews-form__row .stars-list__star {
    margin: 0 12px;
  }
}

.reviews-form__col {
  width: calc((100% - 50px) / 2);
}

.reviews-form__name {
  font-family: "MuseoSansCyrl", serif;
  font-size: 14px;
  color: #848692;
  margin-bottom: 8px;
}
.reviews-form__name._rating {
  margin-bottom: 0;
}

.reviews-form__footer {
  margin-top: 40px;
  display: flex;
  align-items: flex-end;
}

.reviews-form__checkbox {
  margin-right: 100px;
}

.reviews-form {
  padding-bottom: 32px;
  margin-bottom: 32px;
}

.reviews-list__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  line-height: 140%;
  font-weight: 700;
  padding-bottom: 12px;
}

@media screen and (max-width: 1210px) {
  .reviews-list__controls {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 520px) {
  .reviews-list__controls {
    align-items: center;
  }
}
.reviews-list-sort {
  display: flex;
  align-items: center;
  max-width: 260px;
  width: 100%;
}

.reviews-list-sort__name {
  color: #848692;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

.reviews-list-sort__value {
  flex-shrink: 0;
  flex-grow: 1;
}

.reviews-list-search {
  display: flex;
  align-items: center;
  min-width: 150px;
  border-radius: 20px;
  padding: 8px 20px;
  border: 1px solid transparent;
  transition: min-width ease 0.5s;
}

@media screen and (max-width: 1210px) {
  .reviews-list-search {
    position: absolute;
    bottom: 11px;
    right: 5px;
  }
}
@media screen and (max-width: 520px) {
  .reviews-list-search {
    position: relative;
    order: -1;
    bottom: auto;
    right: auto;
    margin-bottom: 15px;
  }
}
.reviews-list-search:hover {
  min-width: 300px;
  border: 1px solid #F0F0F8;
}

.reviews-list-search._focused {
  min-width: 300px;
  border: 1px solid #F0F0F8;
}

.reviews-list-search__input {
  border: none;
  outline: none;
  font-size: 11px;
  text-transform: uppercase;
  min-width: 150px;
  flex-grow: 1;
  margin-right: 12px;
  letter-spacing: 1.5px;
}

.reviews-list-search__icon {
  width: 16px;
  height: 16px;
  color: #2B2C2F;
  cursor: pointer;
}

.reviews-list-onpage {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1210px) {
  .reviews-list-onpage {
    margin-top: 15px;
  }
}
.reviews-list-onpage__name {
  text-transform: uppercase;
  color: #848692;
  margin-right: 12px;
  letter-spacing: 1.2px;
}

.reviews-list-onpage__value span {
  color: #3446E8;
  margin-right: 16px;
  cursor: pointer;
}

.reviews-list-onpage__value span:last-child {
  margin-right: 0;
}

.reviews-list-onpage__value span._active {
  color: #101113;
  cursor: default;
}

.reviews-item__top {
  display: flex;
  margin-bottom: 12px;
  margin-top: 32px;
}

.reviews-item__name {
  font-weight: 600;
  margin-right: 15px;
}

.reviews-item__nameCart {
  margin-right: 24px;
}

.reviews-item__date {
  font-size: 14px;
  color: #848692;
  margin-left: auto;
  margin-right: 33px;
}

.reviews-item__rating .stars-list__icon {
  width: 16px;
  height: 16px;
}

.reviews-item__content {
  color: #2B2C2F;
}

.reviews-item {
  border-top: 1px solid #D9DCE7;
  font-family: "MuseoSansCyrl", serif;
  margin-bottom: 32px;
}

.reviews-form__value {
  font-family: "MuseoSansCyrl", serif;
}

.reviews-form-textarea__value {
  font-family: "MuseoSansCyrl", serif;
  height: 50vh;
}

.reviews-server-message {
  margin: 24px 0;
  font-family: "MuseoSansCyrl", serif;
  font-weight: bold;
}

@media screen and (max-width: 1240px) {
  .reviews-form__footer {
    flex-direction: column;
  }

  .reviews-form__checkbox {
    margin-right: 0;
    margin-bottom: 32px;
  }

  .reviews-form__col {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (max-width: 920px) {
  .reviews {
    flex-direction: column;
  }

  .reviews__sidebar {
    width: 100%;
    margin-bottom: 32px;
  }
}
.reviews-item__rating {
  align-items: center;
  display: flex;
}

@media screen and (max-width: 520px) {
  .reviews-form__col {
    width: 100%;
  }

  .reviews-form__row {
    flex-direction: column;
  }

  .reviews-item__top {
    flex-wrap: wrap;
  }

  .reviews-item__name {
    width: 100%;
  }

  .reviews-item__date {
    margin-right: auto;
  }
}
.reviews-item._hidden {
  display: none;
}

.pagenav._hidden {
  display: none;
}

.review-list__show {
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #3446E8;
  border: 1px solid #D9DCE7;
  box-sizing: border-box;
  border-radius: 0px 0px 103px 98px;
  padding: 19px;
  background-color: #F0F0F8;
}
@media screen and (max-width: 520px) {
  .review-list__show {
    padding: 8px;
  }
}

.review-list__show i {
  color: black;
  text-transform: none;
  letter-spacing: normal;
  padding-left: 10px;
  font-style: normal;
}
.review-list__show i:hover {
  color: #FE9DA4;
}

.image-slider {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.image-slider__desktop {
  display: none;
}
@media screen and (min-width: 1601px) {
  .image-slider__desktop {
    display: block;
  }
}
.image-slider__notebook {
  display: none;
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
  .image-slider__notebook {
    display: block;
  }
}
.image-slider__tablet {
  display: none;
}
@media screen and (min-width: 621px) and (max-width: 1024px) {
  .image-slider__tablet {
    display: block;
  }
}
.image-slider__mobile {
  display: none;
}
@media screen and (max-width: 620px) {
  .image-slider__mobile {
    display: block;
  }
}
.image-slider._catalog-top {
  margin-bottom: 40px;
}

.background-slider__slide {
  max-width: 1920px;
  margin: 0 auto;
  text-align: left;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  min-height: 720px;
}
@media screen and (max-width: 1200px) {
  .background-slider__slide {
    padding-top: 0;
    min-height: 580px;
  }
}
@media screen and (max-width: 1024px) {
  .background-slider__slide {
    height: auto;
    display: block;
    padding: 176px 0 250px 0;
    min-height: auto;
  }
}
@media screen and (max-width: 520px) {
  .background-slider__slide {
    padding: 170px 0 200px 0;
  }
}

.background-content-slider__slide {
  max-width: 1920px;
  margin: 0 auto;
  text-align: left;
  padding: 20px 0;
}

.background-content-slider {
  background-position: center;
  background-size: cover;
}

.sticky-banner {
  position: -webkit-sticky;
  position: sticky;
  top: 160px;
  padding-bottom: 20px;
}

.background-content-slider, .background-slider {
  text-align: left;
  font-size: 16px;
  line-height: 1;
}

.swiper-pagination-bullet {
  width: 35px;
  height: 5px;
  background: #3446E8;
  box-shadow: inset -2px -4px 4px rgba(0, 0, 0, 0.25);
  border: none;
  opacity: 1;
  border-radius: 0;
}
.swiper-pagination-bullet:first-child {
  margin-left: 0 !important;
}

.swiper-pagination-bullet-active {
  background: #FE9DA4;
  box-shadow: inset -2px -4px 4px rgba(0, 0, 0, 0.25);
}

.reviews-card {
  padding-left: 24px;
  padding-right: 24px;
}

.related {
  background-color: #F0F0F8;
  border-radius: 20px;
  padding: 24px 24px 40px;
}
.related._detail {
  padding-top: 60px;
}
.related__title {
  z-index: 1;
}
.related__dots {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 0;
}
.related__list {
  display: flex;
  flex-wrap: wrap;
}
.related__item {
  background: #FFFFFF;
  border: 1px solid #D9DCE7;
  box-sizing: border-box;
  box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 11px 17px;
  margin-bottom: 12px;
  margin-right: 24px;
  flex-grow: 1;
}
.related__item:hover {
  box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 520px) {
  .related__item {
    margin-right: 0;
    width: 100%;
  }
}
.related__link {
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  justify-content: center;
}

/*
.related__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.related__item {
    margin-right: 5px;
    display: block;
    background-color: #006bff;
    color: white;

    line-height: 1;
    margin-bottom: 5px;
    font-size: 0;

    &:before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        bottom: 0;
        width: 15px;
        height: 101%;
        margin-left:-1px;
        background: white;
        -webkit-clip-path: polygon( 0% 100%, 0% 0%, 100% 50%);
        clip-path: polygon( 0% 100%, 0% 0%, 100% 50%);
    }

    &:after {
        content: '';
        position: absolute;
        display: block;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 15px;
        margin-top:-0px;
        height: 100%;
        background: #006bff;
        -webkit-clip-path: polygon(  0% 100%, 0% 0%, 100% 50%);
        clip-path: polygon(  0% 100%, 0% 0%, 100% 50%);
        z-index: 1;

    }

    &:hover {
        color: white;
        background-color: lighten(#006bff, 20);

        &:after {
            background-color: lighten(#006bff, 20);
        }
    }
}

.related__link {
    font-size: 16px;
    padding: 5px 16px 5px 25px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;

    &:after {
        content: "";
        background-color: #006bff;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 100%;
        top: 0;
    }
}
*/
.related-catalog {
  background-color: #F0F0F8;
  padding: 12px 24px 24px 24px;
}
.related-catalog ._cursor {
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.related-catalog ._close {
  color: grey;
  font-size: 15px;
  margin-left: 40px;
}
.related-catalog._first {
  padding-top: 40px;
  border-radius: 24px 24px 0 0;
}
.related-catalog._last {
  padding-bottom: 40px;
  border-radius: 0 0 24px 24px;
}
.related-catalog__title {
  z-index: 1;
}
.related-catalog__dots {
  position: absolute;
  right: 48px;
  top: 0;
  z-index: 10;
}
.related-catalog__list {
  display: flex;
  flex-wrap: wrap;
}
.related-catalog__item {
  background: #FFFFFF;
  border: 1px solid #D9DCE7;
  box-sizing: border-box;
  box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 11px 17px;
  margin-bottom: 12px;
  margin-right: 24px;
  flex-grow: 1;
}
.related-catalog__item:hover {
  box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 520px) {
  .related-catalog__item {
    margin-right: 0;
    width: 100%;
  }
}
.related-catalog__link {
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  justify-content: center;
}
.related-catalog ._content {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

/*
.related__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.related__item {
    margin-right: 5px;
    display: block;
    background-color: #006bff;
    color: white;

    line-height: 1;
    margin-bottom: 5px;
    font-size: 0;

    &:before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        bottom: 0;
        width: 15px;
        height: 101%;
        margin-left:-1px;
        background: white;
        -webkit-clip-path: polygon( 0% 100%, 0% 0%, 100% 50%);
        clip-path: polygon( 0% 100%, 0% 0%, 100% 50%);
    }

    &:after {
        content: '';
        position: absolute;
        display: block;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 15px;
        margin-top:-0px;
        height: 100%;
        background: #006bff;
        -webkit-clip-path: polygon(  0% 100%, 0% 0%, 100% 50%);
        clip-path: polygon(  0% 100%, 0% 0%, 100% 50%);
        z-index: 1;

    }

    &:hover {
        color: white;
        background-color: lighten(#006bff, 20);

        &:after {
            background-color: lighten(#006bff, 20);
        }
    }
}

.related__link {
    font-size: 16px;
    padding: 5px 16px 5px 25px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;

    &:after {
        content: "";
        background-color: #006bff;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 100%;
        top: 0;
    }
}
*/
.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #F0F0F8;
  width: 100%;
  padding: 12px 0;
  z-index: 200;
}
@media screen and (max-width: 1080px) {
  .cookie {
    font-size: 12px;
    padding: 5px 0;
    line-height: 160%;
  }
}
.cookie__center {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
}
.cookie__text {
  color: #848692;
}
.cookie__link {
  text-decoration: underline;
  color: #3446E8;
}
.cookie__link:hover {
  color: #9099f2;
}
.cookie__close {
  cursor: pointer;
  width: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #D9DCE7;
  margin-left: 15px;
}
.cookie__close:hover {
  color: #9aa2c0;
}
.cookie__close .icon {
  width: 14px;
  height: 14px;
}

.catalog-detail-menu {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #F0F0F8;
  padding: 32px 32px 12px;
  border-radius: 20px;
  margin-bottom: 20px;
  margin-top: 32px;
}
@media screen and (max-width: 420px) {
  .catalog-detail-menu {
    padding: 20px 20px 12px;
  }
}
.catalog-detail-menu__icon {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
}
.catalog-detail-menu__wrapper {
  max-width: 1102px;
  margin: 0 auto;
}
.catalog-detail-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 1240px) {
  .catalog-detail-menu ul {
    justify-content: space-around;
  }
}
.catalog-detail-menu li {
  background-color: white;
  text-align: center;
  border-radius: 20px;
  box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.08);
  padding: 0;
  margin-bottom: 20px;
  width: 205px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
}
@media screen and (max-width: 1240px) {
  .catalog-detail-menu li {
    width: 49%;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width: 680px) {
  .catalog-detail-menu li {
    width: 80%;
  }
}
.catalog-detail-menu li:hover {
  box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.08);
}
.catalog-detail-menu li:nth-child(4n+1) {
  margin-left: 0;
}
.catalog-detail-menu a {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  text-transform: uppercase;
  padding: 12px 16px;
}
.catalog-detail-menu a i {
  font-style: normal;
  color: #FE9DA4;
}

.catalog-detail-custom {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #FE9DA4;
  padding: 32px;
  border-radius: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 680px) {
  .catalog-detail-custom {
    padding: 24px;
  }
}
.catalog-detail-custom__icon {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
}
.catalog-detail-custom__content {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 20px;
  padding: 16px 29px;
  flex-wrap: wrap;
}
.catalog-detail-custom__logo {
  flex-shrink: 0;
}
.catalog-detail-custom__center {
  margin: 15px;
  font-size: 20px;
  line-height: 110%;
  font-weight: 400;
  flex-shrink: 0;
}
@media screen and (max-width: 1080px) {
  .catalog-detail-custom__center {
    flex-basis: 100%;
    margin-top: 15px;
    text-align: center;
  }
}
@media screen and (max-width: 680px) {
  .catalog-detail-custom__center {
    font-size: 24px;
  }
}
.catalog-detail-custom__center a {
  color: #3446E8;
}
.catalog-detail-custom__last {
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1320px) {
  .catalog-detail-custom__last {
    flex-basis: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 1080px) {
  .catalog-detail-custom__last {
    margin-top: 24px;
  }
}
.catalog-detail-custom__button {
  flex-shrink: 0;
  padding: 15px 57px;
}
@media screen and (max-width: 480px) {
  .catalog-detail-custom__button {
    padding: 15px 35px;
  }
}

.catalog-detail-navi {
  background-color: #F0F0F8;
  padding: 16px 16px 1px;
  border-radius: 20px;
  margin-top: 20px;
}
.catalog-detail-navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.catalog-detail-navi li {
  background-color: white;
  border-radius: 20px;
  box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
  padding: 0;
}
.catalog-detail-navi li:hover {
  box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.08);
}
.catalog-detail-navi li:nth-child(4n+1) {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .catalog-detail-navi {
    margin-top: 20px;
  }
}
.catalog-detail-navi__item {
  display: flex;
  font-weight: 600;
  align-items: center;
  padding: 7px 5px 7px 25px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 1px;
  color: #101113;
}
.catalog-detail-navi__item h2 {
  margin: 0;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .catalog-detail-navi__item {
    padding: 5px 5px 5px 5px;
  }
  .catalog-detail-navi__item h2 {
    text-align: center;
    width: 100%;
  }
  .catalog-detail-navi__item span {
    text-align: center;
    width: 100%;
  }
}

._span {
  margin: 0;
  font-size: 16px;
}

.login__title {
  font-size: 28px;
  line-height: 110%;
  font-weight: 500;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.login__tools {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 380px) {
  .login__tools {
    flex-direction: column;
    align-items: center;
  }
}
.login__reset {
  color: #848692;
  font-weight: 700;
  font-size: 14px;
}
@media screen and (max-width: 380px) {
  .login__reset {
    text-align: center;
    margin-top: 15px;
  }
}
.login__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login__login {
  font-size: 13px;
}
.login__register {
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0.15em;
  color: #848692;
  margin-top: 24px;
  text-transform: uppercase;
}
.login-page {
  max-width: 600px;
  margin: 80px auto;
  padding: 0 15px;
}

.reset-page__col {
  max-width: 600px;
  width: 100%;
}
.reset-page__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 520px) {
  .reset-page__box {
    flex-direction: column;
  }
}
.reset-page__input {
  flex-grow: 1;
  margin-right: 24px;
  margin-bottom: 0;
}
@media screen and (max-width: 520px) {
  .reset-page__input {
    margin-bottom: 12px;
    margin-right: 0;
  }
}

.index-about {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  color: white;
  font-size: 16px;
  line-height: 170%;
}
.index-about-title {
  font-weight: 900;
  font-size: 64px;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 520px) {
  .index-about-title {
    font-size: 40px;
  }
}
.index-about-title__wrapper {
  display: inline-block;
}
.index-about-title__blue {
  font-weight: 300;
  color: #3446E8;
}
.index-about-title__icon {
  position: absolute;
  top: -14px;
  right: -24px;
  width: 32px;
  height: 32px;
  display: flex;
}
.index-about__subtitle {
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
}
@media screen and (max-width: 520px) {
  .index-about__subtitle {
    font-size: 20px;
    margin-top: 10px;
  }
}
.index-about__content {
  margin-top: 24px;
  text-align: justify;
  max-width: 680px;
}
.index-about__content sup {
  font-size: 8px;
  font-weight: 700;
}
.index-about__regard {
  font-weight: 300;
  margin-top: 15px;
}

.index-filter {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 100px;
}
.index-filter._marketplace {
  margin-top: 100px;
  margin-bottom: 0;
}
.index-filter__wrapper {
  background-color: #F0F0F8;
  border-radius: 20px;
  padding: 24px 16px 18px;
}
.index-filter__header {
  width: 100%;
}
.index-filter__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .index-filter__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.index-filter__subtitle {
  font-weight: 700;
  line-height: 140%;
  margin-left: 64px;
}
@media screen and (max-width: 580px) {
  .index-filter__subtitle {
    margin-left: 0;
    margin-top: 20px;
  }
}
.index-filter__title {
  margin-left: 25px;
}
.index-filter__title._marketplace {
  margin-left: 0;
  margin-bottom: 68px;
}
.index-filter__dots {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 24px;
}
.index-filter__filters {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.index-filter__filters._marketplace {
  margin-top: 48px;
}
@media screen and (max-width: 760px) {
  .index-filter__filters {
    flex-direction: column;
  }
}
.index-filter__item {
  flex-grow: 1;
  margin-bottom: 10px;
  margin-right: 10px;
  flex-basis: 30%;
}
@media screen and (max-width: 760px) {
  .index-filter__item {
    margin-right: 0;
  }
}
.index-filter__item:last-child {
  margin-right: 0;
}
.index-filter__item:nth-child(2n+2) {
  margin-right: 0;
}
.index-filter__item_long {
  flex-basis: 40%;
}
.index-filter__footer {
  margin-top: 14px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 760px) {
  .index-filter__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.index-filter__hint {
  margin-left: 48px;
  color: #848692;
  font-size: 14px;
  line-height: 160%;
}
@media screen and (max-width: 760px) {
  .index-filter__hint {
    margin-left: 0;
    margin-top: 24px;
  }
}
.index-filter__button {
  padding: 21px 56px;
}
.index-filter__fio {
  flex-basis: 100%;
}
.index-filter__input {
  background-color: white;
  color: #3446E8;
}
.index-filter__value {
  color: #3446E8;
}

.header + .index-partner {
  margin-bottom: -60px;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 520px) {
  .header + .index-partner {
    margin-bottom: -40px;
  }
}
.index-partner__wrapper {
  max-width: 1456px;
  width: 100%;
  margin: 0 auto;
  border: 23px solid white;
  border-radius: 35px;
  padding: 0;
  overflow: hidden;
}

.index-question {
  max-width: 100%;
  overflow: hidden;
  min-height: 350px;
}
.index-question__arrows {
  display: flex;
  margin-left: 30px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .index-question__arrows {
    align-self: flex-end;
    margin-top: 20px;
  }
}
.index-question__arrow {
  width: 48px;
  height: 48px;
  border: 1px solid #F0F0F8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.index-question__arrow:first-child {
  border-right: 0;
  border-radius: 10px 0 0 10px;
}
.index-question__arrow:last-child {
  border-radius: 0 10px 10px 0;
}
.index-question__arrow svg {
  width: 12px;
  height: 12px;
}
.index-question__slider {
  margin: 0;
  padding-bottom: 25px;
}
.index-question__slider:before {
  content: "";
  display: block;
  width: 255px;
  height: 100%;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  transform: matrix(-1, 0, 0, -1, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .index-question__slider:before {
    display: none;
  }
}
.index-question__slider:after {
  content: "";
  display: block;
  width: 255px;
  height: 100%;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .index-question__slider:after {
    display: none;
  }
}
.index-question__wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  top: 25px;
  left: 0;
  height: auto;
  transition-timing-function: linear !important;
}
@media screen and (max-width: 768px) {
  .index-question__wrapper {
    align-items: stretch;
  }
}
@media screen and (max-width: 540px) {
  .index-question__wrapper {
    align-items: center;
  }
}
.index-question__filter {
  display: flex;
  justify-content: space-around;
  z-index: 2;
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 740px) {
  .index-question__filter {
    flex-direction: column;
    margin: 0 20px 0 0;
  }
}
.index-question__block {
  flex-grow: 1;
}
@media screen and (max-width: 740px) {
  .index-question__block {
    max-width: 100%;
  }
}

.index-search {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.index-search__wrapper {
  background-color: #F0F0F8;
  border-radius: 20px;
  margin-top: 100px;
  padding: 24px 16px 16px;
}
.index-search__icon {
  position: absolute;
  top: 24px;
  right: 16px;
}
.index-search__fields {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-search .select {
  width: 43%;
}
.index-search__button {
  padding: 21px 56px;
}

.index-product {
  padding: 100px 0;
  background-color: #F0F0F8;
}
.index-product._innovation {
  margin-top: 0;
}
.index-product__content {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.index-product__title {
  margin-bottom: 68px;
}
.index-product__list {
  display: flex;
  justify-content: space-between;
  counter-reset: item;
}
@media screen and (max-width: 860px) {
  .index-product__list {
    flex-direction: column;
  }
}
.index-product__item {
  flex-grow: 1;
  border-radius: 20px;
  background-color: #fff;
  margin-right: 30px;
  overflow: hidden;
  width: 50%;
}
@media screen and (max-width: 860px) {
  .index-product__item {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
.index-product__item:last-child {
  margin-right: 0;
}
.index-product__item:before {
  position: absolute;
  top: 48px;
  left: 48px;
  color: #C4E3F4;
  font-size: 60px;
  font-weight: 300;
  line-height: 100%;
  counter-increment: item;
  content: counter(item, decimal-leading-zero);
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .index-product__item:before {
    top: 18px;
    left: 20px;
    font-size: 50px;
  }
}
.index-product__item._page {
  border: 1px solid #F0F0F8;
}
.index-product__image {
  text-align: right;
  line-height: 0;
}
.index-product__bottom {
  position: absolute;
  bottom: 32px;
  left: 48px;
}
@media screen and (max-width: 480px) {
  .index-product__bottom {
    left: 20px;
  }
}
.index-product__name {
  font-weight: 500;
  font-size: 26px;
  line-height: 140%;
  padding-right: 20px;
}
@media screen and (max-width: 480px) {
  .index-product__name {
    font-size: 18px;
  }
}
.index-product__arrow {
  width: 20px;
  height: 20px;
  color: #3446E8;
}
.index-product__desc {
  color: #848692;
}

.index-smile {
  background: url("/img/smile-bg.jpg");
  background-size: cover;
  height: 300px;
  width: 100%;
  overflow: hidden;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .index-smile {
    height: auto;
  }
}
.index-smile:before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(279.1deg, rgba(43, 44, 47, 0.6) 0%, rgba(52, 70, 232, 0) 98.19%);
  position: absolute;
  right: 0;
  top: 0;
}
.index-smile__content {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  padding: 67px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .index-smile__content {
    flex-wrap: wrap;
    padding: 30px;
    justify-content: center;
  }
}
@media screen and (max-width: 620px) {
  .index-smile__content {
    flex-direction: column;
  }
}
.index-smile__text {
  color: #fff;
  font-weight: 900;
  font-size: 36px;
  line-height: 110%;
  max-width: 526px;
  margin-left: 19px;
}
@media screen and (max-width: 1210px) {
  .index-smile__text {
    font-size: 30px;
    max-width: 345px;
  }
}
@media screen and (max-width: 960px) {
  .index-smile__text {
    max-width: 100%;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 620px) {
  .index-smile__text {
    margin-left: 0;
  }
}
.index-smile__text span {
  color: #FE9DA4;
}
.index-smile__counter {
  font-size: 26px;
  font-weight: 500;
  line-height: 140%;
  color: #fff;
  flex-grow: 1;
  max-width: 544px;
}
@media screen and (max-width: 1390px) {
  .index-smile__counter {
    max-width: 430px;
  }
}
@media screen and (max-width: 1060px) {
  .index-smile__counter {
    flex-grow: 0;
    margin-right: 20px;
  }
}
@media screen and (max-width: 960px) {
  .index-smile__counter {
    width: auto;
    flex-grow: 0;
    margin-right: 20px;
    margin-left: 60px;
  }
}
@media screen and (max-width: 620px) {
  .index-smile__counter {
    margin-top: 25px;
    text-align: center;
    margin-left: 0;
  }
}
.index-smile__counter span {
  display: block;
  font-size: 68px;
  line-height: 100%;
  font-weight: 300;
  color: #FE9DA4;
}
.index-smile__smile {
  cursor: pointer;
}
.index-smile__box {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  display: flex;
  align-items: center;
  line-height: 0;
  font-size: 0;
}
.index-smile__vertical {
  font-weight: 600;
  font-size: 74px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #3d4da0;
  transform-origin: center;
  transform: translateX(30%) rotate(-90deg);
  height: 0;
  width: 0;
  white-space: nowrap;
  position: absolute;
  bottom: 14px;
  left: -1rem;
}
@media screen and (max-width: 960px) {
  .index-smile__vertical {
    display: none;
  }
}

.register-page {
  max-width: 773px;
  margin: 80px auto;
  padding: 0 20px;
}
.register-page__title {
  text-align: center;
  margin-bottom: 32px;
}
.register__fields {
  display: flex;
  align-items: flex-start;
  margin: 48px 0;
}
@media screen and (max-width: 720px) {
  .register__fields {
    flex-direction: column;
  }
}
.register__col {
  flex-basis: 50%;
  max-width: 50%;
}
@media screen and (max-width: 720px) {
  .register__col {
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
    width: 100%;
  }
}
.register__col_left {
  padding-right: 48px;
  border-right: 1px solid #F0F0F8;
}
@media screen and (max-width: 720px) {
  .register__col_left {
    padding-right: 0;
    border: none;
  }
}
.register__col_right {
  padding-left: 48px;
}
@media screen and (max-width: 720px) {
  .register__col_right {
    padding-left: 0;
  }
}
.register__col_fleft {
  padding-right: 14px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 420px) {
  .register__col_fleft {
    justify-content: center;
    padding: 0;
  }
}
.register__col_fright {
  padding-left: 14px;
}
@media screen and (max-width: 420px) {
  .register__col_fright {
    text-align: center;
    padding: 0;
    margin-top: 20px;
  }
}
.register__col_variant {
  text-align: center;
}
@media screen and (max-width: 420px) {
  .register__col_variant:first-child {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
.register-mode {
  margin-bottom: 64px;
  border-bottom: 1px solid #D9DCE7;
}
@media screen and (max-width: 420px) {
  .register-mode {
    border: none;
  }
}
.register-mode__wrapper {
  display: flex;
  justify-content: space-around;
  margin: -5px auto -2px;
}
@media screen and (max-width: 420px) {
  .register-mode__wrapper {
    flex-direction: column;
  }
}
.register-mode__value {
  display: none;
}
.register-mode__name {
  text-transform: uppercase;
  color: #848692;
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.15em;
  cursor: pointer;
  display: inline-block;
}
@media screen and (max-width: 520px) {
  .register-mode__name {
    font-size: 10px;
  }
}
:checked + .register-mode__name {
  color: #3446E8;
}
:checked + .register-mode__name:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background-color: #3446E8;
  margin-top: 4px;
}
.register-mode__hint {
  position: absolute;
  bottom: -25px;
  font-size: 14px;
  color: gray;
  width: 100%;
  text-align: center;
  left: 20px;
}
@media screen and (max-width: 720px) {
  .register-mode__hint {
    left: 0;
  }
}
@media screen and (max-width: 520px) {
  .register-mode__hint {
    font-size: 12px;
  }
}
.register-face {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.register-face__variant:first-child {
  margin-right: 32px;
}
@media screen and (max-width: 420px) {
  .register-face__variant:first-child {
    margin-right: 10px;
  }
}
.register-face__value {
  display: none;
}
.register-face__name {
  text-transform: uppercase;
  color: #848692;
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.15em;
  cursor: pointer;
}
@media screen and (max-width: 420px) {
  .register-face__name {
    font-size: 10px;
  }
}
:checked + .register-face__name {
  color: #3446E8;
}
:checked + .register-face__name:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background-color: #3446E8;
  margin-top: 10px;
}
.register__footer {
  display: flex;
  align-items: center;
  margin-top: 48px;
}
@media screen and (max-width: 420px) {
  .register__footer {
    flex-direction: column;
    justify-content: center;
  }
}
.register__login {
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #848692;
}

.cabinet-page {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  padding-top: 20px;
  /* width */
  /* то что снаружи ползунка */
  /* сам ползунок */
}
.cabinet-page__wrapper {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .cabinet-page__wrapper {
    flex-direction: column;
  }
}
.cabinet-page__aside {
  width: 315px;
  flex-shrink: 0;
  padding-right: 15px;
  border-right: 1px solid #D9DCE7;
  margin-right: 15px;
}
@media screen and (max-width: 1024px) {
  .cabinet-page__aside {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 30px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 620px) {
  .cabinet-page__aside {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.cabinet-page__content {
  flex-grow: 1;
  width: 100%;
}
.cabinet-page__message {
  background-color: #F0F0F8;
  color: #3446E8;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 34px;
}
.cabinet-page__message__danger {
  color: red;
}
.cabinet-page__message__loading {
  color: green;
  background-color: lightgreen;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 34px;
}
.cabinet-page__upload {
  position: absolute;
  right: 18px;
  bottom: 18px;
  cursor: pointer;
}
.cabinet-page__upload:before {
  content: "";
  display: block;
  width: 146px;
  height: 146px;
  border-radius: 100%;
  background-color: white;
  position: absolute;
  top: -47px;
  left: -40px;
}
.cabinet-page__menu {
  list-style-type: none;
  margin: 32px 0 0;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .cabinet-page__menu {
    margin: 0 24px 0 0;
    flex-grow: 1;
  }
}
@media screen and (max-width: 620px) {
  .cabinet-page__menu {
    margin-bottom: 24px;
  }
}
.cabinet-page__item {
  display: flex;
  align-items: center;
  padding: 20px 21px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 1px;
  color: #101113;
}
.cabinet-page__item:hover, .cabinet-page__item._active {
  background-color: #C4E3F4;
  color: #3446E8;
}
.cabinet-page__link {
  flex-grow: 1;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 140%;
  font-weight: 700;
}
.cabinet-page__icon {
  width: 16px;
  height: 16px;
  margin-right: 15px;
  flex-shrink: 0;
  line-height: 0;
}
.cabinet-page__notice {
  background: #FE9DA4;
  border-radius: 100%;
  color: white;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 10px;
  cursor: pointer;
}
.cabinet-page__notice:hover + .cabinet-page__info {
  display: block;
}
.cabinet-page__info {
  display: none;
  position: absolute;
  top: calc(100% + 15px);
  right: 10px;
  font-size: 12px;
  color: white;
  padding: 4px 17px;
  border-radius: 24px;
  background-color: #FE9DA4;
  line-height: 140%;
  z-index: 2;
}
.cabinet-page__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cabinet-page__title-edit {
  width: 18px;
  height: 18px;
  margin-left: 16px;
  cursor: pointer;
}
.cabinet-page__title-edit:hover {
  color: #3446E8;
}
.cabinet-page__username {
  border: 1px solid #D9DCE7;
  border-width: 0 0 1px 0;
  width: 100%;
  outline: none;
}
.cabinet-page__save-name {
  width: 26px;
  height: 29px;
  margin-left: 15px;
  cursor: pointer;
}
.cabinet-page__save-name:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: none;
  width: 16px;
  height: 8px;
  border: 1px solid #848692;
  border-width: 0 0 2px 2px;
  transform-origin: left top;
  transform: translateX(-50%) rotate(-45deg);
}
.cabinet-page__type {
  margin-bottom: 48px;
}
.cabinet-page__type .select__wrapper {
  box-shadow: none;
  border: 1px solid #D9DCE7;
}
.cabinet-page__role {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  margin-top: 12px;
  margin-bottom: 24px;
  color: #848692;
}
.cabinet-page__name {
  font-size: 14px;
  font-weight: 300;
  color: #848692;
  margin-bottom: 8px;
}
.cabinet-page__value {
  color: #2B2C2F;
}
.cabinet-page__row {
  display: flex;
  margin-bottom: 32px;
}
@media screen and (max-width: 620px) {
  .cabinet-page__row {
    flex-direction: column;
  }
}
.cabinet-page__col {
  flex-basis: 50%;
}
@media screen and (max-width: 620px) {
  .cabinet-page__col {
    flex-basis: 100%;
  }
}
.cabinet-page__col:first-child {
  padding-right: 25px;
}
@media screen and (max-width: 620px) {
  .cabinet-page__col:first-child {
    padding-right: 0;
  }
}
.cabinet-page__col:last-child {
  padding-left: 25px;
}
@media screen and (max-width: 620px) {
  .cabinet-page__col:last-child {
    padding-left: 0;
  }
}
.cabinet-page__col._full {
  flex-basis: 100%;
  padding-right: 0;
  padding-left: 0;
}
.cabinet-page__props {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 620px) {
  .cabinet-page__props {
    flex-direction: column;
  }
}
.cabinet-page__prop {
  width: 48%;
  margin-bottom: 32px;
}
@media screen and (max-width: 620px) {
  .cabinet-page__prop {
    width: 100%;
  }
}
.cabinet-page__specialization .select__wrapper {
  box-shadow: none;
  border: 1px solid #D9DCE7;
  border-radius: 24px;
}
.cabinet-page__separator {
  margin: 48px 0;
  border-top: 1px solid #D9DCE7;
}
.cabinet-page-input__input {
  margin-bottom: 0;
}
.cabinet-page-input__value {
  margin: 3px 0 0;
}
.cabinet-page__about {
  margin-top: 48px;
  margin-bottom: 24px;
}
.cabinet-page__desc {
  height: 210px;
  resize: none;
}
.cabinet-page__footer {
  margin-bottom: 100px;
}
.cabinet-page-question {
  margin: 20px 0;
}
.cabinet-page-question__header {
  display: flex;
  background: #3446e8;
  color: white;
  padding: 8px 15px;
}
.cabinet-page-question__contacts {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 15px;
}
.cabinet-page-question__item {
  border: 1px solid #efeeee;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 15px;
}
.cabinet-page-question__date {
  margin-right: 25px;
}
.cabinet-page-question__receiver {
  margin-right: 25px;
}
.cabinet-page-question__prop {
  width: 33%;
}
@media screen and (max-width: 1140px) {
  .cabinet-page-question__prop {
    width: 50%;
  }
}
@media screen and (max-width: 760px) {
  .cabinet-page-question__prop {
    width: 100%;
  }
}
.cabinet-page-question__message {
  padding: 15px;
  border-top: 1px solid #efeeee;
}
.cabinet-page-question__list {
  margin-bottom: 45px;
}
.cabinet-page__certs {
  margin: 48px 0 0;
}
.cabinet-page_certs-wrapper {
  background: #FFFFFF;
  border: 1px solid #D9DCE7;
  border-radius: 20px;
  padding: 27px 0;
  width: 100%;
}
.cabinet-page_certs-container {
  display: flex;
  flex-direction: column;
}
.cabinet-page_certs-item {
  border: 1px solid #D9DCE7;
  border-left: none;
  border-right: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0;
}
.cabinet-page_add-cert-btn {
  background-color: #C4E3F4;
  padding: 5px 15px;
  cursor: pointer;
}
.cabinet-page_edit-cert-btn {
  font-size: 10px;
  text-decoration: underline;
}
.cabinet-page_popup-pic-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: auto;
  overflow-y: auto;
  max-height: 50vh;
}
.cabinet-page_popup-pic-wrap img {
  border-radius: 10px;
}
.cabinet-page_popup-pic-wrap::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}
.cabinet-page_popup-pic-wrap::-webkit-scrollbar-track {
  border: 1px solid #6C6C6C;
  border-radius: 5px;
}
.cabinet-page_popup-pic-wrap::-webkit-scrollbar-thumb {
  background: #6C6C6C;
  width: 18px;
  border-radius: 5px;
}

.cabinet-avatar {
  max-width: 300px;
}
.cabinet-avatar__icon {
  width: 32px;
  height: 32px;
}
.cabinet-avatar__avatar {
  overflow: hidden;
}
.cabinet-avatar__image {
  height: 278px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  border-radius: 23px;
}
.cabinet-avatar__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet-avatar__input {
  display: none;
}
.cabinet-avatar__progress {
  height: 5px;
  width: 100%;
  background-color: black;
}
.cabinet-avatar__bar {
  height: 100%;
  background-color: #C4E3F4;
}

.find-number {
  color: #3545e8;
  font-size: 14px;
  cursor: pointer;
  border-bottom: 1px dashed #3545e8;
  line-height: 1;
}

.check-message {
  font-size: 14px;
  background-color: #C4E3F4;
  padding: 6px;
  border-radius: 5px;
}
.check-message a {
  color: #3545e8;
}

.button_cabinet {
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0;
}

.docs {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.docs-page {
  display: flex;
  margin-bottom: 74px;
  margin-top: 50px;
}
@media screen and (max-width: 860px) {
  .docs-page {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.docs-page__hint {
  color: #848692;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  margin-top: 32px;
}
.docs-page-menu {
  margin: 0 30px 0 0;
  width: 330px;
  flex-shrink: 0;
}
@media screen and (max-width: 860px) {
  .docs-page-menu {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.docs-page-menu__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}
.docs-page-menu__submenu {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.docs-page-menu__submenu._active {
  display: block;
}
.docs-page-menu__item {
  margin: 0;
}
.docs-page-menu__item._parent:before {
  content: "";
  display: block;
  background-color: #2B2C2F;
  width: 11px;
  height: 1px;
  position: absolute;
  right: 20px;
  top: 29px;
  transform: rotate(90deg);
  z-index: 2;
}
.docs-page-menu__item._parent:after {
  content: "";
  display: block;
  background-color: #2B2C2F;
  width: 11px;
  height: 1px;
  position: absolute;
  right: 20px;
  top: 29px;
  z-index: 2;
}
.docs-page-menu__item._parent._active:before {
  display: none;
}
.docs-page-menu__item._level1 {
  border-top: 1px solid #D9DCE7;
}
.docs-page-menu__item._level2:before, .docs-page-menu__item._level2:after {
  display: none;
}
.docs-page-menu__name {
  font-size: 16px;
  font-weight: 700;
  color: #848692;
  text-transform: uppercase;
  cursor: pointer;
  padding: 16px 50px 13px 20px;
  display: block;
  border-radius: 5px;
}
.docs-page-menu__name._level1 {
  font-size: 13px;
  border-radius: 0;
}
.docs-page-menu__name._level2 {
  text-transform: none;
  padding: 5px 0 5px 40px;
}
.docs-page-menu__name._active {
  color: #3446E8;
}
.docs-page-menu__name._active._level2 {
  color: #101113;
}
.docs-page-menu__name._active._level2:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #87B1F7;
  transform: rotate(45deg);
  position: absolute;
  left: 11px;
  top: 14px;
}
.docs-page-menu__name:hover {
  color: #101113;
  background-color: #C4E3F4;
}
.docs-page-menu__name:hover._level2 {
  color: #101113;
  background-color: white;
}
.docs-page-menu__name:hover._level2:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #87B1F7;
  transform: rotate(45deg);
  position: absolute;
  left: 11px;
  top: 14px;
}
.docs-page__content {
  flex-grow: 1;
}
@media screen and (max-width: 860px) {
  .docs-page__content {
    margin-bottom: 80px;
  }
}
.docs-page-sections {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 33px;
  border-color: #D9DCE7;
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .docs-page-sections {
    display: none;
  }
}
.docs-page-sections__item {
  width: calc(100% / 3);
  padding: 58px 32px 29px;
  border-color: #D9DCE7;
  border-style: solid;
  border-width: 0 1px 1px 0;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}
.docs-page-sections__item:hover {
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.12);
}
.docs-page-sections__item:last-child:nth-child(3n+3) {
  border-bottom-right-radius: 20px;
}
.docs-page-sections__item._active {
  background-color: #F0F0F8;
}
.docs-page-sections__item._double {
  width: 50%;
}
.docs-page-sections__item._double:last-child {
  border-bottom-right-radius: 20px;
}
.docs-page-sections__item._single {
  width: 100%;
  border-bottom-right-radius: 20px;
}
.docs-page-sections__icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.docs-page-sections__icon svg {
  width: 18px;
  height: 18px;
}
.docs-page-docs {
  flex-grow: 1;
  font-size: 16px;
}
.docs-page-docs__item {
  font-weight: 700;
  margin-bottom: 8px;
}
.docs-page-docs__name {
  cursor: pointer;
  background-color: #F0F0F8;
  padding: 26px 32px;
  border-radius: 20px;
}
@media screen and (max-width: 420px) {
  .docs-page-docs__name {
    font-size: 12px;
  }
  .docs-page-docs__name._articles {
    padding: 10px 30px 10px 20px;
  }
}
.docs-page-docs__name._parent:before {
  content: "";
  display: block;
  background-color: #2B2C2F;
  width: 11px;
  height: 1px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: rotate(90deg);
  z-index: 2;
}
.docs-page-docs__name._parent:after {
  content: "";
  display: block;
  background-color: #2B2C2F;
  width: 11px;
  height: 1px;
  position: absolute;
  right: 30px;
  top: 50%;
  z-index: 2;
}
.docs-page-docs__name:hover {
  color: white;
  background-color: #3446E8;
}
.docs-page-docs__name:hover:before {
  background-color: white;
}
.docs-page-docs__name:hover:after {
  background-color: white;
}
.docs-page-docs__name._active {
  color: white;
  background-color: #3446E8;
}
.docs-page-docs__name._active:before {
  display: none;
}
.docs-page-docs__name._active:after {
  background-color: white;
}
.docs-page-docs__count {
  color: #87B1F7;
}
.docs-page-docs__doc {
  font-weight: 300;
  border: 1px solid #D9DCE7;
  margin-top: 6px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
}
.docs-page-docs__doc._html {
  flex-direction: column;
}
@media screen and (max-width: 420px) {
  .docs-page-docs__doc._articles .docs-page-docs__href {
    padding: 10px 10px 10px 20px;
  }
}
.docs-page-docs__doc._articles .catalog-tools__favorite {
  justify-content: flex-end;
  margin: 10px;
  min-width: 200px;
}
.docs-page-docs__doc._articles .button {
  font-size: 11px;
}
@media screen and (max-width: 1000px) {
  .docs-page-docs__doc._articles .button {
    padding: 10px 15px;
    font-size: 9px;
  }
}
@media screen and (max-width: 420px) {
  .docs-page-docs__doc {
    font-size: 12px;
  }
}
.docs-page-docs__doc:hover {
  background-color: #D9DCE7;
}
.docs-page-docs__download {
  color: #101113;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.docs-page-docs__download:hover {
  color: #3446E8;
}
.docs-page-docs__preview {
  margin-right: 10px;
  color: #101113;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.docs-page-docs__preview:hover {
  color: #3446E8;
}

.docs-page-search {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #F0F0F8;
  border-radius: 24px;
  transition: width 0.5s ease;
  margin-bottom: 29px;
}
.docs-page-search._codex {
  border-color: #3446E8;
}
.docs-page-search._focused {
  border-color: #87B1F7;
}

.docs-page-search__value {
  flex-grow: 1;
  border: none;
  outline: none;
  padding: 0 5px 0 32px;
  font-weight: 300;
}
.docs-page-search__value._codex {
  padding: 0;
  font-weight: 250;
}

.docs-page-search__button {
  border: none;
  background-color: #F0F0F8;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.docs-page-search__button._codex {
  background: none;
}

.docs-page-search__text {
  cursor: pointer;
}
.docs-page-search__text._codex {
  margin: 0 20px;
}

.docs-page-search__button svg {
  width: 20px;
  height: 20px;
}

.docs-page-docs__href {
  padding: 15px 32px;
  flex-grow: 1;
}

.docs-page-docs__links {
  width: 50px;
  flex-shrink: 0;
  align-self: center;
  margin-left: 15px;
  margin-right: 32px;
  line-height: 0;
  padding: 15px 0;
}
.docs-page-docs__links._articles {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 420px) {
  .docs-page-docs__links._articles {
    width: 40px;
  }
}

.blog {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.blog__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 17px;
  margin-bottom: 18px;
}
.blog__item {
  color: #101113;
  width: calc((50% - 48px) / 2);
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .blog__item {
    width: 100%;
    flex-direction: row;
  }
}
@media screen and (max-width: 620px) {
  .blog__item {
    flex-direction: column;
  }
}
.blog__item._large {
  width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 1024px) {
  .blog__item._large {
    width: 100%;
  }
}
.blog__image {
  font-size: 0;
  line-height: 0;
  height: 155px;
}
@media screen and (max-width: 1024px) {
  .blog__image {
    max-width: 200px;
    width: 100%;
  }
}
@media screen and (max-width: 620px) {
  .blog__image {
    max-width: 100%;
  }
}
.blog__image._large {
  max-height: 100%;
  flex-grow: 1;
}
.blog__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.blog__intro {
  padding: 34px 31px;
  background-color: #F0F0F8;
  flex-grow: 1;
}
.blog__intro._large {
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 47px 49px;
}
@media screen and (max-width: 1024px) {
  .blog__intro._large {
    background-color: #F0F0F8;
    position: relative;
    bottom: auto;
    left: auto;
    padding: 34px 31px;
  }
}
.blog__time {
  background-color: #3446E8;
  color: white;
  padding: 0 8px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 18px;
}
.blog__time._large {
  background-color: #FE9DA4;
  margin-bottom: 13px;
}
@media screen and (max-width: 1024px) {
  .blog__time._large {
    background-color: #3446E8;
    margin-bottom: 18px;
  }
}
.blog__name {
  font-weight: 700;
  line-height: 140%;
}
.blog__name._large {
  color: white;
  font-size: 30px;
  line-height: 110%;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1024px) {
  .blog__name._large {
    font-size: 16px;
    color: black;
    line-height: 140%;
    letter-spacing: normal;
  }
}
.blog__page {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .blog__page {
    flex-direction: column-reverse;
  }
}
.blog__content {
  flex-grow: 1;
  margin-bottom: 80px;
  max-width: 100%;
}
.blog__content._right-adv {
  width: calc(100% - 360px);
}
@media screen and (max-width: 1024px) {
  .blog__content._right-adv {
    width: 100%;
  }
}
.blog__adv {
  flex-shrink: 0;
  margin-left: 60px;
  width: 300px;
}
@media screen and (max-width: 1024px) {
  .blog__adv {
    width: 100%;
    margin-left: 0;
    text-align: left;
    margin-bottom: 40px;
  }
}
.blog-image__caption {
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  color: #848692;
}
.blog-ban {
  margin-top: 101px;
}

.partner-services {
  margin: 0;
  padding: 0;
  list-style: none;
}
.partner-services__item {
  margin-bottom: 48px;
}
.partner-services__item::before {
  display: none !important;
}

.catalog {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.catalog .special_list {
  display: block;
}
@media screen and (max-width: 1250px) {
  .catalog .special_list {
    display: none;
  }
}
.catalog.no-crumbs {
  margin-top: 48px;
}
@media screen and (max-width: 1450px) {
  .catalog.catalog_main {
    padding: 0;
  }
}
.catalog._detail {
  padding: 0 20px;
}
.catalog__title {
  text-align: left;
}
@media screen and (max-width: 540px) {
  .catalog__title {
    text-align: center;
  }
}
.catalog__wrapper {
  display: flex;
  padding-top: 14px;
  max-width: 100%;
}
@media screen and (max-width: 1139px) {
  .catalog__wrapper._list {
    flex-direction: column;
  }
}
@media screen and (max-height: 600px) {
  .catalog__wrapper._list {
    flex-direction: column;
  }
}
.catalog__wrapper._detail._catalog {
  align-items: flex-start;
}
@media screen and (max-width: 1250px) {
  .catalog__wrapper._detail._catalog {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .catalog__wrapper._detail {
    flex-direction: column;
  }
}
.catalog__main-left {
  border-radius: 20px;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
  border-color: white;
  width: 550px;
  flex-shrink: 0;
  margin-right: 32px;
}
@media screen and (max-width: 1440px) {
  .catalog__main-left {
    width: 38%;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1250px) {
  .catalog__main-left {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 650px) {
  .catalog__main-left {
    border-radius: 0;
    width: 100%;
  }
}
.catalog .hr_main {
  border: none;
  border-bottom: 0.3px solid #D9DCE7;
  margin-bottom: 20px;
}
.catalog .hr_sub {
  border: none;
  border-bottom: 0.01px solid #f1f1f5;
  margin-bottom: 20px;
}
.catalog__main-right {
  border-radius: 20px;
  width: 780px;
  flex-shrink: 0;
}
@media screen and (max-width: 1440px) {
  .catalog__main-right {
    width: 60%;
  }
}
@media screen and (max-width: 1250px) {
  .catalog__main-right {
    width: 100%;
    margin-top: 32px;
  }
}
.catalog__main-right__in {
  border-radius: 20px;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
  border-color: white;
  width: 100%;
  margin-bottom: 32px;
  padding: 0 20px 20px 20px;
}
@media screen and (max-width: 650px) {
  .catalog__main-right__in {
    border-radius: 0;
  }
}
.catalog__main-right__in._grey {
  background: #F0F0F8;
}
.catalog__main-right__in._grey .hr_main {
  border-bottom: 0.05px solid white;
}
.catalog .option {
  margin-bottom: 8px;
}
.catalog .option__in {
  padding: 8px 32px;
}
@media screen and (max-width: 1200px) {
  .catalog .option__in {
    padding: 8px 128px;
  }
}
@media screen and (max-width: 930px) {
  .catalog .option__in {
    padding: 8px 64px;
  }
}
@media screen and (max-width: 770px) {
  .catalog .option__in {
    padding: 8px 32px;
  }
}
@media screen and (max-width: 540px) {
  .catalog .option__in {
    padding: 0 80px;
  }
}
@media screen and (max-width: 470px) {
  .catalog .option__in {
    padding: 0 24px;
  }
}
.catalog .option__names {
  margin: 0;
  padding: 8px 32px;
}
@media screen and (max-width: 1200px) {
  .catalog .option__names {
    padding: 0 64px;
  }
}
@media screen and (max-width: 930px) {
  .catalog .option__names {
    padding: 0 32px;
  }
}
@media screen and (max-width: 740px) {
  .catalog .option__names {
    padding: 0 24px;
  }
}
@media screen and (max-width: 540px) {
  .catalog .option__names {
    padding: 0 64px;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .catalog .option__names {
    padding: 0 32px;
  }
}
@media screen and (max-width: 360px) {
  .catalog .option__names {
    padding: 0 24px;
  }
}
.catalog .option__names._bottom {
  margin-top: 10px;
}
.catalog .option__names._bottom .option__name {
  font-size: 20px;
  color: #007aff;
}
.catalog .option .titles {
  display: inline;
}
@media screen and (max-width: 540px) {
  .catalog .option .titles {
    display: none;
  }
}
.catalog .option .titles._mobile {
  display: none;
}
@media screen and (max-width: 540px) {
  .catalog .option .titles._mobile {
    display: inline;
  }
}
.catalog .option h2 {
  text-align: center;
  margin-top: 0;
  padding-top: 24px;
}
.catalog .option__name {
  display: block;
  font-weight: 700;
  margin-right: 35px;
  flex-shrink: 0;
  width: 100%;
  border-radius: 25px;
  padding: 6px 32px;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 540px) {
  .catalog .option__name {
    padding: 3px 32px;
  }
}
.catalog .option__name:hover {
  z-index: 1;
  transform: scale(1.01);
}
.catalog .option .pos {
  color: #007aff;
  font-size: 13px;
  font-weight: normal;
}
.catalog .option .pos._p {
  cursor: pointer;
}
.catalog .option .pos._x {
  display: block;
  text-align: right;
  margin-top: 12px;
  margin-right: 12px;
}
.catalog .option .pos._x span {
  cursor: pointer;
  border-radius: 20px;
  padding: 4px 16px;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
}
.catalog .option .wrapper {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.catalog .option .wrapper._justify {
  text-align: justify;
}
@media screen and (max-width: 540px) {
  .catalog .option .wrapper._center {
    text-align: center;
  }
}
.catalog .option .wrapper .abc {
  margin-bottom: 6px;
  margin-left: 12px;
  font-weight: bold;
}
@media screen and (max-width: 540px) {
  .catalog .option .wrapper .abc {
    display: block;
  }
}
.catalog .option .wrapper .off {
  margin-bottom: 6px;
}
.catalog .option .wrapper:after {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  vertical-align: top;
  content: "";
}
.catalog .option .full {
  width: 30%;
}
.catalog .option .wrapper > .in {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 10px;
}
.catalog .option .wrapper > .in:hover {
  z-index: 1;
  transform: scale(1.05);
}
.catalog .option .wrapper > .in a {
  text-align: left;
  vertical-align: top;
  margin-right: 10px;
  border-radius: 20px;
  padding: 4px 16px;
  font-size: 14px;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 700px) {
  .catalog .option .wrapper > .in._hide {
    display: none;
  }
}
@media screen and (max-width: 540px) {
  .catalog .option .wrapper > .in {
    text-align: center;
  }
}
.catalog__sidebar {
  width: 300px;
  flex-shrink: 0;
  margin-right: 70px;
}
@media screen and (max-width: 1360px) {
  .catalog__sidebar {
    margin-right: 32px;
  }
}
@media screen and (max-width: 1139px) {
  .catalog__sidebar._list {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-height: 600px) {
  .catalog__sidebar._list {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1360px) {
  .catalog__sidebar._docs {
    margin-right: 50px;
  }
}
@media screen and (max-width: 860px) {
  .catalog__sidebar._docs {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .catalog__sidebar._detail {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1139px) {
  .catalog-filter {
    display: none;
  }
}
@media screen and (max-height: 600px) {
  .catalog-filter {
    display: none;
  }
}
@media screen and (max-width: 1139px) {
  .catalog-filter._mobile-open {
    display: block;
  }
}
@media screen and (max-height: 600px) {
  .catalog-filter._mobile-open {
    display: block;
  }
}
.catalog-filter-mobile {
  display: none;
}
@media screen and (max-width: 1139px) {
  .catalog-filter-mobile {
    display: block;
    margin-bottom: 20px;
  }
}
@media screen and (max-height: 600px) {
  .catalog-filter-mobile {
    display: block;
    margin-bottom: 20px;
  }
}
.catalog-filter__name {
  font-weight: 700;
  margin-bottom: 11px;
}
.catalog-filter__select {
  margin-bottom: 24px;
}
.catalog-filter__input {
  margin-bottom: 24px;
}
.catalog-filter-checkbox__top {
  margin-bottom: 10px;
}
.catalog-filter-checkbox__top__ico {
  background-color: #ffffff;
}
.catalog-filter-checkbox__top__index {
  margin-top: 20px;
}
.catalog-filter__buttons {
  border-top: 1px solid #D9DCE7;
  padding-top: 32px;
  margin-top: 32px;
}
.catalog-filter__hint {
  margin-top: 24px;
  font-size: 14px;
  color: #848692;
}
.catalog__content {
  flex-grow: 1;
  margin-top: 7px;
  width: 100%;
  max-width: 1050px;
  min-width: 0;
}
.catalog-result__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  line-height: 140%;
  font-weight: 700;
  padding-bottom: 12px;
}
@media screen and (max-width: 1210px) {
  .catalog-result__controls {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 720px) {
  .catalog-result__controls {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 560px) {
  .catalog-result__controls {
    flex-direction: column;
    align-items: center;
  }
}
.catalog-result-sort {
  display: flex;
  align-items: center;
  max-width: 260px;
  width: 100%;
}
.catalog-result-sort__name {
  color: #848692;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
.catalog-result-sort__value {
  flex-shrink: 0;
  flex-grow: 1;
  z-index: 3;
}
.catalog-result-search {
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 0 20px 0 15px;
  transition: min-width ease 0.5s;
  border: 1px solid #F0F0F8;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 30px;
  border-color: #3446E8;
}
@media screen and (max-width: 1210px) {
  .catalog-result-search {
    position: absolute;
    bottom: 11px;
    right: 5px;
    width: 50%;
    margin: 0;
  }
}
@media screen and (max-width: 720px) {
  .catalog-result-search {
    position: relative;
    order: 3;
    bottom: auto;
    right: auto;
    margin-top: 15px;
    width: 100%;
  }
}
.catalog-result-search._focused {
  border-color: #87B1F7;
}
.catalog-result-search__input {
  border: none;
  outline: none;
  font-size: 11px;
  text-transform: uppercase;
  min-width: 150px;
  flex-grow: 1;
  margin-right: 12px;
  letter-spacing: 1.5px;
  padding: 14px 0 12px;
}
.catalog-result-search__icon {
  width: 16px;
  height: 16px;
  color: #2B2C2F;
  margin-right: 10px;
}
.catalog-result-search__icon._active {
  cursor: pointer;
  color: #3446E8;
  margin: 0 25px;
}
.catalog-result-search__icon._active:hover {
  color: #FE9DA4;
}
.catalog-result-search__icon._not_active {
  cursor: pointer;
  color: #848692;
  margin: 0 25px;
}
.catalog-result-search__icon._not_active:hover {
  color: #F0F0F8;
}
.catalog-result-onpage {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1210px) {
  .catalog-result-onpage {
    margin-top: 15px;
  }
}
@media screen and (max-width: 720px) {
  .catalog-result-onpage {
    margin-top: 0;
  }
}
@media screen and (max-width: 560px) {
  .catalog-result-onpage {
    margin-top: 15px;
  }
}
.catalog-result-onpage__name {
  text-transform: uppercase;
  color: #848692;
  margin-right: 12px;
  letter-spacing: 1.2px;
}
.catalog-result-onpage__value span {
  color: #3446E8;
  margin-right: 16px;
  cursor: pointer;
}
.catalog-result-onpage__value span:last-child {
  margin-right: 0;
}
.catalog-result-onpage__value span._active {
  color: #101113;
  cursor: default;
}
.catalog-result__empty {
  margin: 40px 0;
}
.catalog-option {
  display: flex;
  padding: 16px 32px;
  border: 1px solid #D9DCE7;
  border-radius: 20px;
  margin-bottom: 8px;
}
@media screen and (max-width: 620px) {
  .catalog-option {
    flex-direction: column;
  }
}
.catalog-option__name {
  font-weight: 700;
  width: 300px;
  margin-right: 35px;
  flex-shrink: 0;
}
@media screen and (max-width: 720px) {
  .catalog-option__name {
    width: 140px;
  }
}
@media screen and (max-width: 620px) {
  .catalog-option__name {
    width: 100%;
  }
}
.catalog-option__value p {
  margin-top: 0;
}

.catalog-result__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 32px;
}

.catalog__counters {
  margin-bottom: 15px;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  display: flex;
  flex-wrap: wrap;
  color: #848692;
  border-bottom: 1px solid #D9DCE7;
  padding-bottom: 4px;
}
@media screen and (max-width: 720px) {
  .catalog__counters {
    flex-direction: column;
    align-items: center;
  }
}

.catalog__counters b {
  color: #2B2C2F;
  font-weight: 700;
}

.catalog__separator {
  padding: 0 4px;
}
@media screen and (max-width: 720px) {
  .catalog__separator {
    display: none;
  }
}

span.catalog__number {
  color: #87B1F7;
  font-family: "MuseoSansCyrl", serif;
}

.catalog-tools {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D9DCE7;
  padding-bottom: 20px;
  margin-bottom: 18px;
}

.catalog-tools__icon {
  width: 18px;
  height: 18px;
  color: #3446E8;
}
.catalog-tools__icon._favorite-remove {
  color: #FE9DA4;
}

.stars-list {
  display: flex;
  font-size: 14px;
}
.stars-list__text {
  text-align: center;
}
@media screen and (max-width: 420px) {
  .stars-list__text {
    font-size: 13px;
  }
}

.stars-list__star {
  background: transparent;
  border: none;
  padding: 0;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #FE9DA4;
}

.stars-list._editable .stars-list__box {
  cursor: pointer;
}

.stars-list._r0 .stars-list__box .stars-list__star {
  color: #E3E7F1;
}

.stars-list._r1 .stars-list__box:nth-child(1) ~ .stars-list__box .stars-list__star {
  color: #E3E7F1;
}

.stars-list._r2 .stars-list__box:nth-child(2) ~ .stars-list__box .stars-list__star {
  color: #E3E7F1;
}

.stars-list._r3 .stars-list__box:nth-child(3) ~ .stars-list__box .stars-list__star {
  color: #E3E7F1;
}

.stars-list._r4 .stars-list__box:nth-child(4) ~ .stars-list__box .stars-list__star {
  color: #E3E7F1;
}

.stars-list._r5 .stars-list__box:nth-child(5) ~ .stars-list__box .stars-list__star {
  color: #E3E7F1;
}

.stars-list._editable:hover .stars-list__box .stars-list__star {
  color: #FE9DA4 !important;
}

.stars-list._editable .stars-list__box:hover ~ .stars-list__box .stars-list__star {
  color: #E3E7F1 !important;
}

.catalog-tools__rating {
  display: flex;
  align-items: center;
  margin-right: 34px;
}
.catalog-tools__rating .stars-list__star {
  width: 16px;
  height: 16px;
}

.catalog-tools__avg {
  font-family: "MuseoSansCyrl", serif;
  margin-left: 8px;
}

.catalog-tools__back {
  padding: 15px 25px;
  margin-right: 35px;
}

.catalog-tools__reviews {
  display: flex;
  align-items: center;
  margin-right: 28px;
  font-size: 14px;
  line-height: 160%;
  font-family: "MuseoSansCyrl", serif;
  cursor: pointer;
}

.catalog-tools__views {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 160%;
  font-family: "MuseoSansCyrl", serif;
}

.catalog-tools__favorite {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  margin-left: auto;
  font-size: 14px;
  line-height: 160%;
  font-family: "MuseoSansCyrl", serif;
  color: #848692;
  cursor: pointer;
}
.catalog-tools__favorite:hover {
  color: #3446E8;
}
.catalog-tools__favorite:hover .catalog-tools__circle {
  background-color: #3446E8;
}
.catalog-tools__favorite:hover .catalog-tools__icon {
  color: white;
}

span.catalog-tools__number {
  margin: 0 8px;
  color: #3446E8;
}

span.catalog-tools__text {
  color: #848692;
}

.catalog-tools__name {
  margin-right: 5px;
}

.catalog-tools__circle {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F0F0F8;
  border-radius: 100%;
}

.catalog-tools__icon._favorite-add {
  color: black;
}

@media screen and (max-width: 920px) {
  .catalog-tools {
    flex-wrap: wrap;
  }

  .catalog-tools__rating {
    order: 3;
  }

  .catalog-tools:after {
    content: "";
    display: block;
    width: 100%;
    order: 2;
    margin-bottom: 17px;
  }

  .catalog-tools__back {
    order: 1;
  }

  .catalog-tools__reviews {
    order: 3;
  }

  .catalog-tools__views {
    order: 3;
  }

  .catalog-tools__favorite {
    order: 1;
  }
  .no-crumbs .catalog-tools__favorite {
    flex-direction: row-reverse;
    margin-left: 0;
  }

  .no-crumbs .catalog-tools__name {
    margin-left: 5px;
    margin-right: 0;
  }
}
@media screen and (max-width: 460px) {
  .catalog-tools__back {
    margin-right: 0;
    margin-bottom: 18px;
  }

  .catalog-tools__rating {
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .catalog-tools__reviews {
    justify-content: center;
    margin-bottom: 10px;
  }

  .catalog-tools__views {
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .catalog-tools {
    justify-content: center;
  }

  .catalog-tools__favorite {
    margin-left: 0;
  }
}
.catalog-addres-link {
  color: #4457FF;
}
.catalog-addres-link:hover {
  color: #FE9DA4;
}
.catalog-addres-link__black {
  color: black;
}
.catalog-addres-link__black ul > li {
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.catalog-addres-link__black ul > li:hover {
  box-shadow: none;
}

.good {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
}
@media screen and (max-width: 540px) {
  .good {
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (min-width: 540px) {
  .good .catalog__item._index-question {
    max-width: 220px;
    margin: 0 5px;
  }
}
.good .catalog__item {
  border-color: white;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
}
.good .catalog__item:hover {
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
  z-index: 1;
  transform: scale(1.006);
}

.good_slide {
  margin: 10px 0 !important;
}
@media screen and (max-width: 800px) {
  .good_slide._hide {
    display: none;
  }
}
@media screen and (max-width: 540px) {
  .good_slide._hide {
    display: block;
  }
}
.good_slide._hide__reserve {
  display: none;
}
@media screen and (max-width: 800px) {
  .good_slide._hide__reserve {
    display: block;
  }
}
@media screen and (max-width: 540px) {
  .good_slide._hide__reserve {
    display: none;
  }
}
.good_slide._banner {
  margin: 0 10px;
}

.innovation-catalog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.innovation-catalog .image-slider {
  margin: 0;
}
.innovation-catalog .in-slider {
  margin: 0 0 10px;
  border: none;
  max-width: 350px;
}

@media only screen and (max-device-width: 480px) {
  .content__catalog {
    padding: 0 !important;
  }
}

.catalog__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 240px;
  border: 1px solid #D9DCE7;
  margin-bottom: 30px;
  border-radius: 20px;
  text-align: center;
  margin-right: 10px;
  overflow: hidden;
}
.catalog__item:hover {
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.12);
  border-color: white;
}
@media screen and (max-width: 580px) {
  .catalog__item:hover {
    box-shadow: none;
    border-color: #D9DCE7;
  }
}
.catalog__item._foreign {
  min-height: 400px;
  justify-content: center;
}
@media screen and (max-width: 540px) {
  .catalog__item._foreign {
    min-height: auto;
  }
}
.catalog__item._fake {
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.catalog__item._fake:hover {
  box-shadow: none;
}
@media screen and (max-width: 580px) {
  .catalog__item._fake:hover {
    border-color: transparent;
  }
}
.catalog__item._index-question {
  max-width: 238px;
  width: 100%;
  margin-right: 0;
  flex-shrink: 0;
  height: auto;
  -webkit-transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 540px) {
  .catalog__item._index-question {
    max-width: 380px;
  }
}
.catalog__item._index-question:nth-child(2n+1) {
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .catalog__item._index-question:nth-child(2n+1) {
    margin-top: 0;
  }
}
.catalog__item._background {
  border-color: transparent;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.catalog__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
  width: 100%;
  padding: 20px 27px 40px;
  height: 100%;
}
.catalog__link__in {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.catalog__link._foreign {
  z-index: 2;
  height: auto;
  padding: 36px 27px 36px;
}
@media screen and (max-width: 540px) {
  .catalog__link._foreign {
    padding-left: 100px;
  }
}
.catalog__link._background {
  padding: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 540px) {
  .catalog__link._check {
    padding-bottom: 0;
  }
}

.catalog__city {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: #848692;
  letter-spacing: 0.15em;
  line-height: 140%;
  height: 55px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.catalog__name {
  font-weight: 700;
  line-height: 140%;
  margin-top: 16px;
  margin-bottom: 8px;
  color: #101113;
  max-width: 100%;
  word-break: break-word;
}

.catalog__type {
  font-size: 14px;
  color: #848692;
  max-width: 100%;
  min-height: 75px;
  line-height: 160%;
}
.catalog__type._check {
  min-height: 40px;
}

.catalog__status {
  font-weight: bold;
  color: #848692;
}

.catalog__corner {
  width: 18px;
  height: 18px;
}

.catalog__avatar {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
}

.catalog__avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}

.catalog__favorite {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 0;
  line-height: 0;
  padding: 18px;
  z-index: 2;
  cursor: pointer;
}
.catalog__favorite:hover ._favorite-add {
  display: none;
}
.catalog__favorite:hover ._favorite-add-hover {
  display: block;
}
.catalog__favorite:hover ._favorite-remove {
  color: #feb6bb;
}

.catalog__icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  color: #87B1F7;
}
.catalog__icon._favorite-add:hover {
  color: #9fc1f9;
}
.catalog__icon._favorite-add-hover {
  display: none;
  color: #9fc1f9;
}
.catalog__icon._favorite-remove {
  color: #FE9DA4;
}

.catalog__vr {
  display: flex;
  line-height: 0;
  align-items: center;
}

.catalog__icons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  padding: 20px 27px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.catalog__views {
  margin-right: 12px;
  display: flex;
  align-items: center;
}

.catalog__reviews {
  display: flex;
  align-items: center;
}
.catalog__reviews:hover {
  color: #3446E8;
}

@media screen and (max-width: 540px) {
  .catalog__link {
    padding-left: 100px;
    max-width: 325px;
  }
  .catalog__link__in {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
  }
  .catalog__link._html {
    padding-left: 20px;
  }

  .catalog__avatar {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 80px;
    height: 80px;
  }
  .catalog__avatar._html {
    position: static;
  }

  .catalog__avatar__html {
    width: 80px;
    height: 80px;
  }

  .catalog__item {
    margin-bottom: 10px;
    box-sizing: border-box;
    box-shadow: 1px 2px 0px #c5c6cb;
    width: 100%;
    max-width: 326px;
    margin-right: 0;
  }

  .catalog__city {
    font-size: 12px;
    height: auto;
  }

  .catalog__name {
    max-width: 180px;
    margin-top: 8px;
    text-align: center;
  }

  .catalog__type {
    min-height: auto;
  }

  .catalog__favorite {
    padding: 10px 8px;
  }

  .catalog__avatar {
    width: 80px;
    height: 80px;
  }

  .catalog__item._component._background._default {
    min-height: 158px;
  }
}
.catalog__background {
  border-radius: 20px;
  max-width: 100%;
  max-height: 100%;
}

.catalog__background._mobile {
  display: none;
}

.catalog__background._preview-mobile {
  display: none;
}

.catalog__background._preview-mobile._mobile {
  display: block;
}

@media screen and (max-width: 540px) {
  .catalog__item._background {
    padding: 0;
  }

  .catalog__link._background {
    max-width: 100%;
  }

  .catalog__background {
    display: none;
  }

  .catalog__background._mobile {
    display: block;
  }
}
.feedback {
  background: url("/img/feedback_bg.jpg") center no-repeat;
  background-size: cover;
  padding: 32px 40px;
  border-radius: 20px;
  color: white;
  margin-bottom: 80px;
}
@media screen and (max-width: 720px) {
  .feedback {
    padding: 32px 40px;
  }
}
@media screen and (max-width: 520px) {
  .feedback {
    padding: 32px 20px;
  }
}
.feedback__list {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 40px;
  padding-bottom: 8px;
}
@media screen and (max-width: 520px) {
  .feedback__list {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.feedback__variant {
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: white;
  font-size: 13px;
  opacity: 0.5;
  margin-left: 50px;
  cursor: pointer;
}
@media screen and (max-width: 520px) {
  .feedback__variant {
    margin-left: 0;
  }
}
.feedback__variant._active {
  opacity: 1;
}
@media screen and (max-width: 520px) {
  .feedback__variant._active {
    background: white;
    width: 100%;
    color: black;
    border-radius: 10px;
  }
}
.feedback__variant._active:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: white;
  border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: -10px;
}
@media screen and (max-width: 520px) {
  .feedback__variant._active:after {
    display: none;
  }
}
.feedback__variant:first-child {
  margin-left: 0;
}
.feedback__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.feedback-input-text {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 1024px) {
  .feedback-input-text {
    width: 100%;
  }
}
.feedback__input {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  width: 100%;
}
.feedback__value {
  color: white;
  background: none;
  font-size: 16px;
}
.feedback__value::-webkit-input-placeholder {
  color: white;
}
.feedback__value::-moz-placeholder {
  color: white;
}
.feedback__value:-ms-input-placeholder {
  color: white;
}
.feedback__value::-ms-input-placeholder {
  color: white;
}
.feedback__value::placeholder {
  color: white;
}
.feedback-textarea {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.feedback-textarea__value {
  color: white;
}
.feedback-textarea__value::-webkit-input-placeholder {
  color: white;
}
.feedback-textarea__value::-moz-placeholder {
  color: white;
}
.feedback-textarea__value:-ms-input-placeholder {
  color: white;
}
.feedback-textarea__value::-ms-input-placeholder {
  color: white;
}
.feedback-textarea__value::placeholder {
  color: white;
}
.feedback__checkbox {
  margin-right: 100px;
}
@media screen and (max-width: 920px) {
  .feedback__checkbox {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.feedback__name {
  color: white;
}
.feedback__name a {
  color: #fff;
  text-decoration: underline;
  margin-right: 5px;
}
.feedback__footer {
  margin-top: 8px;
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 920px) {
  .feedback__footer {
    flex-direction: column;
  }
}
@media screen and (max-width: 520px) {
  .feedback__footer {
    align-items: center;
  }
}
.feedback-slider__item {
  background-size: cover;
  height: 385px !important;
  padding: 64px 90px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .feedback-slider__item {
    height: 284px !important;
  }
}
@media screen and (max-width: 720px) {
  .feedback-slider__item {
    padding: 64px 40px;
    height: 240px !important;
  }
}
@media screen and (max-width: 560px) {
  .feedback-slider__item {
    padding: 40px 20px;
  }
}
.feedback-slider__item:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/img/feedback-slider-overlay.png");
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.feedback-slider__title {
  font-size: 48px;
  line-height: 120%;
  font-weight: 500;
  color: white;
}
@media screen and (max-width: 1024px) {
  .feedback-slider__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 720px) {
  .feedback-slider__title {
    font-size: 26px;
  }
}
.feedback-slider__desc {
  font-size: 24px;
  line-height: 170%;
  color: white;
}
@media screen and (max-width: 1024px) {
  .feedback-slider__desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 720px) {
  .feedback-slider__desc {
    font-size: 14px;
  }
}
.feedback-slider__icon {
  position: absolute;
  top: -18px;
  right: 0;
}
.feedback-file {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

a.search__section {
  border-radius: 15px;
  padding: 10px 17px;
  font-size: 18px;
  background: white;
  margin: 10px;
  display: flex;
  justify-content: center;
}
a.search__section._sticky {
  padding: 4px 17px;
}
a.search__section:hover {
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 690px) {
  a.search__section {
    box-shadow: 1px 2px 0px #c5c6cb;
  }
}

a.search__section._active {
  color: #4457FF;
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 690px) {
  a.search__section._active {
    box-shadow: 1px 1px 0px #c5c6cb;
  }
}

.search__sections {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #F0F0F8;
  padding: 62px 20px 40px 20px;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 690px) {
  .search__sections {
    flex-direction: column;
    margin: 0 -20px;
  }
}
.search__sections span {
  white-space: nowrap;
}
.search__sections._sticky {
  display: block;
  padding: 12px;
  border-radius: 0 0 20px 20px;
}
.search__sections._sticky._bottom {
  padding: 32px;
}
@media screen and (max-width: 1024px) {
  .search__sections._sticky {
    display: none;
  }
  .search__sections._sticky._bottom {
    display: block;
  }
}

.search-page {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #F0F0F8;
  border-radius: 24px;
  transition: width 0.5s ease;
  margin-bottom: 29px;
}

.search-page__value {
  flex-grow: 1;
  border: none;
  outline: none;
  padding: 0 5px 0 32px;
  font-weight: 300;
}

.search-page__button {
  border: none;
  background-color: #F0F0F8;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.search-page__button svg {
  width: 20px;
  height: 20px;
}

.search__results {
  border-radius: 0 0 20px 20px;
  background: #F0F0F8;
  padding: 1px 30px 20px 30px;
  margin-top: 0;
  list-style-position: inside;
}
@media screen and (max-width: 690px) {
  .search__results {
    margin: 0 -20px;
  }
}
.search__results li {
  background: white;
  border-radius: 20px;
  padding: 24px 32px;
  margin: 20px 0;
}
@media screen and (max-width: 690px) {
  .search__results li {
    box-shadow: 1px 2px 0px #c5c6cb;
    padding: 20px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.search__results li:hover {
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.12);
  border-color: white;
}
.search__results li::marker {
  font-weight: 900;
  color: #c7c7c7;
}

.maps__sections {
  padding: 0 20px 20px 0;
}
.maps__results {
  display: flex;
  flex-wrap: wrap;
}
.maps__li {
  width: 48%;
  margin: 20px 1% !important;
}
@media screen and (max-width: 850px) {
  .maps__li {
    width: 98%;
  }
}

.in-slider {
  max-width: 690px;
  width: calc(50% - 15px);
  margin: 0 30px 30px 0;
  border: 1px solid #F0F0F8;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 920px) {
  .in-slider {
    width: 100%;
    margin: 0 auto 30px;
  }
}
.in-slider:nth-child(2n) {
  margin-right: 0;
}
@media screen and (max-width: 920px) {
  .in-slider:nth-child(2n) {
    margin-right: auto;
  }
}
.in-slider:hover {
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.18);
}

.innovation-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.services._index {
  margin-top: 100px;
}
.services._index::after {
  content: "";
  width: 100%;
  height: 300px;
  display: block;
  background: #F0F0F8;
  position: absolute;
  bottom: -20px;
  z-index: -1;
}
.services__center {
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
}
.services__h1 {
  margin: 0 24px 0 0;
}
.services__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1px;
  background-color: #D9DCE7;
  border: 1px solid #D9DCE7;
  border-radius: 11px;
}
@media screen and (max-width: 1200px) {
  .services__items {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 680px) {
  .services__items {
    border: none;
    background-color: white;
  }
}
.services__title {
  padding: 0 24px;
}
.services__border {
  border: 24px solid #F0F0F8;
  border-radius: 35px;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 680px) {
  .services__border {
    border-color: white;
    border-width: 10px;
    border-radius: 0;
  }
}
.services__border._index {
  border-color: white;
}
.services__border._detail {
  margin-top: 32px;
  border-color: white;
}
.services__footer {
  padding: 0 24px;
}
@media screen and (max-width: 680px) {
  .services__footer {
    display: flex;
    justify-content: space-around;
  }
}
.services__item {
  background-color: white;
  padding: 48px 60px;
  transition: transform 0.1s linear;
}
@media screen and (max-width: 680px) {
  .services__item {
    border-radius: 10px !important;
    padding: 0;
    margin-bottom: 20px;
    border: 1px solid #D9DCE7;
    overflow: hidden;
  }
}
.services__item._fake {
  display: none;
}
@media screen and (max-width: 680px) {
  .services__item._fake {
    padding: 0;
    border: none;
    margin-bottom: 0;
  }
}
.services__item:hover {
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.12);
  z-index: 1;
  transform: scale(1.006);
}
.services__item:nth-of-type(4n + 2) {
  background-color: #F0F0F8;
  z-index: 1;
}
.services__item:nth-of-type(4n + 3) {
  background-color: #F0F0F8;
}
@media screen and (max-width: 1200px) {
  .services__item:nth-of-type(4n + 3) {
    background-color: white;
  }
}
@media screen and (max-width: 1200px) {
  .services__item:nth-of-type(2n + 2) {
    background-color: white;
  }
}
.services__item:nth-child(1) {
  border-top-left-radius: 10px;
}
@media screen and (max-width: 1200px) {
  .services__item:nth-child(1) {
    border-top-right-radius: 10px;
  }
}
.services__item:nth-child(2) {
  border-top-right-radius: 10px;
}
@media screen and (max-width: 1200px) {
  .services__item:nth-child(2) {
    border-top-right-radius: 0;
  }
}
.services__item:nth-last-child(1) {
  border-bottom-right-radius: 10px;
}
@media screen and (max-width: 1200px) {
  .services__item:nth-last-child(1) {
    border-bottom-left-radius: 10px;
  }
}
.services__item:nth-last-child(2) {
  border-bottom-left-radius: 10px;
}
@media screen and (max-width: 1200px) {
  .services__item:nth-last-child(2) {
    border-bottom-left-radius: 0;
  }
}
@media screen and (max-width: 680px) {
  .services__item:last-of-type {
    margin-bottom: 0;
  }
}
.services__desc {
  color: gray;
  font-weight: 300;
  line-height: 170%;
}
@media screen and (max-width: 680px) {
  .services__desc {
    background-color: #F0F0F8;
    padding: 16px 30px;
  }
}
.services__image {
  font-size: 0;
  line-height: 0;
  grid-column: 1/-1;
}
@media screen and (max-width: 680px) {
  .services__image {
    margin-bottom: 20px;
  }
}
.services__image img {
  width: 100%;
}
.services__header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 32px;
}
.services__counters {
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  display: flex;
  flex-wrap: wrap;
  color: #848692;
  border-bottom: 1px solid #D9DCE7;
  flex-grow: 1;
}
@media screen and (max-width: 720px) {
  .services__counters {
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 100%;
    margin-top: 24px;
  }
}
.services__counters b {
  color: #2B2C2F;
  font-weight: 700;
}
.services__name {
  margin-bottom: 0;
}
.services__name._mobile {
  display: none;
}
@media screen and (max-width: 680px) {
  .services__name {
    display: none;
    padding: 20px 30px;
  }
  .services__name._mobile {
    display: block;
  }
}
.services__text._mobile {
  display: none;
}
@media screen and (max-width: 680px) {
  .services__text {
    display: none;
  }
  .services__text._mobile {
    display: block;
  }
}
.services__list._mobile {
  display: none;
}
@media screen and (max-width: 680px) {
  .services__list {
    display: none;
  }
  .services__list._catalog__list {
    display: block;
  }
  .services__list._mobile {
    display: block;
  }
}
.services__list ul {
  padding: 0;
}
.services__list li {
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 16px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
@media screen and (max-width: 680px) {
  .services__list li {
    font-weight: 300;
    line-height: 1;
    margin-bottom: 10px;
  }
}
.services__list li:before {
  content: "";
  border: solid #848692;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  margin-right: 15px;
}
.services__list._detail li {
  font-weight: 300;
}
.services__list._detail li:before {
  border-color: #3446E8;
}
.services__list._catalog__list li {
  font-size: 15px;
  line-height: 160%;
  margin-bottom: 1px;
}
.services__icon {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 680px) {
  .services__icon {
    display: none;
  }
}
.services__icon._bottom {
  display: none;
}
@media screen and (max-width: 680px) {
  .services__icon._bottom {
    top: auto;
    bottom: 18px;
    right: 14px;
    display: block;
  }
}
.services-detail {
  background-color: #F0F0F8;
  padding: 34px 0;
}
.services-detail__items {
  display: flex;
  justify-content: space-between;
  background-color: white;
  flex-wrap: wrap;
}
.services-detail__items._catalog__items {
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: 28px;
}
.services-detail__item {
  display: flex;
  flex-direction: column;
  border: 1px solid #D9DCE7;
  border-radius: 20px;
  overflow: hidden;
  max-width: 328px;
  width: 100%;
}
@media screen and (max-width: 1390px) {
  .services-detail__item {
    max-width: 310px;
  }
}
@media screen and (max-width: 1320px) {
  .services-detail__item {
    max-width: 290px;
  }
}
@media screen and (max-width: 1230px) {
  .services-detail__item {
    max-width: 275px;
  }
}
@media screen and (max-width: 1170px) {
  .services-detail__item {
    max-width: 260px;
  }
}
@media screen and (max-width: 1110px) {
  .services-detail__item {
    max-width: 49%;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 680px) {
  .services-detail__item {
    max-width: 100%;
    border-radius: 10px;
  }
}
.services-detail__item:hover {
  box-shadow: 8px 8px 38px rgba(0, 0, 0, 0.12);
  z-index: 1;
  transform: scale(1.006);
  color: #101113;
}
.services-detail__item:hover .services-detail__name {
  color: #3446E8;
}
@media screen and (max-width: 680px) {
  .services-detail__item:last-of-type {
    margin-bottom: 0;
  }
}
.services-detail__item._catalog__item {
  max-width: 280px;
  margin-bottom: 25px;
  border: none;
  border-radius: 25px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.12);
}
.services-detail__item._catalog__item:hover {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.12);
}
.services-detail__name {
  font-size: 28px;
  line-height: 110%;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
  padding: 0 20px;
}
@media screen and (max-width: 1390px) {
  .services-detail__name {
    font-size: 22px;
  }
}
@media screen and (max-width: 680px) {
  .services-detail__name {
    padding: 20px;
  }
}
.services-detail__name._mobile {
  display: none;
}
.services-detail__name._catalog__name {
  font-size: 16px;
  font-weight: bold;
  padding: 24px 12px;
}
.services-detail__icon {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 14px;
  bottom: 19px;
}
.services-detail__desc {
  background-color: #F0F0F8;
  flex-grow: 1;
  padding: 32px 50px;
}
@media screen and (max-width: 1390px) {
  .services-detail__desc {
    padding: 32px 20px;
  }
}
@media screen and (max-width: 680px) {
  .services-detail__desc {
    padding: 20px;
  }
}
.services-detail__desc._catalog__desc {
  padding: 0 20px;
}
.services-detail__head {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1110px) {
  .services-detail__head {
    height: 100px;
  }
}
@media screen and (max-width: 680px) {
  .services-detail__head {
    height: auto;
  }
}
.services-detail__head._catalog__head {
  height: auto;
}
.services-detail__break {
  display: none;
}
@media screen and (max-width: 1110px) {
  .services-detail__break {
    display: block;
    flex-basis: 100%;
  }
}
@media screen and (max-width: 680px) {
  .services__slide {
    display: none;
  }
}
.services__slide._mobile {
  display: none;
}
@media screen and (max-width: 680px) {
  .services__slide._mobile {
    display: block;
  }
}

.quiz__container {
  max-width: 1920px;
  margin: 0 auto;
  background: none;
  color: #fff;
  font-size: 16px;
}
.quiz__screen {
  display: flex;
  flex-direction: column;
  min-height: 450px;
  justify-content: space-between;
  padding: 24px;
}
@media screen and (max-width: 460px) {
  .quiz__screen {
    padding: 12px;
  }
}
.quiz__screen__info {
  text-align: center;
  width: 100%;
  font-size: 14px;
}
.quiz__screen__info_err {
  color: #d83333;
}
.quiz__screen__info_info {
  color: #F0F0F8;
}
.quiz__screen__info_plus {
  font-size: 20px;
  cursor: pointer;
}
.quiz__screen__info_plus span {
  color: #d83333;
  font-size: 25px;
}
.quiz__screen__info_plus:hover {
  color: #d83333;
}
.quiz__screen__pagination {
  display: flex;
  height: 16px;
  width: 70%;
  margin: 15px auto 0;
  justify-content: space-evenly;
}
.quiz__screen__pagination .pagination {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #4457FF;
}
.quiz__screen__pagination .pagination_on {
  background-color: #d83333;
}
.quiz__top {
  width: 100%;
  text-align: center;
}
.quiz__cart {
  width: 100%;
  text-align: center;
}
.quiz__cart__q {
  font-size: 24px;
}
.quiz__cart__start h3 {
  font-size: 30px;
  line-height: 170%;
}
.quiz__cart__start p {
  font-size: 28px;
}
.quiz__footer {
  padding: 24px 24px 10px;
  display: flex;
  justify-content: center;
}
.quiz__button {
  min-width: 150px;
  margin: 0 10px;
}
.quiz__res {
  display: flex;
  justify-content: center;
}
.quiz__res__label_box, .quiz__res__select_box, .quiz__res__textarea_box {
  display: flex;
  width: 100%;
  min-height: 50px;
  padding-left: 24px;
  padding-right: 24px;
}
.quiz__res__label_box {
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-around;
}
.quiz__res__label_box_text {
  flex-direction: column;
}
.quiz__res__label_box__element {
  min-width: 300px;
  text-align: center;
}
.quiz__res__label_box__element_text {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.quiz__res__text {
  width: 300px;
  padding-left: 12px;
}
.quiz__res__select_box {
  flex-direction: column;
  align-items: center;
}
.quiz__res__textarea_box {
  flex-direction: column;
  align-items: center;
}
.quiz__res__input__selects {
  min-width: 300px;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
}
@media screen and (max-width: 460px) {
  .quiz__res__input__selects {
    width: 300px;
  }
}
.quiz__res__input__select {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.quiz__res__input__select_multi {
  height: 200px;
}
@media screen and (max-width: 460px) {
  .quiz__res__input__select_multi {
    height: auto;
  }
}
.quiz__res__input__selects option {
  font-weight: normal;
  padding: 5px;
}
.quiz__res__input__textarea {
  width: 600px;
  padding: 10px;
  min-height: 250px;
  border-radius: 10px;
  border: 2px solid #d83333;
  color: white;
  background: none;
}
.quiz__res__input__textarea::-webkit-input-placeholder {
  color: #fff;
}
.quiz__res__input__textarea::-moz-placeholder {
  color: #fff;
}
.quiz__res__input__textarea:-ms-input-placeholder {
  color: #fff;
}
.quiz__res__input__textarea::-ms-input-placeholder {
  color: #fff;
}
.quiz__res__input__textarea::placeholder {
  color: #fff;
}
@media screen and (max-width: 460px) {
  .quiz__res__input__textarea {
    width: 300px;
  }
}
.quiz__res__input__text {
  min-width: 300px;
  line-height: 160%;
  background: none;
  border: none;
  color: white;
  font-weight: 400;
}
.quiz__res__input__text::-webkit-input-placeholder {
  color: #fff;
}
.quiz__res__input__text::-moz-placeholder {
  color: #fff;
}
.quiz__res__input__text:-ms-input-placeholder {
  color: #fff;
}
.quiz__res__input__text::-ms-input-placeholder {
  color: #fff;
}
.quiz__res__input__text::placeholder {
  color: #fff;
}
.quiz__res__label {
  border: 2px solid #d83333;
  border-radius: 10px;
  display: block;
  background-color: #4457FF;
  padding-left: 12px;
  padding-right: 12px;
  margin: 12px;
}
.quiz__res__label_on {
  background-color: #d83333;
}
.quiz__res__label p {
  margin: 1em;
}
.quiz__res__label-text {
  display: flex;
  align-items: center;
  border: 2px solid #d83333;
  border-radius: 24px;
  padding: 4px 24px;
  margin: 0 5px;
}
.quiz__form__box {
  margin: 0 auto;
  max-width: 1200px;
  padding: 24px;
}
@media screen and (max-width: 460px) {
  .quiz__form__box {
    padding: 12px;
  }
}
.quiz__form__buttons {
  display: flex;
}
.quiz__form__buttons .button {
  margin: 0 10px;
}