@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

@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');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-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-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-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-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
: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(0px - (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-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  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-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* 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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
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:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.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-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-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 .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-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-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

/*!
 * jQuery UI CSS Framework 1.13.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Slider 1.13.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;-webkit-filter:var(--carousel-button-svg-filter, none);filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;-webkit-transform-origin:top left;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;-ms-scroll-chaining:none;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{-webkit-animation:fancybox-rotate 2s linear infinite;animation:fancybox-rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:fancybox-dash 1.5s ease-in-out infinite;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@-webkit-keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{-webkit-animation:.15s ease backwards fancybox-fadeIn;animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{-webkit-animation:.15s ease both fancybox-fadeOut;animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{-webkit-animation:.15s ease both fancybox-fadeIn;animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{-webkit-animation:.1s ease both fancybox-fadeOut;animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{-webkit-animation:.2s ease both fancybox-zoomInUp;animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{-webkit-animation:.15s ease both fancybox-zoomOutDown;animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{-webkit-animation:.15s ease both fancybox-throwOutUp;animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{-webkit-animation:.15s ease both fancybox-throwOutDown;animation:.15s ease both fancybox-throwOutDown}@-webkit-keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-fadeOut{to{opacity:0}}@-webkit-keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-timing-function:linear;z-index:30;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

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

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

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

.grid-row {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .grid-row {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid-row {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .grid-row {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .grid-row {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 1600px) and (max-width: 99998px) {
  .grid-row {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .grid-col-1 {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-2 {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-3 {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-4 {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-5 {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-6 {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-7 {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-8 {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-9 {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-10 {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-11 {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-12 {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid-col-1 {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2 {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3 {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4 {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5 {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6 {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7 {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8 {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9 {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10 {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11 {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12 {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .grid-col-1 {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2 {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3 {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4 {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5 {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6 {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7 {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8 {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9 {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10 {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11 {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12 {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .grid-col-1 {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2 {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3 {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4 {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5 {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6 {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7 {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8 {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9 {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10 {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11 {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12 {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
@media (min-width: 1600px) and (max-width: 99998px) {
  .grid-col-1 {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2 {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3 {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4 {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5 {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6 {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7 {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8 {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9 {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10 {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11 {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12 {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .grid-col-1--xs {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-2--xs {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-3--xs {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-4--xs {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-5--xs {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-6--xs {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-7--xs {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-8--xs {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-9--xs {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-10--xs {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-11--xs {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .grid-col-12--xs {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid-col-1--sm {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2--sm {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3--sm {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4--sm {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5--sm {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6--sm {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7--sm {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8--sm {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9--sm {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10--sm {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11--sm {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12--sm {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .grid-col-1--md {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2--md {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3--md {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4--md {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5--md {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6--md {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7--md {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8--md {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9--md {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10--md {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11--md {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12--md {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .grid-col-1--lg {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2--lg {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3--lg {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4--lg {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5--lg {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6--lg {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7--lg {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8--lg {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9--lg {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10--lg {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11--lg {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12--lg {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
@media (min-width: 1600px) and (max-width: 99998px) {
  .grid-col-1--xl {
    width: calc(100% * 1 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-2--xl {
    width: calc(100% * 2 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-3--xl {
    width: calc(100% * 3 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-4--xl {
    width: calc(100% * 4 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-5--xl {
    width: calc(100% * 5 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-6--xl {
    width: calc(100% * 6 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-7--xl {
    width: calc(100% * 7 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-8--xl {
    width: calc(100% * 8 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-9--xl {
    width: calc(100% * 9 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-10--xl {
    width: calc(100% * 10 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-11--xl {
    width: calc(100% * 11 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
  .grid-col-12--xl {
    width: calc(100% * 12 / 12);
    margin-bottom: 0;
    padding: 0 20px;
  }
}
.grid-offset-0 {
  margin-left: calc(100% * 0 / 12);
}
.grid-offset-1 {
  margin-left: calc(100% * 1 / 12);
}
.grid-offset-2 {
  margin-left: calc(100% * 2 / 12);
}
.grid-offset-3 {
  margin-left: calc(100% * 3 / 12);
}
.grid-offset-4 {
  margin-left: calc(100% * 4 / 12);
}
.grid-offset-5 {
  margin-left: calc(100% * 5 / 12);
}
.grid-offset-6 {
  margin-left: calc(100% * 6 / 12);
}
.grid-offset-7 {
  margin-left: calc(100% * 7 / 12);
}
.grid-offset-8 {
  margin-left: calc(100% * 8 / 12);
}
.grid-offset-9 {
  margin-left: calc(100% * 9 / 12);
}
.grid-offset-10 {
  margin-left: calc(100% * 10 / 12);
}
.grid-offset-11 {
  margin-left: calc(100% * 11 / 12);
}
.grid-offset-12 {
  margin-left: calc(100% * 12 / 12);
}
@media (min-width: 0) and (max-width: 767px) {
  .grid-offset-0--xs {
    margin-left: calc(100% * 0 / 12);
  }
  .grid-offset-1--xs {
    margin-left: calc(100% * 1 / 12);
  }
  .grid-offset-2--xs {
    margin-left: calc(100% * 2 / 12);
  }
  .grid-offset-3--xs {
    margin-left: calc(100% * 3 / 12);
  }
  .grid-offset-4--xs {
    margin-left: calc(100% * 4 / 12);
  }
  .grid-offset-5--xs {
    margin-left: calc(100% * 5 / 12);
  }
  .grid-offset-6--xs {
    margin-left: calc(100% * 6 / 12);
  }
  .grid-offset-7--xs {
    margin-left: calc(100% * 7 / 12);
  }
  .grid-offset-8--xs {
    margin-left: calc(100% * 8 / 12);
  }
  .grid-offset-9--xs {
    margin-left: calc(100% * 9 / 12);
  }
  .grid-offset-10--xs {
    margin-left: calc(100% * 10 / 12);
  }
  .grid-offset-11--xs {
    margin-left: calc(100% * 11 / 12);
  }
  .grid-offset-12--xs {
    margin-left: calc(100% * 12 / 12);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid-offset-0--sm {
    margin-left: calc(100% * 0 / 12);
  }
  .grid-offset-1--sm {
    margin-left: calc(100% * 1 / 12);
  }
  .grid-offset-2--sm {
    margin-left: calc(100% * 2 / 12);
  }
  .grid-offset-3--sm {
    margin-left: calc(100% * 3 / 12);
  }
  .grid-offset-4--sm {
    margin-left: calc(100% * 4 / 12);
  }
  .grid-offset-5--sm {
    margin-left: calc(100% * 5 / 12);
  }
  .grid-offset-6--sm {
    margin-left: calc(100% * 6 / 12);
  }
  .grid-offset-7--sm {
    margin-left: calc(100% * 7 / 12);
  }
  .grid-offset-8--sm {
    margin-left: calc(100% * 8 / 12);
  }
  .grid-offset-9--sm {
    margin-left: calc(100% * 9 / 12);
  }
  .grid-offset-10--sm {
    margin-left: calc(100% * 10 / 12);
  }
  .grid-offset-11--sm {
    margin-left: calc(100% * 11 / 12);
  }
  .grid-offset-12--sm {
    margin-left: calc(100% * 12 / 12);
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .grid-offset-0--md {
    margin-left: calc(100% * 0 / 12);
  }
  .grid-offset-1--md {
    margin-left: calc(100% * 1 / 12);
  }
  .grid-offset-2--md {
    margin-left: calc(100% * 2 / 12);
  }
  .grid-offset-3--md {
    margin-left: calc(100% * 3 / 12);
  }
  .grid-offset-4--md {
    margin-left: calc(100% * 4 / 12);
  }
  .grid-offset-5--md {
    margin-left: calc(100% * 5 / 12);
  }
  .grid-offset-6--md {
    margin-left: calc(100% * 6 / 12);
  }
  .grid-offset-7--md {
    margin-left: calc(100% * 7 / 12);
  }
  .grid-offset-8--md {
    margin-left: calc(100% * 8 / 12);
  }
  .grid-offset-9--md {
    margin-left: calc(100% * 9 / 12);
  }
  .grid-offset-10--md {
    margin-left: calc(100% * 10 / 12);
  }
  .grid-offset-11--md {
    margin-left: calc(100% * 11 / 12);
  }
  .grid-offset-12--md {
    margin-left: calc(100% * 12 / 12);
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .grid-offset-0--lg {
    margin-left: calc(100% * 0 / 12);
  }
  .grid-offset-1--lg {
    margin-left: calc(100% * 1 / 12);
  }
  .grid-offset-2--lg {
    margin-left: calc(100% * 2 / 12);
  }
  .grid-offset-3--lg {
    margin-left: calc(100% * 3 / 12);
  }
  .grid-offset-4--lg {
    margin-left: calc(100% * 4 / 12);
  }
  .grid-offset-5--lg {
    margin-left: calc(100% * 5 / 12);
  }
  .grid-offset-6--lg {
    margin-left: calc(100% * 6 / 12);
  }
  .grid-offset-7--lg {
    margin-left: calc(100% * 7 / 12);
  }
  .grid-offset-8--lg {
    margin-left: calc(100% * 8 / 12);
  }
  .grid-offset-9--lg {
    margin-left: calc(100% * 9 / 12);
  }
  .grid-offset-10--lg {
    margin-left: calc(100% * 10 / 12);
  }
  .grid-offset-11--lg {
    margin-left: calc(100% * 11 / 12);
  }
  .grid-offset-12--lg {
    margin-left: calc(100% * 12 / 12);
  }
}
@media (min-width: 1600px) and (max-width: 99998px) {
  .grid-offset-0--xl {
    margin-left: calc(100% * 0 / 12);
  }
  .grid-offset-1--xl {
    margin-left: calc(100% * 1 / 12);
  }
  .grid-offset-2--xl {
    margin-left: calc(100% * 2 / 12);
  }
  .grid-offset-3--xl {
    margin-left: calc(100% * 3 / 12);
  }
  .grid-offset-4--xl {
    margin-left: calc(100% * 4 / 12);
  }
  .grid-offset-5--xl {
    margin-left: calc(100% * 5 / 12);
  }
  .grid-offset-6--xl {
    margin-left: calc(100% * 6 / 12);
  }
  .grid-offset-7--xl {
    margin-left: calc(100% * 7 / 12);
  }
  .grid-offset-8--xl {
    margin-left: calc(100% * 8 / 12);
  }
  .grid-offset-9--xl {
    margin-left: calc(100% * 9 / 12);
  }
  .grid-offset-10--xl {
    margin-left: calc(100% * 10 / 12);
  }
  .grid-offset-11--xl {
    margin-left: calc(100% * 11 / 12);
  }
  .grid-offset-12--xl {
    margin-left: calc(100% * 12 / 12);
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .order-1-xs {
    order: 1;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .order-2-xs {
    order: 2;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .order-3-xs {
    order: 3;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .order-4-xs {
    order: 4;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .order-5-xs {
    order: 5;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .hide-xs {
    display: none !important;
  }
}

.show-xs {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .show-xs {
    display: block !important;
  }
}

* {
  box-sizing: border-box;
  outline: none;
}

body {
  background: #FBFCFF;
  font-family: "Golos", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.body--noscroll {
  overflow: hidden;
  height: 100%;
}

html.overflow-hidden {
  overflow: hidden;
  height: 100%;
}

button {
  font-family: inherit;
  padding: 0;
  border: none;
  outline: none;
  background: none;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.main {
  position: relative;
  padding: 30px 0 100px;
}
@media (min-width: 0) and (max-width: 767px) {
  .main {
    padding: 20px 0 60px;
  }
}

.swiper-container {
  overflow: hidden;
}

.swiper-pagination {
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 8px !important;
  background: #C0C2D7;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
}

.swiper-button-prev,
.swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: linear-gradient(357.06deg, #8F8EA6 -14.21%, #5D5A80 78.78%);
  border-radius: 12px;
}
.swiper-button-prev::before,
.swiper-button-next::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(180deg, #44BBFE 0%, #1E78FE 100%);
  transform: matrix(0, -1, -1, 0, 0, 0);
  opacity: 0;
  transition: opacity 0.2s;
  content: "";
}
.swiper-button-prev::after,
.swiper-button-next::after {
  z-index: 1;
  width: 11px;
  height: 11px;
  background: url(/images/arrow-right.svg?5cfbf48a6ae792dfcfc2cad72e73766c) center no-repeat;
  background-size: contain;
  content: "";
}
.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
  opacity: 1;
}

.swiper-button-prev::after {
  transform: rotate(180deg);
}

.fancybox__thumb::after {
  border-width: 3px !important;
  border-color: #0382E3 !important;
}

@font-face {
  font-family: "Golos";
  src: local("Golos Regular"), local("Gilroy-Regular"), url(/fonts/Golos-Regular.woff2?79beb6689f814c323459c0d911328812) format("woff2"), url(/fonts/Golos-Regular.woff?ec7d0d6496782977dd0053609dce4443) format("woff"), url(/fonts/Golos-Regular.ttf?1f7f5af1de468c5ba924ce571a89fc14) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Golos";
  src: local("Golos Medium"), local("Gilroy-Medium"), url(/fonts/Golos-Medium.woff2?7e02ca4296f6398e22f965aa901c7100) format("woff2"), url(/fonts/Golos-Medium.woff?93a7b350654f3de5bf2d183fc15a7784) format("woff"), url(/fonts/Golos-Medium.ttf?540cf164b64bdbf4bc82fe04365d2e96) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Golos";
  src: local("Golos Semibold"), local("Gilroy-Semibold"), url(/fonts/Golos-Semibold.woff2?339965ceebef0cae960ff67974eb4888) format("woff2"), url(/fonts/Golos-Semibold.woff?812cfc076488231610ef07cb2d748f37) format("woff"), url(/fonts/Golos-Semibold.ttf?252e4f86e5c6b4b3a9fdc4a51ab19cb3) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Golos";
  src: local("Golos Bold"), local("Gilroy-Bold"), url(/fonts/Golos-Bold.woff2?7aebee04f4f197d7b2f42bc3f7006086) format("woff2"), url(/fonts/Golos-Bold.woff?65c353ff1c6222db6b6d0c5815d7ce6c) format("woff"), url(/fonts/Golos-Bold.ttf?f62f6de031d0c5e45eeb334d1a69a031) format("truetype");
  font-weight: 700;
  font-style: normal;
}
.active-filters {
  margin-bottom: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .active-filters {
    width: calc(100% + 40px);
    max-height: 40px;
    margin: 0 -20px 26px;
    overflow: hidden;
  }
}
@media (min-width: 0) and (max-width: 1365px) {
  .active-filters {
    order: 2;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .active-filters {
    padding-top: 4px;
  }
}
.active-filters__items {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 8px);
  max-height: 54px;
  overflow: hidden;
  margin: 0 -4px;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}
@media (min-width: 0) and (max-width: 767px) {
  .active-filters__items {
    flex-wrap: nowrap;
    width: 100%;
    max-height: none;
    padding: 0 20px 10px;
    overflow-x: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .active-filters__items {
    max-height: 50px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .active-filters__items {
    max-height: 52px;
  }
}
.active-filters--opened .active-filters__items {
  max-height: 1000px;
  transition: max-height 1s ease-in-out;
}
.active-filters-item {
  display: flex;
  align-items: center;
  margin: 0 4px 14px;
  padding: 9px 19px;
  background: #FFFFFF;
  border: 1px solid #8F8EA6;
  box-sizing: border-box;
  border-radius: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #262343;
  cursor: pointer;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .active-filters-item {
    flex-shrink: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .active-filters-item {
    margin-bottom: 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .active-filters-item {
    margin-bottom: 12px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .active-filters-item {
    padding: 9px 16px;
  }
}
.active-filters-item:hover {
  background: #EFEEFF;
  border-color: #EFEEFF;
  color: #464188;
}
.active-filters-item:active {
  background: #262343;
  border-color: #262343;
  color: #FFFFFF;
}
.active-filters-item__text {
  margin-right: 6px;
}
.active-filters-item__value {
  font-weight: 500;
}
.active-filters__button {
  display: table;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #0263AD;
  transition: 0.2s;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .active-filters__button {
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;
  }
}
.active-filters__button:hover {
  color: #0382E3;
}

.burger {
  width: 20px;
  height: 17px;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
.burger:before, .burger:after {
  content: "";
  transform: rotate(0);
}
.burger:before {
  top: 0;
  transition: transform 0.2s;
}
.burger--active::before {
  top: 7px;
  transform: rotate(45deg);
}
.burger:after {
  bottom: 0;
  transition: transform 0.2s;
}
.burger--active::after {
  bottom: 7px;
  transform: rotate(-45deg);
}
.burger__line, .burger:before, .burger:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  border-radius: 40px;
  background: #FFFFFF;
}
.burger__line {
  top: 7px;
  visibility: visible;
}
.burger--active .burger__line {
  visibility: hidden;
}

@media (min-width: 0) and (max-width: 767px) {
  .catalog--widget {
    padding-bottom: 48px;
  }
}
.catalog__head {
  margin-bottom: 40px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog__head {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog__head {
    margin-bottom: 30px;
  }
}
.search-results .catalog__head {
  margin-bottom: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results .catalog__head {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .search-results .catalog__head {
    margin-bottom: 20px;
  }
}
.catalog__title {
  margin-bottom: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog__title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 38px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog__title {
    font-size: 36px;
    line-height: 43px;
  }
}
.catalog__text {
  margin: 0;
  max-width: 470px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #595680;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog__text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog__text {
    max-width: 340px;
    font-size: 14px;
    line-height: 20px;
  }
}
.catalog__search-results {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #262343;
}
.catalog__container {
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog__container {
    padding: 0 0 44px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog__container {
    padding-top: 0;
  }
}
.catalog-content {
  width: 100%;
}
@media (min-width: 0) and (max-width: 1365px) {
  .catalog-content--dflex {
    display: flex;
    flex-direction: column;
  }
}
.catalog-content__series {
  margin-bottom: 46px;
}
.catalog-content__title {
  margin-bottom: 34px;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.02em;
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-content__title {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
  }
}
.catalog-content-params {
  margin-bottom: 40px;
  padding-top: 10px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-content-params {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .catalog-content-params {
    margin-bottom: 32px;
  }
}
@media (min-width: 0) and (max-width: 1365px) {
  .catalog-content-params {
    order: 1;
  }
}
.catalog-content-params:first-child {
  margin-top: 0;
}
.search-results .catalog-content-params {
  margin-bottom: 0;
}
.catalog-content-params__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-content-params__row {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-content-params__row--dflex-sm {
    display: flex;
  }
}
.catalog-content-params__pagination {
  margin-bottom: 32px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-content-params__pagination {
    margin-bottom: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-content-params__pagination {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-content-params__row--dflex-sm .catalog-content-params__pagination {
    margin-bottom: 32px;
  }
}
.catalog-content-params__sorting {
  margin-bottom: 32px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-content-params__sorting {
    margin-bottom: 30px;
  }
}
.catalog-content-params__items {
  display: flex;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-content-params__items {
    display: none;
  }
}
.catalog-content-params__items .ui-checkbox__icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
.catalog-content-params__items .ui-checkbox__icon::after {
  top: 5px;
  left: 4px;
}
.catalog-content-params__items .ui-checkbox__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-content-params__items .ui-checkbox__text {
    font-size: 15px;
  }
}
.catalog-content-params__item {
  margin-right: 24px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-content-params__item {
    margin-right: 20px;
  }
}
.catalog-content-params__item:last-child {
  margin-right: 0;
}
@media (min-width: 0) and (max-width: 1365px) {
  .catalog-content--dflex .catalog-content-params {
    padding-top: 0;
  }
}
@media (min-width: 0) and (max-width: 1365px) {
  .catalog-content .ui-button--more {
    order: 4;
  }
}
.catalog-filter {
  flex-shrink: 0;
  width: 280px;
  margin-right: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-filter {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
    background: #FFFFFF;
    visibility: hidden;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    transform: translateX(100%);
    transition: transform 0.2s ease-out, visibility 0s 0.3s;
  }
  .filter-opened .catalog-filter {
    visibility: visible;
    z-index: 1000;
    transform: translateY(0);
    transition: transform 0.3s ease-out, visibility 0s;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-filter {
    margin-right: 22px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-filter {
    width: 318px;
    margin-right: 22px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .catalog-filter {
    margin-right: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 99998px) {
  .catalog-filter {
    display: block !important;
  }
}
.catalog-filter__head {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-filter__head {
    display: block;
    flex-shrink: 0;
    padding: 20px 0 22px;
    border-bottom: 1px solid #DEE0F2;
    background: #FFFFFF;
  }
}
.catalog-filter__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #2B284F;
}
.catalog-filter__close {
  position: absolute;
  top: 18px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #8F8EA6;
  transition: 0.2s;
}
.catalog-filter__close svg {
  width: 14px;
  height: 14px;
}
.catalog-filter__footer {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-filter__footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 10px 35px;
    background: #FFFFFF;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-filter__footer .ui-button {
    flex-grow: 1;
    padding: 12px 24px 11px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-filter__footer .ui-button--outline {
    padding: 11px 25px 10px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-filter__footer .ui-button:nth-child(2) {
    margin-left: 10px;
  }
}
.catalog-series {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 29px);
  margin: 0 -14px 10px -15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-series {
    width: calc(100% + 12px);
    margin: 0 -6px 10px;
    padding-top: 6px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-series {
    width: calc(100% + 16px);
    margin: 0 -8px 9px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-series {
    width: calc(100% + 20px);
    margin: 0 -10px 9px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .catalog-series {
    width: calc(100% + 15px);
    margin: 0 -7px 20px -8px;
  }
}
.catalog-display {
  display: flex;
  align-items: center;
}
.catalog-display__label {
  margin-right: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #262343;
}
.catalog-display .ui-select__options {
  width: auto;
}
.catalog-display .ui-select-option {
  white-space: nowrap;
}

.catalog-detail__content {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__content {
    display: block;
  }
}
.catalog-detail__left {
  flex-shrink: 0;
  width: 588px;
  margin-right: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__left {
    width: 100%;
    margin: 0 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail__left {
    width: 360px;
    margin-right: 26px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-detail__left {
    width: 450px;
  }
}
.catalog-detail__labels {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  display: flex;
  align-items: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__labels {
    top: 12px;
    left: 12px;
  }
}
.catalog-detail__labels--right {
  right: 20px;
  left: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__labels--right {
    right: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail__right {
    padding-top: 10px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__right--dflex-xs {
    display: flex;
    flex-direction: column;
  }
}
.catalog-detail__title {
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 55px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 31px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail__title {
    font-size: 26px;
    line-height: 31px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-detail__title {
    font-size: 36px;
    line-height: 47px;
  }
}
.catalog-detail__desc {
  margin-bottom: 34px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #595680;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__desc {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail__desc {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
}
.catalog-detail__desc p {
  margin: 0 0 15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__desc p {
    margin-bottom: 10px;
  }
}
.catalog-detail__desc p:last-child {
  margin-bottom: 0;
}
.catalog-detail__desc h5 {
  margin: 0 0 14px;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.03em;
  color: #2B284F;
}
.catalog-detail__desc ul {
  margin: 14px 0 20px;
  padding: 0;
}
.catalog-detail__desc ul li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 23px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #595680;
  list-style: none;
}
.catalog-detail__desc ul li:last-child {
  margin-bottom: 0;
}
.catalog-detail__desc ul li::before {
  position: absolute;
  top: 13px;
  left: 9px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #595680;
  content: "";
}
.catalog-detail-params {
  margin-bottom: 40px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-params {
    margin-bottom: 30px;
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0 0 60px rgba(176, 182, 194, 0.15);
    border-radius: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .catalog-detail-params {
    margin-bottom: 30px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-params.ui-tabs {
    padding: 20px;
  }
}
.catalog-detail-params__buttons {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-params__buttons {
    display: block;
    margin-bottom: 20px;
  }
}
.catalog-detail-params__title {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-params__title {
    display: block;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #262343;
  }
}
.catalog-detail-params-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-params-item {
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 17px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail-params-item {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 22px;
  }
}
.catalog-detail-params-item:last-child {
  margin-bottom: 0;
}
.catalog-detail-params-item__text {
  flex-shrink: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-params-item__text {
    margin-bottom: 4px;
  }
}
.catalog-detail-params-item__value {
  padding-left: 35px;
  font-weight: 500;
  color: #323232;
  text-align: right;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-params-item__value {
    padding: 0;
    text-align: left;
    letter-spacing: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-detail-params-item__value {
    font-weight: 500;
  }
}
.catalog-detail__code {
  margin-bottom: 28px;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #273466;
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-detail__code {
    margin-bottom: 24px;
    font-size: 18px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__code {
    padding-top: 4px;
  }
}
.catalog-detail-available {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-detail-available {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-detail-available {
    margin-bottom: 26px;
  }
}
.catalog-detail-available__status {
  margin-right: 20px;
}
.catalog-detail-available__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2B284F;
}
.catalog-detail-available__text span {
  padding-left: 4px;
  font-weight: 500;
}
.catalog-detail-order {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-detail-order {
    flex-wrap: wrap;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-order {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail-order {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-detail-order {
    padding-top: 10px;
  }
}
.catalog-detail-order__price {
  margin-right: 30px;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #273466;
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-detail-order__price {
    width: 100%;
    margin: 0 0 20px;
    font-size: 22px;
  }
}
.catalog-detail-order__picker {
  flex-shrink: 0;
  width: 130px;
  margin-right: 14px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-order__picker {
    margin-right: 10px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail-order .ui-button--small {
    padding: 16px 14px 15px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail__downloads {
    padding-top: 24px;
  }
}
.catalog-detail__downloads--tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-detail__downloads--tablet {
    display: block;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-detail__downloads--desktop {
    display: none;
  }
}
.catalog-detail__back {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-detail__back {
    display: table;
    position: relative;
    margin-top: 30px;
    padding-left: 13px;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #2F90FF;
    text-decoration: none;
  }
}
.catalog-detail__back::before {
  position: absolute;
  top: 50%;
  left: -3px;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  background: url(/images/chevron-down-blue.svg?39111b98fe90f87a9ef6a74f7f4f5aa5) center no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  content: "";
}

.catalog-empty {
  margin-top: 84px;
  padding: 60px;
  background: #FFFFFF;
  box-shadow: 0 4px 80px rgba(231, 236, 247, 0.63);
  border-radius: 40px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-empty {
    margin-top: 0;
    padding: 44px 20px 36px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-empty {
    margin-top: 42px;
    padding: 60px 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-empty {
    margin-top: 42px;
    padding: 74px 50px 60px;
  }
}
.catalog-empty__image {
  width: 156px;
  height: 156px;
  margin: 0 auto 40px;
  background: url(/images/catalog-empty.svg?c348a8832f488f7734caa87db1c93b9e) center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-empty__image {
    width: 80px;
    height: 80px;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-empty__image {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-empty__image {
    width: 122px;
    height: 122px;
  }
}
.catalog-empty__text {
  max-width: 470px;
  margin: 0 auto;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #262343;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-empty__text {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-empty__text {
    font-size: 18px;
    line-height: 25px;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-empty__text br {
    display: none;
  }
}

.catalog-items {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 18px);
  margin: 0 -9px 7px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-items {
    width: calc(100% + 12px);
    margin: 0 -6px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .catalog-items {
    width: calc(100% + 16px);
    margin: 0 -8px 9px;
  }
}
@media (min-width: 0) and (max-width: 1365px) {
  .catalog-content--dflex .catalog-items {
    order: 3;
  }
}

.catalog-item {
  position: relative;
  width: calc((100% - 72px) / 4);
  margin: 0 9px 34px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item {
    width: calc((100% - 24px) / 2);
    margin: 0 6px 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-item {
    width: calc((100% - 32px) / 2);
    margin: 0 8px 26px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item {
    width: calc((100% - 48px) / 3);
    margin: 0 8px 30px;
  }
}
.catalog-item--series {
  width: calc((100% - 87px) / 3);
  margin: 0 14px 30px 15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item--series {
    width: calc((100% - 24px) / 2);
    margin: 0 6px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-item--series {
    width: calc((100% - 32px) / 2);
    margin: 0 8px 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item--series {
    width: calc((100% - 40px) / 2);
    margin: 0 10px 30px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .catalog-item--series {
    width: calc((100% - 45px) / 3);
    margin: 0 7px 30px 8px;
  }
}
.swiper-container .catalog-item {
  width: calc((100% - 116px) / 4);
  margin: 0 14px 0 15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .swiper-container .catalog-item {
    width: calc((100% - 24px) / 2);
    margin: 0 6px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .swiper-container .catalog-item {
    width: calc((100% - 84px) / 3);
    margin: 0 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .swiper-container .catalog-item {
    width: calc((100% - 88px) / 4);
    margin: 0 11px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .swiper-container .catalog-item {
    width: calc((100% - 80px) / 4);
    margin: 0 10px;
  }
}
.swiper-initialized .catalog-item {
  width: auto;
  margin: 0;
}
.catalog-item-card {
  display: block;
  width: 100%;
  text-decoration: none;
}
.catalog-item-card__frame {
  width: 100%;
  height: 206px;
  margin-bottom: 20px;
  padding: 29px 19px;
  background: #FFFFFF;
  box-shadow: 0 2px 60px rgba(176, 182, 194, 0.1);
  border: 1px solid #EBEEF5;
  border-radius: 20px;
  transition: box-shadow 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item-card__frame {
    height: 42vw;
    margin-bottom: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-item-card__frame {
    height: 186px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item-card__frame {
    height: 186px;
    padding: 19px 11px;
  }
}
@media (min-width: 1366px) and (max-width: 1599px) {
  .catalog-item-card__frame {
    height: 186px;
    padding: 19px 15px;
  }
}
.catalog-item:hover .catalog-item-card__frame {
  box-shadow: none;
}
.catalog-item--series .catalog-item-card__frame {
  height: 240px;
  padding: 20px;
  border: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item--series .catalog-item-card__frame {
    height: 42vw;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-item--series .catalog-item-card__frame {
    height: 188px;
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item--series .catalog-item-card__frame {
    height: 252px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .catalog-item--series .catalog-item-card__frame {
    height: 228px;
    margin-bottom: 32px;
    padding: 14px;
  }
}
.products-slider .catalog-item-card__frame {
  height: 240px;
  padding: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .products-slider .catalog-item-card__frame {
    height: 42vw;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .products-slider .catalog-item-card__frame {
    height: 190px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .products-slider .catalog-item-card__frame {
    height: 198px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .products-slider .catalog-item-card__frame {
    height: 232px;
  }
}
.catalog-item__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 7px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item__image-wrap {
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item__image-wrap {
    padding: 13px;
  }
}
.catalog-item--series .catalog-item__image-wrap {
  padding: 32px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item--series .catalog-item__image-wrap {
    padding: 0;
  }
}
.catalog-item__image {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: contain; object-position: center;";
}
.catalog-item__title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.02em;
  color: #2B284F;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item__title {
    font-size: 15px;
    line-height: 21px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-item__title {
    font-size: 17px;
    line-height: 24px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item--series .catalog-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .products-slider .catalog-item__title {
    font-size: 14px;
    line-height: 17px;
  }
}
.catalog-item__price {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #0263AD;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item__price {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-item__price {
    font-size: 18px;
    line-height: 25px;
  }
}
.catalog-item-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  padding: 20px 14px;
  background: #FFFFFF;
  border: 1px solid #EDECFF;
  box-sizing: border-box;
  box-shadow: 0 4px 40px rgba(176, 182, 194, 0.3);
  border-radius: 20px;
  transition: opacity 0.3s;
}
@media (min-width: 0) and (max-width: 1023px) {
  .catalog-item-popup {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item-popup {
    padding: 19px 11px;
  }
}
@media (min-width: 1366px) and (max-width: 1599px) {
  .catalog-item-popup {
    padding: 15px 14px;
  }
}
@media (min-width: 1024px) and (max-width: 99998px) {
  .catalog-item:hover .catalog-item-popup {
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }
}
.catalog-item--series .catalog-item-popup {
  padding: 20px 10px 16px;
}
.catalog-item-popup__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 157px;
  margin: 0 6px 12px;
  text-decoration: none;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item-popup__image-wrap {
    height: 130px;
  }
}
.catalog-item--series .catalog-item-popup__image-wrap {
  margin: 0 10px 12px;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-item--series .catalog-item-popup__image-wrap {
    height: 157px;
  }
}
.catalog-item-popup__title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
  text-decoration: none;
}
.catalog-item-popup .ui-button {
  margin-top: 20px;
}
.catalog-item__labels {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item__labels {
    top: 8px;
    left: 8px;
  }
}
.catalog-item__labels--param {
  right: 12px;
  left: auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-item__labels--param {
    right: 8px;
  }
}
.catalog-item:hover .catalog-item__labels {
  z-index: 3;
}
.catalog-item__code {
  margin-top: 9px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #8F8EA6;
}
.catalog-item__params {
  position: relative;
  margin-top: 16px;
  padding-top: 16px;
}
.catalog-item--series .catalog-item__params {
  margin-top: 12px;
}
.catalog-item__params::before {
  position: absolute;
  top: 0;
  left: -14px;
  width: calc(100% + 28px);
  height: 1px;
  background: #DEE0F2;
  content: "";
}
.catalog-item--series .catalog-item__params::before {
  width: calc(100% + 20px);
  left: -10px;
}
.catalog-item-param {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #1C184B;
}
.catalog-item-param:last-child {
  margin-bottom: 0;
}
.catalog-item-param__value {
  padding-left: 12px;
  font-weight: 500;
  text-align: right;
}

.catalog-section {
  margin-bottom: 20px;
  padding-top: 10px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section {
    margin-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section {
    margin-bottom: 10px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .catalog-section {
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .catalog-section {
    margin-bottom: 26px;
  }
}
.catalog-section:last-child {
  margin-bottom: 0;
}
.search-results .catalog-section {
  padding-top: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-tabs .catalog-section {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-tabs .catalog-section--active {
    display: block;
  }
}
.catalog-section__title {
  margin-bottom: 40px;
  font-size: 36px;
  line-height: 43px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section__title {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section__title {
    font-size: 32px;
    line-height: 38px;
  }
}
.catalog-section__items {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 29px);
  margin: 0 -14px 0 -15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section__items {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section__items {
    width: calc(100% + 28px);
    margin: 0 -14px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-section__items {
    width: calc(100% + 26px);
    margin: 0 -13px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .catalog-section__items {
    width: calc(100% + 16px);
    margin: 0 -8px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .catalog-section__items {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
.catalog-section-item {
  width: calc((100% - 116px) / 4);
  margin: 0 14px 30px 15px;
  text-decoration: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-item {
    width: 100%;
    margin: 0 0 12px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section-item {
    width: calc((100% - 56px) / 2);
    margin: 0 14px 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-section-item {
    width: calc((100% - 78px) / 3);
    margin: 0 13px 30px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .catalog-section-item {
    width: calc((100% - 64px) / 4);
    margin: 0 8px 20px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .catalog-section-item {
    width: calc((100% - 80px) / 4);
    margin: 0 10px 24px;
  }
}
.catalog-section-item--search {
  margin-bottom: 34px;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-item--search {
    margin-bottom: 24px;
  }
}
.catalog-section-item__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 280px;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #EDECFF;
  box-sizing: border-box;
  box-shadow: 0 2px 60px rgba(176, 182, 194, 0.15);
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-item__card {
    height: 254px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section-item__card {
    height: 336px;
    padding: 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-section-item__card {
    height: 300px;
    padding: 30px;
  }
}
.catalog-section-item--search .catalog-section-item__card {
  height: 240px;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section-item--search .catalog-section-item__card {
    height: 296px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .catalog-section-item--search .catalog-section-item__card {
    height: 260px;
  }
}
@media (min-width: 1366px) and (max-width: 1599px) {
  .catalog-section-item--search .catalog-section-item__card {
    height: 232px;
  }
}
.catalog-section-item:hover .catalog-section-item__card {
  box-shadow: 0 8px 80px rgba(176, 182, 194, 0.3);
}
.catalog-section-item__image {
  flex-grow: 1;
  width: 100%;
  margin-bottom: 15px;
  background: center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-item__image {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section-item__image {
    margin-bottom: 30px;
  }
}
.catalog-section-item--search .catalog-section-item__image {
  margin: 0;
}
.catalog-section-item__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.02em;
  color: #2B284F;
  text-align: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-item__title {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section-item__title {
    padding: 0 14px;
  }
}
.catalog-section-item--search .catalog-section-item__title {
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .catalog-section-item--search .catalog-section-item__title {
    padding: 0;
  }
}
.catalog-section-tabs-buttons {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .catalog-section-tabs-buttons {
    display: block;
    width: calc(100% + 40px);
    margin: 0 -20px 30px;
    overflow: hidden;
  }
}
.catalog-section-tabs-buttons__inner {
  display: flex;
  overflow-x: auto;
  margin-bottom: -10px;
  padding: 0 20px 10px;
}
.catalog-section-tabs-buttons__item {
  position: relative;
  margin-right: 10px;
  padding: 9px 15px;
  border: 1px solid #8F8EA6;
  box-sizing: border-box;
  border-radius: 600px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
}
.catalog-section-tabs-buttons__item::before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  opacity: 0;
  background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
  transition: opacity 0.2s;
  content: "";
}
.catalog-section-tabs-buttons__item--active {
  color: #FFFFFF;
}
.catalog-section-tabs-buttons__item--active::before {
  opacity: 1;
}
.catalog-section-tabs-buttons__item:last-child {
  margin-right: 0;
}
.catalog-section-tabs-buttons__item span {
  position: relative;
}

.downloads-item {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #DEE0F2;
}
@media (min-width: 0) and (max-width: 767px) {
  .downloads-item--flex-wrap-xs {
    flex-wrap: wrap;
    border: none;
  }
}
.downloads-item:last-child {
  margin-bottom: 0;
}
.downloads-item__title {
  margin-right: auto;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 1023px) {
  .downloads-item__title {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .downloads-item--flex-wrap-xs .downloads-item__title {
    order: 1;
  }
}
.downloads-item__size {
  margin-right: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #8F8EA6;
}
@media (min-width: 0) and (max-width: 1023px) {
  .downloads-item__size {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .downloads-item__size {
    margin-right: 14px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .downloads-item--flex-wrap-xs .downloads-item__size {
    order: 3;
  }
}
.downloads-item__link {
  position: relative;
  padding-right: 28px;
  text-decoration: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .downloads-item--flex-wrap-xs .downloads-item__link {
    order: 2;
  }
}
.downloads-item__link::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/images/arrow-download.svg?844d8ab49a27affc69a3b74566c78963) center no-repeat;
  background-size: contain;
  content: "";
}
.downloads-item__link span {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
@media (min-width: 0) and (max-width: 1023px) {
  .downloads-item__link span {
    font-size: 14px;
    line-height: 17px;
  }
}

.error-page {
  padding: 70px 0 24px;
}
.error-page__content {
  max-width: 555px;
  margin: 0 auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .error-page__content {
    max-width: 410px;
  }
}
.error-page__image {
  width: 156px;
  height: 156px;
  margin: 0 auto 43px;
  background: url(/images/not-found.svg?f41e4cc7ff0fdca8ca5082b53a7de8e4) center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .error-page__image {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
  }
}
.error-page__title {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 767px) {
  .error-page__title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 29px;
  }
}
.error-page__text {
  margin-bottom: 43px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 767px) {
  .error-page__text {
    margin-bottom: 28px;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
  }
}
.error-page__text a {
  color: #4083BF;
}
@media (min-width: 0) and (max-width: 767px) {
  .error-page__text a {
    color: inherit;
    pointer-events: none;
  }
}
.error-page__button.ui-button {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .error-page__button.ui-button {
    display: flex;
    margin: 0 auto 12px;
  }
}
.error-page__search {
  max-width: 410px;
  margin: 0 auto;
}
.error-page__search .ui-search::before {
  top: 17px;
}
.error-page__search .ui-search .ui-input__control {
  padding: 14px 16px 14px 45px;
  border-color: #FFFFFF;
}

.filter {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #DEE0F2;
  box-sizing: border-box;
  border-radius: 12px;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter {
    border: none;
    overflow-y: auto;
  }
}
.filter__head {
  padding: 29px 23px 32px;
  border-bottom: 1px solid #DEE0F2;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter__head {
    display: none;
  }
}
.filter__footer {
  padding: 4px 23px 24px;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter__footer {
    display: none !important;
  }
}
.filter__label {
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #262343;
}
.filter-param {
  padding: 24px 23px 13px;
  border-bottom: 1px solid #DEE0F2;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-param {
    padding: 24px 20px 9px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-param:first-child {
    padding-top: 3px;
  }
}
.filter-param__title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #273466;
}
.filter-param__content {
  margin-bottom: 10px;
  padding: 5px 0 7px;
}
.filter-param__items {
  max-height: 117px;
  margin-bottom: -22px;
  padding-top: 3px;
  overflow: auto;
}
@media (min-width: 0) and (max-width: 1023px) {
  .filter-param__items {
    max-height: none;
    margin-bottom: 0;
  }
}
.filter-param-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 0) and (max-width: 1023px) {
  .filter-param-item:last-child {
    margin-bottom: 0;
  }
}
.filter-param .ui-checkbox__icon {
  width: 22px;
  height: 22px;
  margin-right: 14px;
}
.filter-param .ui-checkbox__icon::after {
  top: 5px;
  left: 4px;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-param .scrollbar-track {
    display: none !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-param .scroll-content {
    transform: translate3d(0px, 0px, 0px) !important;
  }
}
.filter__button-clear {
  margin-top: 20px;
}

.filter-button {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-button {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 10;
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #DEE0F2;
    box-sizing: border-box;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    cursor: pointer;
  }
  .filter-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 25px;
    margin: -13px 0 0 -13px;
    background: url(/images/filter.svg?79e16b4bf7c9c01087cf1f1ba9588207) center no-repeat;
    background-size: contain;
    content: "";
  }
}
.filter-button--abs {
  position: absolute;
}

.filter-item__fields {
  display: flex;
  width: calc(100% + 15px);
  margin: 0 -7px 0 -8px;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-item__fields {
    width: calc(100% + 12px);
    margin: 0 -6px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .filter-item__fields {
    width: calc(100% + 12px);
    margin: 0 -6px;
  }
}
.filter-item__field {
  width: calc((100% - 30px) / 2);
  margin: 0 7px 0 8px;
}
@media (min-width: 0) and (max-width: 767px) {
  .filter-item__field {
    width: calc((100% - 24px) / 2);
    margin: 0 6px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .filter-item__field {
    width: calc((100% - 24px) / 2);
    margin: 0 6px;
  }
}

.footer {
  position: relative;
  z-index: 1;
  padding: 70px 0 78px;
  background: linear-gradient(180deg, #2F2D44 0%, #23213E 100%);
}
@media (min-width: 0) and (max-width: 767px) {
  .footer {
    padding: 40px 0 23px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer {
    padding: 48px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .footer {
    padding: 50px 0 98px;
  }
}
.footer__content {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer__content {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer__content {
    flex-wrap: wrap;
  }
}
.footer__info {
  width: 150px;
  margin-right: 62px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer__info {
    width: 180px;
    margin-right: 68px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .footer__info {
    margin-right: 47px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .footer__info {
    margin-right: 25px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .footer__info {
    margin-right: 30px;
  }
}
.footer-logo {
  display: block;
  width: 145px;
  height: 52px;
  margin-bottom: 40px;
  text-decoration: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-logo {
    margin-bottom: 34px;
  }
}
.footer-logo__image {
  display: block;
  width: 100%;
  height: 100%;
}
.footer-links--mobile {
  display: none;
}
@media (min-width: 0) and (max-width: 1023px) {
  .footer-links--mobile {
    display: block;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-links--mobile {
    margin-bottom: 26px;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .footer-links--desktop {
    display: none;
  }
}
.footer-links__item {
  display: table;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #DEE0F2;
  text-decoration: none;
  transition: 0.2s;
}
.footer-links__item:last-child {
  margin-bottom: 0;
}
.footer-links__item:hover {
  color: #FFFFFF;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-links__item br {
    display: none;
  }
}
.footer-nav {
  margin-right: 40px;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-nav {
    margin-bottom: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-nav {
    display: flex;
    align-items: center;
    margin-right: auto;
  }
}
.footer-nav__item {
  display: table;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  text-decoration: none;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-nav__item {
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-nav__item {
    margin: 0 20px 0 0;
  }
}
.footer-nav__item:last-child {
  margin-bottom: 0;
}
.footer-nav__item:hover {
  color: #DEE0F2;
}
.footer-menu {
  display: flex;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-menu {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-menu {
    width: 100%;
  }
}
.footer-menu-item {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 207px;
  margin-right: 68px;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-menu-item {
    max-width: 220px;
    margin: 0 0 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .footer-menu-item {
    margin-right: 38px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-menu-item:first-child {
    min-width: 180px;
  }
}
.footer-menu-item:last-child {
  margin-right: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-menu-item:last-child {
    margin-bottom: 0;
  }
}
.footer-menu-item__title {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #8F8EA6;
}
.footer-menu-item__link {
  display: table;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  text-decoration: none;
  transition: 0.2s;
}
.footer-menu-item__link:last-child {
  margin-bottom: 0;
}
.footer-menu-item__link:hover {
  color: #DEE0F2;
}
.footer-contacts {
  padding-top: 4px;
  font-family: "Inter", sans-serif;
}
@media (min-width: 0) and (max-width: 1023px) {
  .footer-contacts {
    margin-bottom: 26px;
  }
}
.footer-contacts__item {
  margin-bottom: 20px;
}
.footer-contacts__item:last-child {
  margin-bottom: 0;
}
.footer-contacts__link {
  display: table;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  text-decoration: none;
  transition: 0.2s;
}
.footer-contacts__link[href^=tel] {
  font-size: 16px;
}
.footer-contacts__link:hover {
  color: #DEE0F2;
}
.footer-contacts__text {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #D1CFDF;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer-contacts__text {
    font-size: 13px;
  }
}
.footer-developer {
  display: flex;
  align-items: center;
  margin-top: auto;
  text-decoration: none;
  margin-bottom: -31px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-developer {
    position: absolute;
    top: -64px;
    left: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .footer-developer {
    margin-bottom: -53px;
  }
}
.footer-developer__icon {
  width: 29px;
  height: 29px;
  margin-right: 11px;
  background: url(/images/redline.svg?9fa23476a3c70c125a453c563e1b0be2) center no-repeat;
  background-size: contain;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-developer__icon {
    margin-right: 9px;
  }
}
.footer-developer__text {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  transition: 0.2s;
  white-space: nowrap;
}
.footer-developer:hover .footer-developer__text {
  color: #DEE0F2;
}
.footer__button-top {
  position: absolute;
  top: -40px;
  right: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .footer__button-top {
    top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer__button-top {
    top: -26px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .footer__button-top {
    top: -20px;
  }
}

.gallery {
  position: relative;
  width: 100%;
  padding: 30px;
  background: #FFFFFF;
  border: 1px solid #EDECFF;
  box-sizing: border-box;
  box-shadow: 0 0 60px rgba(176, 182, 194, 0.15);
  border-radius: 20px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (min-width: 0) and (max-width: 767px) {
  .gallery {
    padding: 20px 18px 58px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gallery {
    padding: 20px 20px 46px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .gallery {
    padding: 17px 20px 20px;
  }
}
.gallery-slider {
  width: 100%;
}
.gallery-slider-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 547px;
  padding: 26px 16px;
}
@media (min-width: 0) and (max-width: 767px) {
  .gallery-slider-item {
    height: 200px;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gallery-slider-item {
    height: 340px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .gallery-slider-item {
    height: 603px;
    padding: 40px;
  }
}
.gallery-thumbs {
  margin-top: 32px;
  padding: 0 9px;
}
@media (min-width: 0) and (max-width: 767px) {
  .gallery-thumbs {
    margin-top: 20px;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gallery-thumbs {
    margin-top: 45px;
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .gallery-thumbs {
    margin-top: 18px;
    padding: 0 26px;
  }
}
.gallery-thumbs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  padding: 12px;
  background: #F2F5F9;
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .gallery-thumbs-item {
    height: 116px;
    padding: 11px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gallery-thumbs-item {
    height: 152px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .gallery-thumbs-item {
    height: 110px;
    padding: 7px;
  }
}
.gallery .swiper-pagination {
  display: none;
}
@media (min-width: 0) and (max-width: 1023px) {
  .gallery .swiper-pagination {
    display: flex;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .gallery .swiper-pagination {
    bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gallery .swiper-pagination {
    bottom: 20px;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .gallery .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px !important;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .gallery__nav {
    display: none;
  }
}
.gallery__button {
  top: auto;
  bottom: 80px;
  margin: 0;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .gallery__button {
    bottom: 65px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .gallery__button--prev {
    left: 12px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .gallery__button--next {
    right: 12px;
  }
}

.header {
  position: relative;
  padding: 20px 0;
  background: #FFFFFF;
  box-shadow: 0 4px 60px rgba(176, 182, 194, 0.3);
}
.header-menu-opened .header {
  z-index: 1000;
}
@media (min-width: 0) and (max-width: 767px) {
  .header {
    padding: 10px 0 11px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .header {
    padding: 16px 0;
  }
}
.header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-logo {
  display: block;
  flex-shrink: 0;
  width: 45px;
  height: 50px;
  margin-right: 30px;
  text-decoration: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .header-logo {
    order: 1;
    width: 32px;
    height: 35px;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .header-logo {
    width: 40px;
    height: 44px;
    margin-right: 20px;
  }
}
.header-logo__img {
  display: block;
  width: 100%;
  height: 100%;
}
.header__catalog-button {
  flex-shrink: 0;
  margin-right: 12px;
}
@media (min-width: 0) and (max-width: 767px) {
  .header__catalog-button {
    order: 3;
    margin-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .header__catalog-button {
    margin-right: 10px;
  }
}
.header__search {
  width: 100%;
  max-width: 547px;
  margin: 0 auto 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .header__search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    max-width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 52px 20px;
    visibility: hidden;
    background: #F5F7FD;
    box-shadow: 0 4px 60px rgba(176, 182, 194, 0.3);
    transform: translateX(100%);
    transition: opacity 0.05s ease-out, transform 0.2s ease-out, visibility 0s 0.3s;
  }
}
@media (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
  .header-search-opened .header__search {
    visibility: visible;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s;
    transform: translateX(0);
  }
}
.header__search-icon {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .header__search-icon {
    display: block;
    order: 2;
    width: 24px;
    height: 26px;
    background: url(/images/search-mobile.svg?9d2a8345381b96b90baa0e905704aead) center no-repeat;
    background-size: contain;
    margin-right: 20px;
  }
}
.header__search-close {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .header__search-close {
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(/images/close-big.svg?9e36e28c7da7d42a7868106e116e914e) center no-repeat;
    background-size: contain;
    cursor: pointer;
  }
}
.header-phone {
  position: relative;
  flex-shrink: 0;
  margin-left: 27px;
  text-decoration: none;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-phone {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .header-phone {
    order: 4;
    margin: 0;
  }
}
.header-phone::after {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/phone-mobile.svg?1187f74f3129e64485237c8fdf5b5e63) center no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-phone::after {
    display: block;
  }
}
.header-phone__number {
  position: relative;
  padding-left: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: #1C184B;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-phone__number {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .header-phone__number {
    padding-left: 38px;
    font-size: 17px;
    line-height: 20px;
  }
}
.header-phone__number::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url(/images/phone.svg?cbee823600a3faed00555dee674d5575) center no-repeat;
  background-size: contain;
  content: "";
}
.header-phone__number:hover {
  color: #4083BF;
}
.header-catalog {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: #FEFEFF;
  transform: translateY(-30px);
  box-shadow: 0 4px 20px rgba(176, 182, 194, 0.2);
  transition: opacity 0.05s ease-out, transform 0.2s ease-out, visibility 0s 0.3s;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    z-index: 11;
    padding: 0;
    opacity: 1;
    height: calc(100vh - 56px);
    height: calc(var(--vh, 1vh) * 100 - 56px);
    transform: translateX(100%);
    overflow-y: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .header-catalog {
    top: 76px;
    height: calc(100vh - 76px);
    height: calc(var(--vh, 1vh) * 100 - 76px);
  }
}
.header-menu-opened .header-catalog {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0s;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-menu-opened .header-catalog {
    transform: translateX(0);
  }
}
.header-catalog__content {
  display: flex;
  width: 100%;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog__content {
    flex-direction: column;
    height: 100%;
  }
}
.header-catalog-nav {
  flex-shrink: 0;
  width: calc((100% - 1206px) / 2 + 45px + 30px);
  padding: 50px;
  background: #F6F7FA;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav {
    flex-shrink: 0;
    width: 100%;
    margin: 0 0 20px;
    padding: 20px 0 0;
    background: #FFFFFF;
    overflow: hidden;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .header-catalog-nav {
    width: 250px;
    padding: 50px 35px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .header-catalog-nav {
    width: 330px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .header-catalog-nav {
    width: 365px;
  }
}
.header-catalog-nav__inner {
  width: 190px;
  margin-left: auto;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__inner {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 -10px;
    padding: 0 20px 10px;
    overflow-x: auto;
  }
}
.header-catalog-nav__item {
  position: relative;
  display: block;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.02em;
  color: #99A9B9;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    padding: 9px 15px;
    border: 1px solid #8F8EA6;
    box-sizing: border-box;
    border-radius: 600px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #2B284F;
  }
}
.header-catalog-nav__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item:last-child {
    margin-right: 0;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item::before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: inherit;
    background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
    opacity: 0;
    transition: opacity 0.2s;
    content: "";
  }
}
.header-catalog-nav__item--active {
  font-weight: 500;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item--active {
    color: #FFFFFF;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item--active::before {
    opacity: 1;
  }
}
.header-catalog-nav__item--active::after {
  position: absolute;
  top: 3px;
  right: 0;
  width: 18px;
  height: 18px;
  background: url(/images/arrow-right-dark.svg?480474f602a38ae6ad13f9020fc91f7e) center no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item--active::after {
    display: none;
  }
}
.header-catalog-nav__item:hover {
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item:hover {
    color: #FFFFFF;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-nav__item span {
    position: relative;
  }
}
.header-catalog-menu {
  width: 100%;
  max-height: calc(100vh - 90px);
  padding: 46px 100px 87px 46px;
  overflow: auto;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-menu {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .header-catalog-menu {
    padding: 46px 45px 50px 46px;
  }
}
@media (min-width: 1366px) and (max-width: 1599px) {
  .header-catalog-menu {
    padding-right: 45px;
  }
}
.header-catalog-menu__inner {
  display: none;
  -moz-column-count: 4;
       column-count: 4;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-menu__inner {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .header-catalog-menu__inner {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 1366px) and (max-width: 1599px) {
  .header-catalog-menu__inner {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.header-catalog-menu__inner--active {
  display: block;
}
.header-catalog-category {
  max-width: 262px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-category {
    max-width: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .header-catalog-category {
    max-width: 100%;
  }
}
.header-catalog-category__item {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
  text-decoration: none;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-category__item {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 14px;
    border-bottom: 1px solid #E7EBF3;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-category__item:first-child {
    padding-top: 0;
  }
}
.header-catalog-category__item span {
  padding-left: 5px;
  color: #99A9B9;
}
.header-catalog-category__item:hover {
  color: #0382E3;
}
.header-catalog-category__item:hover span {
  color: #0382E3;
}
.header-catalog-category__link {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #2B284F;
  text-decoration: none;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 1023px) {
  .header-catalog-category__link {
    display: none;
  }
}
.header-catalog-category__link:last-child {
  margin-bottom: 0;
}
.header-catalog-category__link:hover {
  color: #0382E3;
}

.index-about {
  padding: 80px 0 75px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-about {
    padding: 30px 0 60px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-about {
    padding: 50px 0 60px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-about {
    padding: 70px 0 60px;
  }
}
.index-about-card {
  position: relative;
  min-height: 440px;
  padding: 50px 50px 88px;
  background: linear-gradient(89.93deg, #222567 24.45%, #0263AD 99.94%);
  border-radius: 30px;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-about-card {
    min-height: auto;
    padding: 30px 20px;
    border-radius: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-about-card {
    min-height: 317px;
    padding: 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-about-card {
    padding: 40px;
  }
}
.index-about-card__group {
  max-width: 460px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-about-card__group {
    max-width: 380px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-about-card__group {
    max-width: 450px;
  }
}
.index-about-card__title {
  margin-bottom: 30px;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-about-card__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 31px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-about-card__title {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-about-card__title {
    margin-bottom: 34px;
  }
}
.index-about-card__text {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
@media (min-width: 0) and (max-width: 1023px) {
  .index-about-card__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.index-about-card__image {
  position: absolute;
  right: 145px;
  bottom: 0;
  width: 457px;
  height: 390px;
  background: url(/images/logo-about.png?7f77caa81826c63df131bed02d625578) center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-about-card__image {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-about-card__image {
    right: 26px;
    bottom: -25px;
    width: 252px;
    height: 296px;
    background: url(/images/logo-about-sm.png?04391bd116a2179e01971a73e7098667);
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-about-card__image {
    right: 35px;
    bottom: -18px;
    width: 422px;
    height: 380px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-about-card__image {
    right: 107px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-about-card__image {
    right: 121px;
  }
}

.index-banners {
  padding: 10px 0 32px;
}
@media (min-width: 0) and (max-width: 1023px) {
  .index-banners {
    padding: 0 0 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners {
    padding: 5px 0 43px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-banners {
    padding-bottom: 40px;
  }
}
.index-banners__items {
  position: relative;
  display: flex;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners__items {
    display: block;
  }
}
.index-banners__group {
  width: calc((100% - 30px) / 2 + 28px);
  margin: 0 -14px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners__group {
    width: calc(100% + 40px);
    margin: 0 -20px;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners__group {
    width: calc((100% - 20px) / 2);
    margin: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners__group {
    width: 500px;
    margin: 0 -8px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-banners__group {
    width: 576px;
    margin: 0 -9px;
  }
}
.index-banners__inner {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners__inner {
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 0 -10px;
    padding: 0 20px 10px;
    overflow-x: auto;
  }
}
.index-banners-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  width: calc((100% - 56px) / 2);
  height: 260px;
  margin: 0 14px 28px;
  padding: 24px;
  background: #FFFFFF;
  border-radius: 12px;
  text-decoration: none;
  transition: 0.2s;
  box-shadow: 0 2px 60px rgba(176, 182, 194, 0.1);
}
@media (min-width: 0) and (max-width: 1599px) {
  .index-banners-item {
    border-radius: 20px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item {
    flex-shrink: 0;
    width: 208px;
    height: auto;
    margin: 0 14px 0 0;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item {
    width: 100%;
    height: 160px;
    margin: 0 0 20px;
    padding: 20px 12px 20px 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners-item {
    width: calc((100% - 32px) / 2);
    height: 220px;
    margin: 0 8px 17px;
    padding: 20px 18px 20px 20px;
    border-radius: 20px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-banners-item {
    width: calc((100% - 36px) / 2);
    margin: 0 9px 20px;
    padding: 24px 20px 20px;
    border-radius: 20px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item:last-child {
    margin: 0;
  }
}
.index-banners-item--big {
  display: block;
  width: calc((100% - 30px) / 2);
  height: 548px;
  margin: 0 30px 0 0;
  padding: 40px;
  background: linear-gradient(89.93deg, #222567 24.45%, #0263AD 99.94%);
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--big {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 358px;
    margin: 0 0 16px;
    padding: 20px 18px 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item--big {
    width: calc((100% - 20px) / 2);
    height: 340px;
    margin-right: 20px;
    padding: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners-item--big {
    width: calc(100% - 484px - 20px);
    height: 457px;
    margin-right: 20px;
    padding: 24px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-banners-item--big {
    width: calc(100% - 558px - 20px);
    height: 540px;
    margin-right: 20px;
  }
}
.index-banners-item--big::before {
  position: absolute;
  right: -46px;
  bottom: -76px;
  width: 404px;
  height: 404px;
  background: rgba(63, 108, 198, 0.51);
  filter: blur(100px);
  border-radius: 100%;
  content: "";
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--big::before {
    top: 82px;
    right: 50%;
    bottom: auto;
    width: 214px;
    height: 214px;
    margin-right: -107px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item--big::before {
    right: -33px;
    bottom: -18px;
    width: 214px;
    height: 214px;
  }
}
.index-banners-item--big .ui-button {
  position: relative;
  z-index: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--big .ui-button {
    width: 100%;
    margin-top: auto;
    padding: 13px 13px 12px;
    font-size: 16px;
    line-height: 19px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item--big .ui-button {
    padding: 11px 45px 10px;
  }
}
.index-banners-item--info {
  display: block;
  background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
  box-shadow: 0 2px 60px rgba(176, 182, 194, 0.2);
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--info {
    width: 100%;
    margin: 0 0 16px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--info.index-banners-item--desktop {
    display: none;
  }
}
.index-banners-item--info.index-banners-item--mobile {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--info.index-banners-item--mobile {
    display: block;
  }
}
.index-banners-item:hover {
  box-shadow: 0 8px 80px rgba(176, 182, 194, 0.3);
}
.index-banners-item:hover .ui-button::before {
  opacity: 1;
}
.index-banners-item__title {
  position: relative;
  color: #1C184B;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item__title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item__title {
    max-width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .index-banners-item__title {
    font-size: 24px;
    line-height: 29px;
  }
}
.index-banners-item--big .index-banners-item__title {
  margin-bottom: 50px;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--big .index-banners-item__title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 31px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item--big .index-banners-item__title {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners-item--big .index-banners-item__title {
    max-width: 340px;
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 38px;
  }
}
.index-banners-item--info .index-banners-item__title {
  margin-bottom: 12px;
  font-size: 36px;
  line-height: 43px;
  color: #FFFFFF;
}
@media (min-width: 0) and (max-width: 1023px) {
  .index-banners-item--info .index-banners-item__title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 29px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners-item--info .index-banners-item__title {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 34px;
  }
}
.index-banners-item--big .index-banners-item__type {
  position: absolute;
  top: 30px;
  right: 23px;
  width: 82px;
  height: 82px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item--big .index-banners-item__type {
    position: relative;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    margin-left: -11px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item--big .index-banners-item__type {
    top: auto;
    right: auto;
    bottom: 0;
    left: 5px;
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners-item--big .index-banners-item__type {
    top: 17px;
    right: 10px;
    width: 68px;
    height: 68px;
  }
}
.index-banners-item__image {
  position: absolute;
  right: 27px;
  bottom: 7px;
  width: 220px;
  height: 266px;
  background: center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-banners-item__image {
    right: 50%;
    bottom: 102px;
    width: 124px;
    height: 149px;
    margin-right: -69px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item__image {
    right: 8px;
    bottom: 12px;
    width: 132px;
    height: 160px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-banners-item__image {
    right: 28px;
    bottom: 29px;
    width: 184px;
    height: 223px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-banners-item__image {
    right: 27px;
    bottom: 21px;
  }
}
.index-banners-item__text {
  margin: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
@media (min-width: 0) and (max-width: 1365px) {
  .index-banners-item__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.index-banners-item__logo {
  max-height: 35px;
}
@media (min-width: 0) and (max-width: 1365px) {
  .index-banners-item__logo {
    max-height: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners-item__logo {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-banners__group .index-banners-item:nth-child(3) {
    position: absolute;
    top: 360px;
    left: 0;
    width: calc((100% - 20px) / 2);
  }
}

.index-categories {
  padding: 60px 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories {
    padding: 30px 0 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-categories {
    padding: 50px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-categories {
    padding: 50px 0 60px;
  }
}
@media (min-width: 1024px) and (max-width: 99998px) {
  .index-categories {
    padding-bottom: 30px;
  }
}
.index-categories__items {
  position: relative;
  display: flex;
  width: calc(100% + 30px);
  margin: 0 -15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories__items {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding-bottom: 46px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-categories__items {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-categories__items {
    width: calc(100% + 22px);
    margin: 0 -11px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-categories__items {
    width: calc(100% + 23px);
    margin: 0 -12px 0 -12px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-categories__items {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
.index-categories__items .swiper-container {
  width: 100%;
  overflow: visible;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories__items .swiper-container {
    padding: 0 20px;
    overflow: hidden;
  }
}
@media (min-width: 1024px) and (max-width: 99998px) {
  .index-categories__items .swiper-wrapper {
    flex-wrap: wrap;
  }
}
.index-categories__items .swiper-pagination {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories__items .swiper-pagination {
    display: flex;
  }
}
.index-categories-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((100% - 90px) / 3);
  height: 400px;
  margin: 0 15px;
  padding: 27px 40px 40px;
  background: #FFFFFF;
  border-radius: 20px;
  text-decoration: none;
  transition: 0.2s;
  box-shadow: 0 2px 60px rgba(176, 182, 194, 0.1);
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories-item {
    width: auto;
    height: 350px;
    margin: 0;
    padding: 18px 20px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-categories-item {
    display: none;
    width: calc((100% - 40px) / 2);
    height: 350px;
    margin: 0 10px;
    padding: 18px 20px 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-categories-item {
    width: calc((100% - 66px) / 3);
    height: 360px;
    margin: 0 11px;
    padding: 18px 20px 26px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-categories-item {
    width: calc((100% - 69px) / 3);
    margin: 0 11px 0 12px;
    padding: 27px 37px 36px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-categories-item {
    width: calc((100% - 60px) / 3);
    margin: 0 10px;
  }
}
@media (min-width: 1024px) and (max-width: 99998px) {
  .index-categories-item {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-categories-item:first-child, .index-categories-item:nth-child(2) {
    display: flex;
  }
}
.index-categories-item:hover {
  box-shadow: 0 8px 80px rgba(176, 182, 194, 0.3);
}
.index-categories-item:hover .ui-button::before {
  opacity: 1;
}
.index-categories-item__image-wrap {
  flex-grow: 1;
  height: 100%;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories-item__image-wrap {
    height: 205px;
    margin-bottom: 10px;
    padding: 0 5px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-categories-item__image-wrap {
    height: 180px;
    margin-bottom: 36px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-categories-item__image-wrap {
    height: 180px;
    margin-bottom: 36px;
    padding: 0 12px;
  }
}
.index-categories-item__title {
  margin: auto 0 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories-item__title {
    max-width: 240px;
    margin: auto auto 20px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .index-categories-item__title {
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 26px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-categories-item__title {
    margin-bottom: 34px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-categories-item .ui-button {
    padding: 16px 13px 15px;
    font-size: 16px;
    line-height: 19px;
  }
}

.index-faq {
  padding: 60px 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-faq {
    padding: 30px 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-faq {
    padding: 50px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-faq {
    padding: 50px 0 60px;
  }
}
.index-faq__items {
  padding: 40px 40px 48px;
  background: #F5F7FD;
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-faq__items {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-faq__items {
    padding: 24px 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-faq__items {
    padding: 30px 22px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-faq__items {
    padding: 30px 20px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-faq__items {
    padding: 30px 27px;
  }
}
.index-faq-item {
  margin-bottom: 20px;
  padding-bottom: 12px;
  background: #FFFFFF;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-faq-item {
    margin-bottom: 12px;
    border-radius: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-faq-item {
    margin-bottom: 14px;
  }
}
.index-faq-item:last-child {
  margin-bottom: 0;
}
.index-faq-item__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 18px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-faq-item__head {
    min-height: 57px;
    padding: 15px 16px 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-faq-item__head {
    padding: 26px 26px 13px;
  }
}
.index-faq-item__title {
  max-width: 800px;
  margin-right: 30px;
  font-size: 28px;
  line-height: 34px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-faq-item__title {
    margin-right: 50px;
    font-size: 16px;
    line-height: 21px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-faq-item__title {
    font-size: 24px;
    line-height: 29px;
  }
}
.index-faq-item__button {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 42px;
  height: 38px;
  background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
  border-radius: 12px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-faq-item__button {
    top: 20px;
    right: 13px;
    width: 34px;
    height: 30px;
    border-radius: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-faq-item__button {
    top: 25px;
    right: 16px;
    width: 34px;
    height: 30px;
    border-radius: 10px;
  }
}
.index-faq-item__button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(68, 104, 155, 0.2), rgba(68, 104, 155, 0.2)), linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
  opacity: 0;
  border-radius: inherit;
  transition: opacity 0.2s;
  content: "";
}
.index-faq-item__button::after {
  position: absolute;
  top: 10px;
  left: 12px;
  width: 19px;
  height: 19px;
  background: url(/images/plus.svg?5950487c5e56052461733c720b02a997) center no-repeat;
  background-size: contain;
  transition: 0.2s;
  content: "";
}
@media (min-width: 0) and (max-width: 1023px) {
  .index-faq-item__button::after {
    top: 8px;
    left: 10px;
    width: 15px;
    height: 15px;
  }
}
.index-faq-item__button:hover::before {
  opacity: 1;
}
.ui-accordion--opened .index-faq-item__button {
  background: #555279;
}
.ui-accordion--opened .index-faq-item__button::after {
  transform: rotate(45deg);
}
.index-faq-item__content {
  max-width: 680px;
  padding: 0 30px 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #4A4768;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-faq-item__content {
    padding: 10px 35px 4px 16px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-faq-item__content {
    padding: 5px 142px 18px 26px;
  }
}

.index-filter {
  padding: 60px 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter {
    padding: 30px 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-filter {
    padding: 50px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-filter {
    padding: 50px 0 60px;
  }
}
.index-filter-form {
  padding: 60px 105px;
  background: linear-gradient(180deg, #DFE9FC 0%, #CDE6FF 103.69%);
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter-form {
    padding: 30px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-filter-form {
    padding: 40px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-filter-form {
    padding: 45px 45px 40px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-filter-form {
    padding: 60px 85px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-filter-form {
    padding: 60px 92px;
  }
}
.index-filter-form__fields {
  display: flex;
  width: calc(100% + 40px);
  margin: 0 -20px 40px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter-form__fields {
    display: block;
    width: 100%;
    margin: 0 0 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-filter-form__fields {
    flex-wrap: wrap;
    width: calc(100% + 28px);
    margin: 0 -14px 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-filter-form__fields {
    width: calc(100% + 26px);
    margin: 0 -13px 33px;
  }
}
.index-filter-form__item {
  width: calc((100% - 160px) / 4);
  margin: 0 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter-form__item {
    width: 100%;
    margin: 0 0 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-filter-form__item {
    width: calc((100% - 56px) / 2);
    margin: 0 14px 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-filter-form__item {
    width: calc((100% - 104px) / 4);
    margin: 0 13px;
  }
}
.index-filter-form__params-button {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter-form__params-button {
    display: table;
    position: relative;
    margin-bottom: 30px;
    padding-right: 22px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #0057FF;
    cursor: pointer;
  }
  .index-filter-form__params-button::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 9px;
    margin-top: -4px;
    background: url(/images/chevron-down-blue.svg?39111b98fe90f87a9ef6a74f7f4f5aa5) center no-repeat;
    background-size: contain;
    content: "";
    transition: 0.2s;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter-form--opened .index-filter-form__params-button::after {
    transform: scale(1, -1);
  }
}
.index-filter-form-radio {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  max-height: 88px;
  margin: 0 -10px 30px;
}
@media (min-width: 768px) and (max-width: 99998px) {
  .index-filter-form-radio {
    display: flex !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter-form-radio {
    display: none;
    width: 100%;
    max-height: 100%;
    margin: 0 0 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-filter-form-radio {
    width: calc(100% + 30px);
    max-height: none;
    margin: 0 -20px 16px -10px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-filter-form-radio {
    margin-bottom: 15px;
  }
}
.index-filter-form-radio__item {
  width: 20%;
  margin: 0 10px 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-filter-form-radio__item {
    width: 100%;
    margin: 0 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-filter-form-radio__item {
    width: calc((100% - 60px) / 3);
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-filter-form-radio__item {
    width: 22%;
  }
}
.index-filter-form-radio__item .ui-checkbox__text {
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-filter-form-radio__item .ui-checkbox__text {
    white-space: normal;
  }
}

.index-reviews {
  padding: 60px 0 45px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-reviews {
    padding: 30px 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-reviews {
    padding: 50px 0 40px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-reviews {
    padding: 50px 0;
  }
}
.index-reviews-slider {
  position: relative;
  padding-bottom: 58px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-reviews-slider {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding-bottom: 46px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-reviews-slider {
    padding-bottom: 52px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-reviews-slider {
    padding-bottom: 53px;
  }
}
.index-reviews-slider .swiper-container {
  width: calc(100% + 31px);
  margin: 0 -15px 0 -16px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-reviews-slider .swiper-container {
    width: 100%;
    margin: 0;
    padding: 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-reviews-slider .swiper-container {
    width: calc(100% + 68px);
    margin: 0 -34px;
    padding: 0 22px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-reviews-slider .swiper-container {
    width: 100%;
    margin: 0;
    padding: 0 23px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-reviews-slider .swiper-container {
    width: calc(100% + 24px);
    margin: 0 -12px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-reviews-slider .swiper-container {
    width: calc(100% + 28px);
    margin: 0 -14px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-reviews-slider .swiper-initialized {
    padding: 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-reviews-slider .swiper-initialized {
    padding: 0 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-reviews-slider .swiper-initialized {
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 99998px) {
  .index-reviews-slider .swiper-initialized {
    width: 100%;
    margin: 0;
  }
}
.index-reviews-slider .swiper-slide {
  width: calc((100% - 124px) / 4);
  margin: 0 15px 0 16px;
}
@media (min-width: 0) and (max-width: 1365px) {
  .index-reviews-slider .swiper-slide {
    width: auto;
    margin: 0 12px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-reviews-slider .swiper-slide {
    width: calc((100% - 96px) / 4);
    margin: 0 12px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .index-reviews-slider .swiper-slide {
    width: calc((100% - 112px) / 4);
    margin: 0 14px;
  }
}
.index-reviews-slider .swiper-initialized .swiper-slide {
  width: auto;
  margin: 0;
}
.index-reviews-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 262px;
  padding: 45px;
  background: #F5F7FD;
  border-radius: 20px;
  text-decoration: none;
  transition: 0.2s;
  cursor: pointer;
}
@media (min-width: 0) and (max-width: 1023px) {
  .index-reviews-item {
    width: 230px;
    height: 220px;
    padding: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-reviews-item {
    width: 274px;
  }
}
.index-reviews-item:hover {
  background: #E6EDFC;
}

.index-solutions {
  padding: 60px 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions {
    padding: 30px 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions {
    padding: 50px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions {
    padding: 50px 0 60px;
  }
}
.index-solutions__items {
  display: flex;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions__items {
    display: none;
  }
}
.index-solutions-slider {
  display: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-slider {
    display: block;
    position: relative;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding-bottom: 46px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-slider .swiper-container {
    padding: 0 20px;
  }
}
.index-solutions__group {
  width: calc((100% - 30px) / 2);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions__group {
    width: calc((100% - 20px) / 2);
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions__group {
    width: 484px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions__group {
    width: 550px;
  }
}
.index-solutions-item {
  position: relative;
  display: block;
  width: 100%;
  height: 260px;
  margin-bottom: 30px;
  padding: 30px;
  background: #FFFFFF;
  border-radius: 20px;
  text-decoration: none;
  transition: 0.2s;
  overflow: hidden;
  box-shadow: 0 2px 60px rgba(176, 182, 194, 0.1);
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item {
    width: auto;
    height: 358px;
    margin: 0;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item {
    padding: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .index-solutions-item {
    height: 230px;
    margin-bottom: 20px;
  }
}
.index-solutions-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item .ui-button {
    padding: 16px 30px 15px;
    font-size: 16px;
    line-height: 19px;
  }
}
.index-solutions-item--big {
  width: calc((100% - 30px) / 2);
  height: 550px;
  margin: 0 30px 0 0;
  padding: 40px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item--big {
    display: flex;
    flex-direction: column;
    width: auto;
    height: 358px;
    margin: 0;
    padding: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item--big {
    width: calc((100% - 20px) / 2);
    height: 484px;
    margin-right: 20px;
    padding: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item--big {
    width: calc(100% - 484px - 20px);
    height: 484px;
    margin-right: 20px;
    padding: 24px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions-item--big {
    width: calc(100% - 550px - 30px);
  }
}
.index-solutions-item--big::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 335px;
  height: 288px;
  background: url(/images/ellipse.svg?1c662851f5bf35d6ff21f994cab78080) right bottom no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item--big::before {
    right: 50%;
    top: 105px;
    width: 169px;
    height: 169px;
    margin-right: -88px;
    background: url(/images/ellipse-xs.svg?83af28facfc51c08c69bb6cdbb3c6437) center no-repeat;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item--big::before {
    right: -41px;
    bottom: -11px;
    width: 270px;
    height: 270px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item--big::before {
    right: -17px;
    width: 261px;
    height: 223px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions-item--big::before {
    right: -21px;
    width: 328px;
    height: 286px;
  }
}
.index-solutions-item--big .ui-button {
  position: relative;
  z-index: 1;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item--big .ui-button {
    margin-top: auto;
    padding: 16px 13px 15px;
    font-size: 16px;
    line-height: 19px;
  }
}
.index-solutions-item:hover {
  box-shadow: 0 8px 80px -10px rgba(176, 182, 194, 0.3);
}
.index-solutions-item:hover .ui-button::before {
  opacity: 1;
}
.index-solutions-item__title {
  max-width: 70%;
  margin-bottom: 40px;
  font-size: 36px;
  line-height: 43px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 29px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item__title {
    max-width: 100%;
    margin-bottom: 26px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item__title {
    max-width: 80%;
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 38px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions-item__title {
    max-width: 80%;
  }
}
.index-solutions-item--big .index-solutions-item__title {
  font-size: 40px;
  line-height: 48px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item--big .index-solutions-item__title {
    font-size: 24px;
    line-height: 29px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item--big .index-solutions-item__title {
    margin-bottom: 30px;
    padding-right: 40px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item--big .index-solutions-item__title {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 38px;
  }
}
.index-solutions-item__image {
  position: absolute;
  background: center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item__image {
    bottom: 0;
    right: 0;
    width: 207px;
    height: 170px;
    background-position-x: right;
  }
}
.index-solutions-item--big .index-solutions-item__image {
  right: 32px;
  bottom: 0;
  width: 243px;
  height: 349px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item--big .index-solutions-item__image {
    top: 82px;
    right: 50%;
    bottom: auto;
    width: 138px;
    height: 197px;
    margin-right: -65px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item--big .index-solutions-item__image {
    right: 7px;
    bottom: 16px;
    width: 185px;
    height: 256px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item--big .index-solutions-item__image {
    right: 17px;
    width: 187px;
    height: 272px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions-item--big .index-solutions-item__image {
    right: 16px;
    width: 229px;
    height: 343px;
  }
}
.index-solutions-item__type {
  position: absolute;
  width: 62px;
  height: 63px;
  top: 24px;
  right: 20px;
  background: center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item__type {
    top: 15px;
    right: 11px;
    width: 50px;
    height: 51px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item__type {
    top: auto;
    right: auto;
    bottom: 10px;
    left: 15px;
    width: 50px;
    height: 51px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item__type {
    top: 15px;
    right: 11px;
    width: 50px;
    height: 51px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions-item__type {
    top: 14px;
    right: 7px;
  }
}
.index-solutions-item__type--water {
  top: 23px;
  right: 17px;
  width: 68px;
  height: 67px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item__type--water {
    top: 15px;
    right: 9px;
    width: 54px;
    height: 53px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item__type--water {
    top: auto;
    right: auto;
    bottom: 8px;
    left: 13px;
    width: 54px;
    height: 53px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item__type--water {
    top: 14px;
    right: 9px;
    width: 54px;
    height: 53px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions-item__type--water {
    top: 13px;
    right: 5px;
  }
}
.index-solutions-item--big .index-solutions-item__type {
  top: 27px;
  right: 24px;
  width: 80px;
  height: 81px;
}
@media (min-width: 0) and (max-width: 767px) {
  .index-solutions-item--big .index-solutions-item__type {
    top: 12px;
    right: 9px;
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions-item--big .index-solutions-item__type {
    top: 15px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions-item--big .index-solutions-item__type {
    top: 14px;
    right: 11px;
    width: 66px;
    height: 67px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions-item--big .index-solutions-item__type {
    right: 22px;
  }
}
.index-solutions__group .index-solutions-item__image {
  right: 0;
  bottom: 0;
  width: 293px;
  height: 176px;
  background: right bottom no-repeat;
  background-size: contain;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .index-solutions__group .index-solutions-item__image {
    width: 186px;
    height: 115px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .index-solutions__group .index-solutions-item__image {
    width: 210px;
    height: 128px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .index-solutions__group .index-solutions-item__image {
    width: 262px;
    height: 158px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .line-downloads {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .line-downloads {
    padding-top: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .line-downloads--desktop {
    display: none;
  }
}
.line-downloads--tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .line-downloads--tablet {
    display: block;
  }
}
.line-downloads__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .line-downloads__row {
    display: block;
    padding-top: 14px;
  }
}
.line-downloads__text {
  max-width: 325px;
  margin-right: 20px;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: -0.02em;
  color: #262343;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .line-downloads__text {
    max-width: none;
    margin: 0 0 16px;
  }
}

.line-models {
  padding: 50px 0 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .line-models {
    padding: 26px 0 60px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .line-models {
    padding-bottom: 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .line-models {
    padding: 40px 0;
  }
}

.models {
  padding-top: 47px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models {
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .models {
    padding-top: 40px;
  }
}
.models__content {
  padding: 40px 40px 32px;
  background: #FFFFFF;
  box-shadow: 0 0 60px rgba(176, 182, 194, 0.1);
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models__content {
    padding: 30px 24px 8px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models__content {
    padding: 34px 30px 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  .models__content {
    padding: 40px 30px 32px;
  }
}
.models__title {
  margin-bottom: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models__title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models__title {
    margin-bottom: 23px;
  }
}
.models-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 19px;
  padding-bottom: 21px;
  border-bottom: 1px solid #DEE0F2;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-item {
    display: block;
    margin-bottom: 20px;
    padding: 0 25px 22px 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-item {
    margin-bottom: 22px;
    padding-bottom: 19px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-item {
    padding-bottom: 10px;
  }
}
.models-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.models-item__group {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 1;
}
@media (min-width: 0) and (max-width: 1023px) {
  .models-item__group {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .models-item__group {
    align-items: flex-start;
  }
}
.models-item__title {
  flex-shrink: 0;
  width: 56.5%;
  margin-right: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-item__title {
    width: 100%;
    margin: 0 0 7px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-item__title {
    padding-top: 3px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-item__title {
    width: 39.5%;
    margin-right: 50px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .models-item__title {
    width: 57.5%;
  }
}
.models-item__link {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  border-bottom: 1px solid transparent;
  transition: 0.2s;
}
.models-item__link:hover {
  border-color: #0382E3;
}
.models-item__link.ui-link:hover {
  text-decoration: none;
}
.models-item__status {
  padding-top: 3px;
}
@media (min-width: 0) and (max-width: 1023px) {
  .models-item__status {
    order: 2;
    padding-top: 0;
  }
}
.models-item__code {
  margin-left: auto;
  padding-top: 3px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #273466;
}
@media (min-width: 0) and (max-width: 1023px) {
  .models-item__code {
    order: 1;
    font-size: 15px;
    line-height: 100%;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .models-item__code {
    margin: 0 0 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-item__code {
    margin-bottom: 12px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-item__code {
    padding-right: 42px;
  }
}

.models-filter {
  margin-bottom: 40px;
  padding: 40px 47px;
  background: #FFFFFF;
  box-shadow: 0 0 60px rgba(176, 182, 194, 0.15);
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-filter {
    margin-bottom: 30px;
    padding: 28px 27px 8px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-filter {
    margin-bottom: 30px;
    padding: 36px 30px 13px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-filter {
    margin-bottom: 30px;
    padding: 32px 27px 30px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .models-filter {
    padding: 40px 40px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .models-filter {
    padding: 40px 46px;
  }
}
@media (min-width: 1600px) and (max-width: 1899px) {
  .models-filter {
    padding: 40px 59px;
  }
}
.models-filter__title {
  margin: 0 0 32px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-filter__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-filter__title {
    margin-bottom: 22px;
    font-size: 22px;
    line-height: 26px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-filter__title {
    margin-bottom: 26px;
  }
}
.models-filter__fields {
  display: flex;
  align-items: flex-end;
  width: calc(100% + 36px);
  margin: 0 -18px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-filter__fields {
    display: block;
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-filter__fields {
    flex-wrap: wrap;
    width: calc(100% + 22px);
    margin: 0 -11px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-filter__fields {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
@media (min-width: 1366px) and (max-width: 1899px) {
  .models-filter__fields {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.models-filter__fields .ui-button {
  margin: 0 18px 5px auto;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-filter__fields .ui-button {
    width: 100%;
    height: 48px;
    margin: 0 0 8px;
    padding: 15px 20px 14px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-filter__fields .ui-button {
    margin: 0 0 30px 11px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-filter__fields .ui-button {
    display: none;
  }
}
@media (min-width: 1366px) and (max-width: 1899px) {
  .models-filter__fields .ui-button {
    margin-right: 15px;
  }
}
.models-filter__item {
  width: 232px;
  margin: 0 18px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-filter__item {
    width: 100%;
    margin: 0 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-filter__item {
    width: calc((100% - 66px) / 3);
    margin: 0 11px 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-filter__item {
    width: calc((100% - 80px) / 4);
    margin: 0 10px;
  }
}
@media (min-width: 1366px) and (max-width: 1899px) {
  .models-filter__item {
    margin: 0 15px;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .models-filter__item .ui-input--filter .ui-input__control {
    padding-left: 18px;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .models-table {
    padding: 10px 23px;
    background: #FFFFFF;
    box-shadow: 0 0 60px rgba(176, 182, 194, 0.15);
    border-radius: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-table {
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-table__wrap {
    overflow-x: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .models-table__inner {
    min-width: 1180px;
    padding-bottom: 14px;
  }
}
.models-table-head {
  display: flex;
  align-items: flex-start;
  background: #D6DEF9;
  border-radius: 6px 6px 0 0;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-head {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head {
    padding: 0 18px;
  }
}
.models-table-head__cell {
  padding: 23px 20px 20px;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell {
    padding: 22px 10px 21px;
  }
}
.models-table-head__cell:first-child {
  flex-shrink: 0;
  width: 19.4%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell:first-child {
    width: 14.3%;
    padding-left: 0;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .models-table-head__cell:first-child {
    width: 19.7%;
  }
}
.models-table-head__cell:nth-child(2) {
  flex-shrink: 0;
  width: 9.7%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell:nth-child(2) {
    width: 10.2%;
  }
}
.models-table-head__cell:nth-child(3) {
  flex-shrink: 0;
  width: 12%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell:nth-child(3) {
    width: 13%;
  }
}
.models-table-head__cell:nth-child(4) {
  flex-shrink: 0;
  width: 12%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell:nth-child(4) {
    width: 13.2%;
  }
}
.models-table-head__cell:nth-child(5) {
  flex-shrink: 0;
  width: 14.8%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell:nth-child(5) {
    width: 16.8%;
  }
}
.models-table-head__cell:nth-child(6) {
  flex-shrink: 0;
  width: 10.4%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell:nth-child(6) {
    width: 11%;
  }
}
.models-table-head__cell:nth-child(7) {
  flex-shrink: 0;
  width: 10.8%;
}
.models-table-head__cell:nth-child(8) {
  width: 126px;
  margin-left: auto;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-head__cell:nth-child(8) {
    width: 89px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .models-table-head__cell:nth-child(8) {
    width: 119px;
  }
}
.models-table-head__title {
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: -0.02em;
  color: #464188;
}
.models-table-head__title--sorting::after {
  display: inline-block;
  width: 9px;
  height: 12px;
  margin-left: 6px;
  background: url(/images/arrow-top-blue.svg?047b889a5dd9b11b431190b5d3806c43) center no-repeat;
  background-size: contain;
  content: "";
}
.models-table-head__title--sorting-down::after {
  transform: rotate(180deg);
}
.models-table-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  background: #FFFFFF;
  border: 1px solid #D6D4F2;
  box-sizing: border-box;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item {
    padding: 20px 0;
    background: none;
    border: none;
    border-bottom: 1px solid #D6D4F2;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item {
    padding: 0 17px;
  }
}
.models-table-item:last-child {
  border-radius: 0 0 6px 6px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 99998px) {
  .models-table-item:hover {
    background: #F8F8FB;
  }
}
.models-table-item__cell {
  padding: 23px 17px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item__cell {
    display: none;
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell {
    padding: 19px 10px;
  }
}
.models-table-item__cell:first-child {
  flex-shrink: 0;
  width: 19.4%;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item__cell:first-child {
    display: block;
    width: calc(100% - 72px - 16px);
    margin-right: 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell:first-child {
    width: 14.6%;
    padding-left: 0;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .models-table-item__cell:first-child {
    width: 20%;
  }
}
.models-table-item__cell:nth-child(2) {
  flex-shrink: 0;
  width: 9.5%;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item__cell:nth-child(2) {
    display: block;
    width: 72px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell:nth-child(2) {
    width: 10.2%;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .models-table-item__cell:nth-child(2) {
    width: 9.3%;
  }
}
.models-table-item__cell:nth-child(3) {
  flex-shrink: 0;
  width: 10%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell:nth-child(3) {
    width: 10.7%;
  }
}
.models-table-item__cell:nth-child(4) {
  flex-shrink: 0;
  width: 12%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell:nth-child(4) {
    width: 13.7%;
  }
}
.models-table-item__cell:nth-child(5) {
  flex-shrink: 0;
  width: 14.8%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell:nth-child(5) {
    width: 16.5%;
  }
}
.models-table-item__cell:nth-child(6) {
  flex-shrink: 0;
  width: 10.4%;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell:nth-child(6) {
    width: 10.8%;
  }
}
.models-table-item__cell:nth-child(7) {
  flex-shrink: 0;
  width: 10.8%;
}
.models-table-item__cell:nth-child(8) {
  width: 129px;
  margin-left: auto;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__cell:nth-child(8) {
    width: 84px;
    padding-right: 0;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .models-table-item__cell:nth-child(8) {
    width: 115px;
  }
}
.models-table-item__title {
  display: table;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #0382E3;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__title {
    margin-bottom: 10px;
    line-height: 17px;
  }
}
.models-table-item__title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.models-table-item__title:hover {
  text-decoration: none;
}
.models-table-item__code {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #8F8EA6;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item__code {
    margin-bottom: 18px;
    font-size: 13px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__code {
    margin-bottom: 10px;
    line-height: 17px;
  }
}
.models-table-item__status {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #273466;
}
.models-table-item__status span {
  font-weight: 500;
}
.models-table-item__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #EDECFF;
  box-sizing: border-box;
  border-radius: 12.6667px;
}
@media (min-width: 0) and (max-width: 767px) {
  .models-table-item__image-wrap {
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .models-table-item__image-wrap {
    width: 70px;
    height: 70px;
  }
}
.models-table-item__image {
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: contain;
}
.models-table-item__param {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #273466;
  text-align: right;
}
.models-table-item__files {
  position: relative;
}
.models-table-item__file {
  display: table;
  position: relative;
  margin-bottom: 12px;
  padding-right: 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #273466;
  text-decoration: none;
  transition: 0.2s;
}
.models-table-item__file:last-child {
  margin-bottom: 0;
}
.models-table-item__file::after {
  position: absolute;
  top: -2px;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/images/arrow-download.svg?844d8ab49a27affc69a3b74566c78963) center no-repeat;
  background-size: contain;
  content: "";
}
.models-table-item__file:hover {
  color: #0382E3;
}

.overlay {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(43, 40, 79, 0.5);
}

.page-head__title {
  margin-bottom: 50px;
  font-weight: 500;
}
@media (min-width: 0) and (max-width: 767px) {
  .page-head__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .page-head__title {
    margin-bottom: 44px;
  }
}

.popup-form__fields {
  margin-bottom: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .popup-form__fields {
    margin-bottom: 20px;
  }
}
.popup-form__field {
  width: 100%;
  margin-bottom: 12px;
}
.popup-form__field--textarea {
  margin-top: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .popup-form__field--textarea {
    margin-top: 16px;
  }
}
.popup-form__file {
  margin-bottom: 30px;
}
@media (min-width: 0) and (max-width: 767px) {
  .popup-form__file {
    margin-bottom: 22px;
  }
}
.popup-form__file-progress {
  display: none;
  width: 100%;
  margin-top: 16px;
}
@media (min-width: 768px) and (max-width: 99998px) {
  .popup-form__file-progress {
    display: none !important;
  }
}
.popup-form__agreement {
  max-width: 315px;
  padding-top: 18px;
}
@media (min-width: 0) and (max-width: 767px) {
  .popup-form__agreement {
    padding-top: 16px;
  }
}
.popup-form__text {
  margin: 16px 0 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
}

.products-slider {
  padding: 30px 0 0;
  background: #FBFCFF;
}
@media (min-width: 0) and (max-width: 767px) {
  .products-slider {
    padding: 30px 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .products-slider {
    padding-top: 40px;
  }
}
.products-slider:nth-last-child(2) {
  padding-bottom: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .products-slider:nth-last-child(2) {
    padding-bottom: 47px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .products-slider:nth-last-child(2) {
    padding-bottom: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .products-slider:nth-last-child(2) {
    padding-bottom: 40px;
  }
}
.products-slider + .products-slider {
  padding-top: 30px;
}
.products-slider__title {
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -0.02em;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 767px) {
  .products-slider__title {
    font-size: 24px;
    line-height: 31px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .products-slider__title {
    font-size: 26px;
    line-height: 34px;
  }
}
.products-slider-items {
  position: relative;
  padding-bottom: 12px;
}
.products-slider-items .swiper-container {
  width: calc(100% + 29px);
  margin: 0 -14px 0 -15px;
  padding: 30px 0;
  overflow: visible;
}
@media (min-width: 0) and (max-width: 767px) {
  .products-slider-items .swiper-container {
    width: calc(100% + 12px);
    margin: 0 -6px;
    padding: 24px 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .products-slider-items .swiper-container {
    padding-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .products-slider-items .swiper-container {
    width: calc(100% + 28px);
    margin: 0 -14px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .products-slider-items .swiper-container {
    width: calc(100% + 22px);
    margin: 0 -11px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .products-slider-items .swiper-container {
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
.products-slider-items .swiper-initialized {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.products-slider-items .swiper-pagination {
  bottom: 0;
}

.product-specifications {
  margin: 40px 0 60px;
  padding: 35px 35px 21px;
  background: #FFFFFF;
  box-shadow: 0 0 60px rgba(176, 182, 194, 0.15);
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .product-specifications {
    margin: 30px 0;
    padding: 24px 24px 14px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .product-specifications {
    margin: 34px 0 40px;
    padding: 40px 40px 26px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .product-specifications {
    padding: 36px 30px 23px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .product-specifications {
    padding: 40px 35px 26px;
  }
}
.product-specifications__title {
  margin: 0 0 23px;
}
@media (min-width: 0) and (max-width: 767px) {
  .product-specifications__title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 24px;
  }
}
.product-specifications__items {
  width: calc(100% + 30px);
  margin: 0 -15px;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 0;
       column-gap: 0;
}
@media (min-width: 0) and (max-width: 1023px) {
  .product-specifications__items {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.product-specifications-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 0 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 1599px) {
  .product-specifications-item {
    font-size: 14px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .product-specifications-item {
    display: block;
    margin-bottom: 16px;
    line-height: 17px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .product-specifications-item__text {
    margin-bottom: 4px;
  }
}
.product-specifications-item__value {
  font-weight: 500;
}

.progress {
  position: relative;
  width: 100%;
  height: 4px;
  background: #E0E7FF;
  border-radius: 40px;
}
.progress__bar {
  width: 0;
  height: 100%;
  background: linear-gradient(270deg, #055AFF 0%, #2F9BFF 53.89%, #2F90FF 53.9%);
  border-radius: inherit;
}

.quantity {
  width: 100%;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
  background: #FFFFFF;
  border: 1px solid #8F8EA6;
  box-sizing: border-box;
  border-radius: 8px;
}
@media (min-width: 0) and (max-width: 767px) {
  .quantity {
    height: 48px;
    padding: 0 9px;
  }
}
.quantity__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid #423F67;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .quantity__button {
    width: 21px;
    height: 21px;
  }
}
.quantity__button::before, .quantity__button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: center no-repeat;
  background-size: contain;
  content: "";
}
.quantity__button::after {
  opacity: 0;
}
.quantity__button:hover {
  background: linear-gradient(180deg, #44BBFE 0%, #1E78FE 100%);
  border: none;
}
.quantity__button:hover::before {
  opacity: 0;
}
.quantity__button:hover::after {
  opacity: 1;
}
.quantity__button--minus::before, .quantity__button--minus::after {
  height: 2px;
  margin-top: -1px;
}
.quantity__button--minus::before {
  background-image: url(/images/minus-small.svg?d0ed6017d691a0d0cd1d2702dfbffbef);
}
.quantity__button--minus::after {
  background-image: url(/images/minus-small-white.svg?dea685838ba9a4deaddfd5ed14b31c63);
}
.quantity__button--plus::before {
  background-image: url(/images/plus-small.svg?c83a40025cf4a0c2f1197749596d8375);
}
.quantity__button--plus::after {
  background-image: url(/images/plus-small-white.svg?fa36e0b425523c35c9b4bbab7e36de89);
}
.quantity__value {
  width: 64px;
  height: 100%;
  margin: 0 4px;
  padding: 11px 10px 10px;
  border: none;
  outline: none;
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2B284F;
  text-align: center;
  transition: 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 0) and (max-width: 767px) {
  .quantity__value {
    width: 54px;
    padding: 11px 5px 10px;
  }
}
.quantity__value::-webkit-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #99A9B9;
}
.quantity__value:-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #99A9B9;
}
.quantity__value::-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #99A9B9;
}
.quantity__value:-ms-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #99A9B9;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity input[type=number] {
  -moz-appearance: textfield;
}

.search-results__text {
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.02em;
  color: #262343;
}
@media (min-width: 0) and (max-width: 1023px) {
  .search-results__text {
    margin-bottom: 10px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results__text {
    font-size: 20px;
    line-height: 24px;
  }
}

.search-results-empty {
  margin: 50px 0 20px;
  padding: 80px 80px 70px;
  background: #FFFFFF;
  box-shadow: 0 4px 80px rgba(231, 236, 247, 0.63);
  border-radius: 40px;
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results-empty {
    margin: 30px 0 20px;
    padding: 32px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .search-results-empty {
    padding: 70px 50px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .search-results-empty {
    margin: 40px 0 20px;
  }
}
.search-results-empty__image {
  width: 156px;
  height: 156px;
  margin: 0 auto 36px;
  background: url(/images/catalog-empty.svg?c348a8832f488f7734caa87db1c93b9e) center no-repeat;
  background-size: contain;
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results-empty__image {
    width: 100px;
    height: 100px;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .search-results-empty__image {
    width: 120px;
    height: 120px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .search-results-empty__image {
    width: 140px;
    height: 140px;
    margin-bottom: 40px;
  }
}
.search-results-empty__text {
  max-width: 560px;
  margin: 0 auto 36px;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results-empty__text {
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .search-results-empty__text {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .search-results-empty__text {
    font-size: 22px;
    line-height: 31px;
  }
}
.search-results-empty__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results-empty__buttons {
    display: block;
  }
}
.search-results-empty__buttons .ui-button {
  margin: 0 7px;
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results-empty__buttons .ui-button {
    height: 50px;
    margin: 0;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .search-results-empty__buttons .ui-button:nth-child(2) {
    margin-top: 12px;
  }
}
.search-results-empty__buttons .ui-button:not(.ui-button--outline) {
  padding: 16px 24px 15px;
}

.section-title {
  margin: 0 0 50px;
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #1C184B;
}
@media (min-width: 0) and (max-width: 767px) {
  .section-title {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 34px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .section-title {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 38px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .section-title {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 43px;
  }
}

.scrollbar-track-y {
  width: 2px !important;
  right: 4px !important;
  background: none !important;
  border-radius: 4px;
}

.scrollbar-thumb-y {
  width: inherit !important;
  border-radius: inherit;
  background: #DEE0F2 !important;
}

.scrollbar-track {
  height: 4px !important;
  background: none !important;
}

.scrollbar-thumb-x {
  height: inherit !important;
  background: #8F8EA6 !important;
}

.text-content {
  font-size: 14px;
  line-height: 25px;
}
.text-content h2:first-child {
  margin-top: 0;
}
.text-content h1 + h2 {
  margin-top: 30px;
}
.text-content h3:first-child {
  margin-top: 0;
}
.text-content a {
  color: inherit;
  transition: 0.2s;
}
.text-content a[href*=tel], .text-content a[href*=mail] {
  white-space: nowrap;
}
.text-content ul {
  margin: 40px 0 14px;
  padding: 0;
}
.text-content ul:last-child {
  margin-bottom: 0;
}
.text-content ul li {
  position: relative;
  margin-bottom: 14px;
  padding-left: 20px;
  line-height: 20px;
  list-style: none;
}
.text-content ul li:last-child {
  margin-bottom: 0;
}
.text-content ul li::before {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 3px;
  height: 3px;
  border-radius: 10px;
  content: "";
}
.text-content h1 + ul,
.text-content h2 + ul,
.text-content h3 + ul,
.text-content h4 + ul,
.text-content h5 + ul {
  margin-top: 0;
}
.text-content ol {
  margin: 40px 0 14px;
  padding-left: 20px;
}
.text-content ol:last-child {
  margin-bottom: 0;
}
.text-content ol li {
  margin-bottom: 14px;
  line-height: 20px;
}
.text-content ol li:last-child {
  margin-bottom: 0;
}
.text-content h1 + ol,
.text-content h2 + ol,
.text-content h3 + ol,
.text-content h4 + ol,
.text-content h5 + ol {
  margin-top: 0;
}
.widget {
  width: 100%;
}
.widget__content {
  display: flex;
  justify-content: flex-end;
}
.widget-button {
  position: fixed;
  bottom: 40px;
  z-index: 10;
  display: flex;
  align-items: center;
  padding: 12px 27px 12px 12px;
  background: linear-gradient(0deg, #37345A 0%, #605D8A 119%);
  border-radius: 20px;
  cursor: pointer;
}
@media (min-width: 0) and (max-width: 767px) {
  .widget-button {
    bottom: 30px;
    width: 223px;
    padding: 11px 15px;
  }
}
.widget-button__icon {
  margin-right: 18px;
}
@media (min-width: 0) and (max-width: 767px) {
  .widget-button__icon {
    margin-right: 12px;
  }
}
.widget-button__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.widget--abs .widget-button {
  position: absolute;
}

.widget-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(180deg, #FFCF53 0%, #FF9900 100%);
  box-shadow: 0 2.57143px 12px rgba(255, 153, 0, 0.4);
  border-radius: 13px;
}
.widget-icon::before {
  width: 17.73px;
  height: 17.73px;
  background: url(/images/electric.svg?794b7eaecaf5650f3b9a456116c73d2e) center no-repeat;
  background-size: contain;
  content: "";
}
.widget-icon--small {
  width: 24px;
  height: 24px;
  box-shadow: 0 1.71429px 8px rgba(255, 153, 0, 0.4);
  border-radius: 8.66667px;
}
@media (min-width: 0) and (max-width: 767px) {
  .widget-icon--small {
    width: 32px;
    height: 32px;
  }
}
.widget-icon--small::before {
  width: 12px;
  height: 12px;
}
@media (min-width: 0) and (max-width: 767px) {
  .widget-icon--small::before {
    width: 15.76px;
    height: 15.76px;
  }
}
.widget-icon--heating {
  background: linear-gradient(180deg, #FF9252 0%, #FF3F15 100%);
  box-shadow: 0 2px 16.5581px rgba(255, 77, 0, 0.2);
}
.widget-icon--heating::before {
  width: 22px;
  height: 22px;
  background-image: url(/images/heat.svg?5858c3595bfde02d380185131efa0927);
}
.widget-icon--heating.widget-icon--small {
  box-shadow: 0 1.33333px 11.0388px rgba(255, 77, 0, 0.2);
}
.widget-icon--heating.widget-icon--small::before {
  width: 14px;
  height: 14px;
}
@media (min-width: 0) and (max-width: 767px) {
  .widget-icon--heating.widget-icon--small::before {
    width: 18px;
    height: 18px;
  }
}

.wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1206px;
}
@media (min-width: 0) and (max-width: 1365px) {
  .wrap {
    max-width: 100%;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .wrap {
    padding: 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .wrap {
    padding: 0 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .wrap {
    max-width: 1276px;
    padding: 0 35px;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .wrap {
    max-width: 1166px;
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  .wrap {
    max-width: 1466px;
    padding: 0 130px;
  }
}

h1 {
  margin: 0;
  font-weight: 400;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: -0.02em;
  color: #1C184B;
}
@media (min-width: 0) and (max-width: 767px) {
  h1 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  h1 {
    font-size: 36px;
    line-height: 43px;
  }
}

h2 {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: #1C184B;
}
@media (min-width: 0) and (max-width: 767px) {
  h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  h2 {
    font-size: 36px;
    line-height: 43px;
  }
}

h3 {
  margin: 0;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #1C184B;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  h3 {
    font-size: 24px;
    line-height: 29px;
  }
}

h4 {
  margin: 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -0.02em;
  color: #1C184B;
}
@media (min-width: 0) and (max-width: 767px) {
  h4 {
    font-size: 22px;
    line-height: 26px;
  }
}

.ui-accordion {
  width: 100%;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui-accordion__head {
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s;
}
.filter-param .ui-accordion__head::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 11px;
  height: 6px;
  margin-top: -2px;
  background: url(/images/chevron-down.svg?5ae48484b96308da5e6cd1ef40ade1c6) center no-repeat;
  background-size: contain;
  content: "";
}
.filter-param .ui-accordion--opened .ui-accordion__head::before {
  transform: rotate(180deg);
}
.ui-accordion__content {
  display: none;
  width: 100%;
  position: relative;
  transition: background-color 0.2s;
}
.ui-accordion--opened .ui-accordion__content {
  display: block;
}

.ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px 45px 15px;
  background: linear-gradient(180deg, #599CD8 0%, #4083BF 100%);
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s, opacity 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-button {
    padding: 17px 13px 16px;
    font-size: 14px;
    line-height: 17px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ui-button {
    padding: 16px 33px 15px;
  }
}
.ui-button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #44BBFE 0%, #1E78FE 100%);
  opacity: 0;
  border-radius: inherit;
  transition: opacity 0.2s;
  content: "";
}
.ui-button:hover:not(:disabled)::before {
  opacity: 1;
}
.ui-button span {
  position: relative;
  z-index: 1;
}
.ui-button:active:not(:disabled)::before {
  opacity: 1;
}
.ui-button:disabled {
  opacity: 0.6;
  cursor: auto;
}
.ui-button--disabled {
  opacity: 0.6;
  cursor: auto;
  pointer-events: none;
}
.ui-button--more {
  display: flex;
  justify-content: center;
  width: 100%;
}
.ui-button--outline {
  padding: 16px 29px 15px;
  border: 1px solid #8F8EA6;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 17px;
  color: #2B284F;
  background: none;
}
.ui-button--outline::before {
  display: none;
}
.ui-button--outline:hover:not(:disabled) {
  background: #2B284F;
  color: #FFFFFF;
}
.ui-button--outline:active:not(:disabled) {
  background: #2B284F;
  color: #FFFFFF;
}
.ui-button--outline.ui-button--more {
  padding: 19px;
  font-size: 16px;
  line-height: 19px;
}
@media (min-width: 0) and (max-width: 1023px) {
  .ui-button--outline.ui-button--more {
    padding: 15px;
  }
}
.ui-button--outline-blue {
  padding: 15px 29px 14px;
  border: 1px solid #709FD5;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 19px;
  color: #709FD5;
  background: none;
}
.ui-button--outline-blue::before {
  background: linear-gradient(180deg, #599CD8 0%, #3176B4 114.77%);
}
.ui-button--outline-blue:hover:not(:disabled) {
  padding: 16px 30px 15px;
  color: #FFFFFF;
  border: none;
}
.ui-button--outline-blue:active:not(:disabled) {
  color: #FFFFFF;
}
.ui-button--dark {
  padding: 12px 53px 11px;
  font-size: 14px;
  line-height: 17px;
  background: linear-gradient(0deg, #37345A 0%, #605D8A 119%);
}
.ui-button--dark::before {
  background: linear-gradient(180deg, #599CD8 0%, #4083BF 100%);
}
.ui-button--dark::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #44BBFE 0%, #1E78FE 100%);
  opacity: 0;
  border-radius: inherit;
  transition: opacity 0.2s;
  content: "";
}
.ui-button--dark:active:not(:disabled)::after {
  opacity: 1;
}
.ui-button--arrow {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 12px;
}
.ui-button__arrow {
  width: 20px;
  height: 19px;
  background: url(/images/arrow-right.svg?5cfbf48a6ae792dfcfc2cad72e73766c) center no-repeat;
  background-size: contain;
}
.ui-button--catalog {
  padding: 14px 31px 13px;
  background: linear-gradient(180deg, #599CD8 0%, #3176B4 114.77%);
  line-height: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-button--catalog {
    padding: 8px 8px 9px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ui-button--catalog {
    padding: 14px 14px 13px;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .ui-button--catalog {
    padding: 14px 18px 13px;
  }
}
@media (min-width: 0) and (max-width: 1023px) {
  .ui-button--catalog > span {
    display: none;
  }
}
.ui-button--catalog.ui-button--active::before {
  opacity: 1;
}
.ui-button__burger {
  margin-right: 16px;
}
@media (min-width: 0) and (max-width: 1023px) {
  .ui-button__burger {
    margin-right: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .ui-button__burger {
    margin-right: 10px;
  }
}
.ui-button-top {
  position: relative;
  z-index: 2;
  width: 36px;
  height: 36px;
  background: linear-gradient(180deg, #44BBFE 0%, #1E78FE 100%);
  box-shadow: 0 0 8px rgba(32, 124, 254, 0.4);
  border-radius: 100%;
  cursor: pointer;
}
@media (min-width: 0) and (max-width: 1023px) {
  .ui-button-top {
    width: 32px;
    height: 32px;
  }
}
.ui-button-top:before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 17px;
  height: 17px;
  background: url(/images/arrow-top.svg?9c48e9d1fd9a8f0365499b33cd6d04b9) center no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 0) and (max-width: 1023px) {
  .ui-button-top:before {
    top: 8px;
    left: 8px;
  }
}
.ui-button--w100 {
  display: flex;
  width: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-button--w100-xs {
    width: 100%;
  }
}
.ui-button--small {
  padding: 12px 25px 11px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.ui-breadcrumb {
  max-width: 990px;
  margin-bottom: 30px;
  font-size: 0;
  line-height: 0;
}
.ui-breadcrumb__item {
  position: relative;
  margin-right: 2px;
  padding-left: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #0263AD;
  text-decoration: none;
  transition: 0.2s;
  display: inline;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-breadcrumb__item {
    line-height: 20px;
  }
}
.ui-breadcrumb__item:hover:not(div) {
  color: #0382E3;
}
.ui-breadcrumb__item:hover:not(div)::before {
  color: #929BB8;
}
.ui-breadcrumb__item::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #929BB8;
  content: "/";
}
.ui-breadcrumb__item:first-child {
  padding-left: 0;
}
.ui-breadcrumb__item:first-child::before {
  display: none;
}
.ui-breadcrumb__item--current {
  color: #929BB8;
}

.ui-checkbox {
  display: flex;
  position: relative;
}
.ui-checkbox__control {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
}
.ui-checkbox__icon {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 14px;
  background: #FFFFFF;
  border: 1px solid #8DA0B4;
  box-sizing: border-box;
  border-radius: 6px;
  transition: 0.2s;
  cursor: pointer;
}
.ui-checkbox:hover .ui-checkbox__icon {
  background: #F2F5F9;
  border-color: #273466;
}
.ui-checkbox__icon::before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
  opacity: 0;
  border-radius: inherit;
  transition: 0.2s;
  content: "";
}
.ui-checkbox__icon::after {
  position: absolute;
  top: 7px;
  left: 5px;
  width: 12px;
  height: 9px;
  background: url(/images/check.svg?d0f5f522c4fcc758aef05a55836ed9a2) center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: 0.2s;
  content: "";
}
.ui-checkbox__control:checked ~ .ui-checkbox__icon {
  border-color: transparent;
}
.ui-checkbox__control:checked ~ .ui-checkbox__icon::before {
  opacity: 1;
}
.ui-checkbox__control:checked ~ .ui-checkbox__icon::after {
  opacity: 1;
}
.ui-checkbox__control:disabled ~ .ui-checkbox__icon {
  cursor: auto;
  opacity: 0.5;
}
.ui-checkbox--agreement .ui-checkbox__icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
.ui-checkbox--agreement .ui-checkbox__icon::after {
  top: 6px;
  left: 4px;
}
.ui-checkbox__text {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #425185;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui-checkbox--agreement .ui-checkbox__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  color: #595680;
}

.ui-form-file {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
  padding-right: 76px;
  overflow: hidden;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-form-file {
    min-height: auto;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }
}
.ui-form-file__label {
  display: inline-flex;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease-out;
}
.ui-form-file__label--hidden {
  position: absolute;
  opacity: 0;
  transform: translateY(-100%);
}
.ui-form-file__input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.ui-form-file__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  margin-right: 14px;
  background: linear-gradient(0deg, #37345A 0%, #524F80 119%);
  border-radius: 100%;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-form-file__icon {
    width: 36px;
    height: 36px;
  }
}
.ui-form-file__icon::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(0deg, #37345A -33.33%, #7571AC 113.1%);
  opacity: 0;
  transition: opacity 0.2s;
  content: "";
}
.ui-form-file__icon::after {
  position: relative;
  width: 23px;
  height: 23px;
  background: url(/images/attach.svg?e12f3577e87ccee632daddad96c32101) center no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-form-file__icon::after {
    width: 20px;
    height: 20px;
  }
}
.ui-form-file__text {
  display: inline-block;
}
.ui-form-file__label:hover .ui-form-file__icon::before {
  opacity: 1;
}
.ui-form-file-name {
  margin: 0;
  position: absolute;
  opacity: 0;
  display: flex;
}
.ui-form-file-name--visible {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: 0.2s;
}
.ui-form-file-name__text {
  margin-right: 12px;
  position: relative;
  display: inline-block;
  word-break: break-word;
}
.ui-form-file-name__delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  transition: 0.2s;
}
.ui-form-file-name__delete:hover {
  color: #1C184B;
}
.ui-form-file-name__delete svg {
  width: 12px;
  height: 12px;
}
.ui-form-file-loader {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(/images/load.svg?bec58e53d2bfc76120088b9733a452e2) center no-repeat;
  background-size: contain;
  -webkit-animation: loader 1s linear infinite;
          animation: loader 1s linear infinite;
  transition: transform 0.2s;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-form-file-loader {
    display: none !important;
  }
}
@-webkit-keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ui-form-label {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #273466;
}

.ui-input {
  width: 100%;
  position: relative;
}
.ui-input__input {
  position: absolute;
  left: 0;
  opacity: 0;
  width: 0;
}
.ui-input__control {
  width: 100%;
  padding: 25px 9px 9px;
  background: #F6F7FA;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #2B284F;
  outline: none;
  transition: 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ui-input__control::-webkit-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-input__control:-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-input__control::-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-input__control:-ms-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 14.5px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-input__control:hover:not(:disabled) {
  border-color: #DEE0F2;
}
.ui-input__control:focus {
  background: #FFFFFF;
  border-color: #8F8EA6;
}
.ui-search .ui-input__control {
  position: relative;
  padding: 11px 160px 11px 45px;
  background: #FFFFFF;
  border: 1px solid #DEE0F2;
  z-index: 11;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-search .ui-input__control {
    padding: 14px 15px 14px 41px;
  }
}
.ui-search .ui-input__control::-webkit-input-placeholder {
  color: #99A9B9;
}
.ui-search .ui-input__control:-moz-placeholder {
  color: #99A9B9;
}
.ui-search .ui-input__control::-moz-placeholder {
  color: #99A9B9;
}
.ui-search .ui-input__control:-ms-input-placeholder {
  color: #99A9B9;
}
.ui-search .ui-input__control:hover {
  background: #FFFFFF;
  border-color: #2F90FF;
}
.ui-search .ui-input__control:focus {
  background: #FFFFFF;
  border-color: #2F90FF;
}
.ui-select--opened.ui-autocomplete .ui-input__control {
  border-bottom-color: transparent !important;
  border-radius: 6px 6px 0 0;
}
.ui-select--opened.ui-autocomplete .ui-input__control:hover {
  border-color: #DEE0F2;
}
.ui-select--opened.ui-autocomplete .ui-input__control:focus {
  border-color: #DEE0F2;
}
.ui-input--filter .ui-input__control {
  padding: 15px 7px 15px 12px;
  background: #FFFFFF;
  line-height: 19px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-input--filter .ui-input__control {
    padding-left: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ui-input--filter .ui-input__control {
    padding-left: 40px;
  }
}
.ui-input--filter .ui-input__control:hover {
  border-color: #8DA0B4;
}
.ui-input--filter .ui-input__control:focus {
  border-color: #8DA0B4;
}
.models-filter .ui-input--filter .ui-input__control {
  background: #F2F5F9;
}
.ui-input__control::-webkit-outer-spin-button, .ui-input__control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ui-input__control[type=number] {
  -moz-appearance: textfield;
}
.ui-input__control::-ms-clear {
  display: none;
}

.ui-link {
  color: #0382E3;
  text-decoration: none;
  transition: 0.2s;
}
.ui-link:hover {
  text-decoration: underline;
}

.ui-label {
  display: table;
  margin-right: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  box-shadow: 0 6.68136px 13.3627px rgba(255, 77, 0, 0.1);
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-label {
    padding: 4px 8px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ui-label {
    padding: 8px 10px;
  }
}
.ui-label--big {
  margin-right: 15px;
  padding: 13px 16px;
  border-radius: 15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-label--big {
    margin-right: 10px;
    padding: 9px 16px;
  }
}
.ui-label--hit {
  background: linear-gradient(180deg, #FF5267 0%, #FF3115 100%);
}
.ui-label--hit.ui-label--big {
  box-shadow: 0 8.27907px 16.5581px rgba(255, 77, 0, 0.2);
}
.ui-label--new {
  background: linear-gradient(180deg, #44BBFE 0%, #1E78FE 100%);
  box-shadow: 0 4px 10px rgba(60, 172, 254, 0.2);
}
.ui-label--new.ui-label--big {
  border-radius: 12px;
}
.ui-label--ex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 0;
  background: linear-gradient(180deg, #FF9252 0%, #FF3F15 100%);
  box-shadow: 0 8.27907px 16.5581px rgba(255, 77, 0, 0.2);
  border-radius: 10px;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-label--ex {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ui-label--ex {
    width: 30px;
    height: 30px;
  }
}
.ui-label--ex.ui-label--big {
  width: 48px;
  height: 48px;
  font-size: 18px;
  line-height: 22px;
  border-radius: 15px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-label--ex.ui-label--big {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .ui-label--ex.ui-label--big {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 16px;
  }
}

.ui-placeholder {
  position: relative;
}
.ui-placeholder__row {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  pointer-events: none;
}
.ui-placeholder__label {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.2s ease;
}
.ui-placeholder__label span {
  color: #FF3F15;
}
.ui-placeholder--filled > .ui-placeholder__row {
  top: 8px;
  left: 10px;
}
.ui-placeholder--filled .ui-placeholder__label {
  font-size: 13px;
}
.ui-placeholder--filled .ui-placeholder__label span {
  display: none;
}

.ui-popup {
  display: none;
  padding: 20px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-popup {
    padding: 20px;
  }
}
.ui-popup__overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(43, 40, 79, 0.5);
}
.ui-popup__content {
  position: relative;
  z-index: 999998;
  width: 100%;
  max-width: 442px;
  margin: auto;
  padding: 56px 30px 38px;
  background: #FFFFFF;
  box-shadow: 0 0 60px rgba(176, 182, 194, 0.2);
  border-radius: 20px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-popup__content {
    padding: 62px 14px 20px;
  }
}
.ui-popup--small .ui-popup__content {
  max-width: 374px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-popup--small .ui-popup__content {
    padding-top: 50px;
  }
}
.ui-popup__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 16px;
  height: 16px;
  color: #8F8EA6;
  cursor: pointer;
  z-index: 10;
  transition: 0.2s;
}
.ui-popup__close:hover {
  color: #565E76;
}
.ui-popup__title {
  margin: 0 0 28px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-popup__title {
    max-width: 280px;
    margin: 0 auto 22px;
    text-align: center;
  }
}
.ui-popup--small .ui-popup__title {
  text-align: center;
}
.ui-popup__title-label {
  width: 24px;
  height: 24px;
  margin-left: 6px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-popup__title-label {
    position: absolute;
    top: 14px;
    left: 14px;
    margin: 0;
  }
}

.ui-radio {
  display: flex;
  position: relative;
}
.ui-radio__control {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
}
.ui-radio__icon {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 14px;
  background: #FFFFFF;
  border: 1px solid #2F90FF;
  box-sizing: border-box;
  border-radius: 50%;
  transition: 0.2s;
  cursor: pointer;
}
.ui-radio:hover .ui-radio__icon {
  background: #F2F5F9;
}
.ui-radio__icon::before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  opacity: 0;
  border-radius: inherit;
  transition: 0.2s;
  content: "";
}
.ui-radio__icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: linear-gradient(180deg, #44BBFE 0%, #1E78FE 100%);
  background-size: contain;
  opacity: 0;
  transition: 0.2s;
  content: "";
}
.ui-radio__control:checked ~ .ui-radio__icon::before {
  opacity: 1;
}
.ui-radio__control:checked ~ .ui-radio__icon::after {
  opacity: 1;
}
.ui-radio__control:disabled ~ .ui-radio__icon {
  cursor: auto;
  opacity: 0.5;
}
.ui-radio--agreement .ui-radio__icon {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
.ui-radio--agreement .ui-radio__icon::after {
  top: 6px;
  left: 4px;
}
.ui-radio__text {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #425185;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui-radio--agreement .ui-radio__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  color: #595680;
}

.ui-range__row {
  width: calc(100% + 14px);
  margin: 0 -7px 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ui-range__field {
  width: calc((100% - 28px) / 2);
  margin: 0 7px;
  position: relative;
}
.ui-range__input {
  width: 100%;
  padding: 16px 16px 16px 13px;
  background: #F2F5F9;
  border: none;
  border-radius: 6px;
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.02em;
  color: #99A9B9;
  transition: 0.2s;
}
.ui-range__input::-webkit-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #99A9B9;
}
.ui-range__input:-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #99A9B9;
}
.ui-range__input::-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #99A9B9;
}
.ui-range__input:-ms-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #99A9B9;
}
.ui-range__input--selected {
  background: #EBEDF7;
  color: #2B284F;
}
.ui-range__input::-webkit-outer-spin-button, .ui-range__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ui-range__input[type=number] {
  -moz-appearance: textfield;
}
.ui-range__input::-ms-clear {
  display: none;
}
.ui-range-slider.ui-widget-content {
  position: relative;
  width: calc(100% - 18px);
  height: 6px;
  margin: 0 9px 6px;
  background: #E7EBF3;
  border-radius: 40px;
  border: none;
}
.ui-range-slider .ui-slider-handle {
  width: 18px;
  height: 18px;
  margin-left: -9px;
  background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
  box-sizing: border-box;
  border-radius: 100%;
  position: absolute;
  top: -6px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.ui-range-slider .ui-slider-range {
  height: 6px;
  background: #99A9B9;
}

.ui-search {
  position: relative;
}
.ui-search::before {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 12;
  width: 16px;
  height: 16px;
  background: url(/images/search.svg?3f78c61e117059d28d186355c926b06e) center no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-search::before {
    top: 17px;
  }
}
.ui-search__select {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 12;
  min-width: 145px;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-search__select {
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
    margin-top: 10px;
  }
}

.ui-select {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.ui-select--filter {
  width: 100%;
}
.ui-select__control {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 0;
}
.ui-select__preview {
  position: relative;
  cursor: pointer;
  padding-right: 14px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  transition: 0.2s;
  color: #0263AD;
}
.ui-select--disabled .ui-select__preview {
  cursor: auto;
}
.ui-select--filter .ui-select__preview {
  padding: 17px 50px 16px 16px;
  background: #F2F5F9;
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #99A9B9;
}
.ui-select--filter .ui-select__preview::after {
  right: 23px;
}
.ui-select--filter .ui-select__preview:hover {
  background: #EBEDF7;
}
.ui-select--filter.ui-select--selected .ui-select__preview {
  background: #EBEDF7;
  color: #2B284F;
}
.ui-search__select .ui-select__preview {
  padding: 10px 30px 10px 15px;
  background: #F6F7FA;
  border-radius: 6px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #565E76;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-search__select .ui-select__preview {
    padding: 15px 30px 15px 15px;
    background: #E8EBF5;
  }
}
.ui-search__select .ui-select__preview::after {
  right: 12px;
  width: 11px;
  margin-top: -2px;
}
.ui-search__select .ui-select--opened .ui-select__preview {
  background: #FFFFFF;
}
.ui-select__preview::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 6px;
  margin-top: -2px;
  background: url(/images/chevron-down.svg?5ae48484b96308da5e6cd1ef40ade1c6) center no-repeat;
  background-size: contain;
  content: "";
}
.ui-select--opened .ui-select__preview::after {
  transform: scale(1, -1);
}
.ui-select--disabled .ui-select__preview::after {
  opacity: 0.5;
}
.ui-select__placeholder {
  transition: 0.2s;
}
.ui-select--selected .ui-select__placeholder {
  display: none;
}
.ui-select__text {
  display: none;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-select__text {
    white-space: normal;
  }
}
.ui-select--selected .ui-select__text {
  display: table;
}
.ui-select__label {
  display: none;
}
.ui-select--selected .ui-select__label {
  display: block;
}
.ui-select__close {
  width: 24px;
  height: 24px;
  transition: 0.2s;
}
.ui-select__options {
  display: none !important;
  width: 100%;
  max-height: 330px;
  margin-top: 10px;
  overflow: auto;
  background: #FFFFFF;
  position: absolute !important;
  left: 0;
  top: 100%;
  z-index: 10;
  border: 1px solid #DEE0F2;
  box-sizing: border-box;
  box-shadow: 0 2px 60px rgba(176, 182, 194, 0.2);
  border-radius: 6px;
}
.ui-select--opened .ui-select__options {
  display: block !important;
}
.ui-autocomplete .ui-select__options {
  max-height: 176px;
  margin: 0;
  border-top: none;
  border-radius: 0 0 6px 6px;
}
.ui-search__select .ui-select__options {
  margin: 0;
  box-shadow: none;
  border: none;
  border-radius: 0 0 6px 6px;
}
.ui-select-option {
  display: block;
  padding: 11px 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: 0.2s;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #37345A;
  cursor: pointer;
}
.ui-select-option:hover {
  background: #F6F7FA;
}
.ui-select-option--selected {
  display: none;
}
.ui-autocomplete .ui-select-option {
  padding: 14px 24px;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #2B284F;
}

.ui-slider-arrow {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  cursor: pointer;
  transition: color 0.3s ease-out;
}
.ui-slider-arrow::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: inherit;
  transition: 0.3s;
  content: "";
}
.ui-slider-arrow:hover::before {
  transform: scale(1.07, 1.07);
}
.ui-slider-arrow::after {
  display: none;
}
.ui-slider-arrow svg {
  position: relative;
  width: 24px;
  height: 24px;
}

.ui-status {
  display: table;
  padding: 8px 16px;
  background: #2F90FF;
  border-radius: 80px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-status {
    font-size: 13px;
  }
}
.ui-status--on-order {
  background: #6372FF;
}
.ui-status--on-order {
  background: linear-gradient(180deg, #D7D6F9 0%, #D7D6F9 100%);
  color: #273466;
}
.ui-status--out-of-production {
  background: linear-gradient(180deg, #4F78A7 0%, #4F78A7 100%);
  color: #e6e6e6;
}
.ui-status--big {
  padding: 12px 24px;
  font-size: 16px;
}
@media (min-width: 0) and (max-width: 1365px) {
  .ui-status--big {
    font-size: 14px;
  }
}

.ui-tabs-buttons {
  display: flex;
}
.ui-tabs-buttons__inner {
  display: flex;
}
.ui-tabs-buttons__item {
  position: relative;
  margin-right: 10px;
  padding: 9px 16px;
  border: 1px solid #8F8EA6;
  box-sizing: border-box;
  border-radius: 600px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #2B284F;
  transition: 0.2s;
  cursor: pointer;
}
.ui-tabs-buttons__item::before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  background: linear-gradient(180deg, #2F90FF 0%, #0569FF 140.38%);
  opacity: 0;
  transition: opacity 0.2s;
  content: "";
}
.ui-tabs-buttons__item span {
  position: relative;
}
.ui-tabs-buttons__item--active {
  color: #FFFFFF;
}
.ui-tabs-buttons__item--active::before {
  opacity: 1;
}
.ui-tabs-content {
  display: none;
}
.ui-tabs-content--active {
  display: block;
}

.ui-textarea {
  width: 100%;
  position: relative;
}
.ui-textarea__input {
  position: absolute;
  left: 0;
  opacity: 0;
  width: 0;
}
.ui-textarea__control {
  width: 100%;
  height: 128px;
  padding: 25px 9px 9px;
  background: #F6F7FA;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #2B284F;
  outline: none;
  transition: 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
}
.ui-textarea__control::-webkit-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-textarea__control:-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-textarea__control::-moz-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-textarea__control:-ms-input-placeholder {
  font-family: "Golos", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #99A9B9;
}
.ui-textarea__control:hover:not(:disabled) {
  border-color: #DEE0F2;
}
.ui-textarea__control:focus {
  background: #FFFFFF;
  border-color: #8F8EA6;
}
.ui-textarea__control::-ms-clear {
  display: none;
}

.ui-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .ui-tooltip {
    align-items: flex-end;
  }
}
.ui-tooltip__text {
  margin-right: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #4B30BB;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-tooltip__text {
    margin-right: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .ui-tooltip__text {
    margin-right: 10px;
  }
}
.ui-tooltip__text br {
  display: none;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .ui-tooltip__text br {
    display: block;
  }
}
.ui-tooltip__icon {
  flex-shrink: 0;
  position: relative;
  width: 15px;
  height: 15px;
  background: url(/images/info.svg?09d0715a11e2e296118db53b2d57885b) center no-repeat;
  background-size: contain;
  cursor: pointer;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-tooltip__icon {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .ui-tooltip__icon {
    width: 18px;
    height: 18px;
  }
}
.ui-tooltip__icon::before {
  position: absolute;
  top: -15px;
  left: 0;
  width: 50px;
  height: 30px;
  opacity: 0;
  content: "";
}
.ui-tooltip__icon::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/info-hover.svg?eca161f1411d5c2af51bff8c9cee6cfb) center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
  content: "";
}
.ui-tooltip__icon:hover::after {
  opacity: 1;
}
.ui-tooltip__card {
  position: absolute;
  bottom: 100%;
  left: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  margin: 0 0 13px -20px;
  padding: 15px 10px;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: opacity 0.2s, visibility 0s;
}
@media (min-width: 0) and (max-width: 767px) {
  .ui-tooltip__card {
    display: none;
  }
}
.ui-tooltip__card::before {
  position: absolute;
  bottom: -6px;
  left: 9px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  transform: rotate(45deg);
  content: "";
}
.ui-tooltip__card .ui-button--small {
  padding: 7px 9px 6px;
}
@media (min-width: 768px) and (max-width: 99998px) {
  .ui-tooltip:hover .ui-tooltip__card {
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }
}

.ui-validation {
  position: relative;
}
.ui-validation__error {
  display: none;
  margin-left: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #FF3F15;
}
.ui-validation--failed .ui-input__control {
  background: #FFFFFF;
  border-color: #FF3F15;
}
.ui-validation--failed .ui-input__control:hover:not(:disabled) {
  border-color: #FF3F15;
}
.ui-validation--failed .ui-input__control:focus {
  border-color: #FF3F15;
}
.ui-validation--failed .ui-validation__error {
  display: block;
}