:root {
  --open: 'Open Sans', sans-serif;
  --roboto: 'Roboto', sans-serif;
  --bg-color: #F2F2F2;
  --black: #191919;
  --red: #ff4747;
  --white: #FEFEFE;
  --grey: #828282;
  --blue: #005BFE;
  --orange: #FF9A00;
  --green: #21BF4F;
  --lightred: #FF9B89;
  --bg-plus: #FDF9F5;
  --gradinet: linear-gradient(90deg, #FF9A00 0%, #FF4747 94.76%);
  --con-size: 688px;
  --con: calc((100vw - var(--con-size)) / 2); }
  @media screen and (min-width: 1024px) {
    :root {
      --con-size: 980px
   ; } }
  @media screen and (min-width: 1200px) {
    :root {
      --con-size: 1160px; } }
  @media screen and (min-width: 1640px) {
    :root {
      --con-size: 1600px; } }

/**
 * Swiper 7.3.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: November 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;
  z-index: 1; }

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

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

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

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x; }

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

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

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.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: '';
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          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-button-next, .swiper-button-prev {
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

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

.swiper-button-next:after, .swiper-button-prev: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; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          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;
  -webkit-box-shadow: none;
          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-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

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

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s transform,.2s top;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s 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%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-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 {
  -webkit-transition: .2s transform,.2s left;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s transform,.2s right;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right; }

.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%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top; }

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

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

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

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

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

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

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          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% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

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

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

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

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

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

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  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;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%; }

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

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          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-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

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

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          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-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity,height,-webkit-transform;
  transition-property: opacity,height,-webkit-transform;
  -o-transition-property: transform,opacity,height;
  transition-property: transform,opacity,height;
  transition-property: transform,opacity,height,-webkit-transform; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn {
  display: block;
  width: 100%;
  padding: 5px 20px;
  background-color: transparent;
  border-radius: 3px;
  font-weight: 600;
  font-size: 12px;
  line-height: 130%;
  border: 1px solid currentColor;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (min-width: 1200px) {
    .btn {
      font-size: 14px;
      padding: 10px;
      border-radius: 5px; } }
  .btn--red {
    color: var(--white);
    border-color: var(--red);
    background-color: var(--red); }
    @media screen and (min-width: 1200px) {
      .btn--red {
        font-size: 14px;
        padding: 5px; } }
    .btn--red:hover {
      background-color: var(--orange);
      border-color: var(--orange); }
  .btn--switch {
    padding: 5px;
    font-size: 10px;
    line-height: 14px;
    color: var(--grey);
    word-wrap: revert;
    border: 1px solid var(--grey);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media screen and (min-width: 1200px) {
      .btn--switch {
        font-size: 12px;
        line-height: 16px; } }
    .btn--switch-active, .btn--switch:hover {
      border-color: var(--orange);
      color: var(--orange); }
    .btn--switch:active {
      border-color: var(--red);
      color: var(--red); }
  .btn--orange {
    background-color: var(--orange);
    color: var(--white);
    border-radius: 5px; }
    .btn--orange:hover {
      -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16);
              box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16); }
    .btn--orange:active {
      background: var(--red);
      -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16);
              box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16); }
  .btn--map {
    color: var(--white);
    background: -webkit-gradient(linear, left top, right top, from(#FF9A00), color-stop(50%, #FF4747), to(#FF9A00));
    background: -o-linear-gradient(left, #FF9A00 0%, #FF4747 50%, #FF9A00 100%);
    background: linear-gradient(90deg, #FF9A00 0%, #FF4747 50%, #FF9A00 100%);
    background-position: left center;
    background-size: 200%; }
    .btn--map:hover {
      background-position: right center; }
  .btn--black-line {
    border: 1px solid var(--black);
    color: var(--black); }
    .btn--black-line:hover {
      border-color: var(--orange);
      color: var(--orange); }
    .btn--black-line:active {
      border-color: var(--red);
      color: var(--red); }
  .btn--red-line {
    border: 1px solid var(--red);
    color: var(--red); }
    .btn--red-line:hover {
      border-color: var(--orange);
      color: var(--orange); }
  @media screen and (min-width: 1200px) {
    .btn--filter {
      padding: 5px;
      font-size: 12px; } }

.content--modal-open {
  overflow: hidden;
  width: 100vw;
  height: 100vh; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  overflow: scroll;
  -webkit-animation: fadeIn 0.5s;
          animation: fadeIn 0.5s; }
  .modal .form {
    display: none; }
  .modal--order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .modal--order .form--order {
      display: block; }
  .modal--help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .modal--help .form--help {
      display: block; }
  .modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(25, 25, 25, 0.7); }
  .modal__content {
    position: relative;
    width: 216px; }
    @media screen and (min-width: 768px) {
      .modal__content {
        width: 280px; } }
    @media screen and (min-width: 1024px) {
      .modal__content {
        width: 377px; } }
  .modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    background-color: transparent;
    border: none; }
    .modal__close-icon {
      width: 16px; }
  .modal__inputs {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .modal--success .modal__thanks {
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
    max-height: 999px;
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .modal--success .modal__thanks {
        padding-bottom: 10px; } }
    @media screen and (min-width: 1200px) {
      .modal--success .modal__thanks {
        padding-bottom: 50px; } }
  .modal--success .modal__inputs {
    max-height: 0;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0); }
  .modal .modal__inputs {
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.modal-thanks {
  max-height: 0;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .modal-thanks__icon {
    display: block;
    margin: 0 auto;
    width: 60px; }
    @media screen and (min-width: 768px) {
      .modal-thanks__icon {
        width: 80px; } }
    @media screen and (min-width: 1200px) {
      .modal-thanks__icon {
        width: 105px; } }
  .modal-thanks__text {
    max-width: 160px;
    margin: 10px auto 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .modal-thanks__text {
        margin-top: 15px;
        font-size: 14px;
        max-width: 210px; } }
    @media screen and (min-width: 1200px) {
      .modal-thanks__text {
        margin-top: 25px;
        font-size: 16px;
        max-width: unset; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.title {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 20px;
  line-height: 130%; }
  @media screen and (min-width: 768px) {
    .title {
      margin-bottom: 10px;
      font-size: 22px; } }
  @media screen and (min-width: 1200px) {
    .title {
      margin-bottom: 5px;
      font-size: 26px;
      line-height: 130%; } }
  @media screen and (min-width: 1640px) {
    .title {
      margin-bottom: 10px;
      font-size: 28px; } }
  .title--white {
    color: var(--white);
    text-align: center; }
    @media screen and (min-width: 768px) {
      .title--white {
        text-align: start; } }

.subtitle, .main-info__name, .about-content__title, .delivery-content__title, .contacts-page__title, .cart-price__full {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 130%; }
  @media screen and (min-width: 1200px) {
    .subtitle, .main-info__name, .about-content__title, .delivery-content__title, .contacts-page__title, .cart-price__full {
      font-size: 22px; } }
  @media screen and (min-width: 1640px) {
    .subtitle, .main-info__name, .about-content__title, .delivery-content__title, .contacts-page__title, .cart-price__full {
      font-size: 24px; } }

.block-title, .item-full__title, .delivery-content__subtitle, .order-form__title {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%; }
  @media screen and (min-width: 1200px) {
    .block-title, .item-full__title, .delivery-content__subtitle, .order-form__title {
      font-size: 20px; } }
  @media screen and (min-width: 1640px) {
    .block-title, .item-full__title, .delivery-content__subtitle, .order-form__title {
      font-size: 22px; } }

.element-title, .item-parametrs__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 130%; }
  @media screen and (min-width: 1640px) {
    .element-title, .item-parametrs__title {
      font-size: 16px; } }

.text, .form__text, .main-info__free, .status, .add-con__swap, .item-parametrs__name, .item-parametrs__value, .item-full__text, .about-content__text, .delivery-content__text, .delivery-content__item, .cart-item__name, .cart-item__descr, .no-found__descr {
  margin: 0;
  line-height: 130%;
  font-size: 12px; }
  @media screen and (min-width: 1200px) {
    .text, .form__text, .main-info__free, .status, .add-con__swap, .item-parametrs__name, .item-parametrs__value, .item-full__text, .about-content__text, .delivery-content__text, .delivery-content__item, .cart-item__name, .cart-item__descr, .no-found__descr {
      font-size: 14px; } }
  @media screen and (min-width: 1640px) {
    .text, .form__text, .main-info__free, .status, .add-con__swap, .item-parametrs__name, .item-parametrs__value, .item-full__text, .about-content__text, .delivery-content__text, .delivery-content__item, .cart-item__name, .cart-item__descr, .no-found__descr {
      font-size: 16px; } }
  .text--bold, .delivery-content__item, .cart-item__name {
    font-weight: 600; }
  .text--small, .cart-item__descr {
    font-weight: 600;
    font-size: 10px; }
    @media screen and (min-width: 1200px) {
      .text--small, .cart-item__descr {
        font-size: 12px; } }

.form {
  padding: 20px;
  border-radius: 10px;
  background-color: var(--white); }
  @media screen and (min-width: 1200px) {
    .form {
      padding: 30px; } }
  @media screen and (min-width: 1640px) {
    .form {
      padding: 20px 40px 25px; } }
  .form__title {
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    color: var(--black);
    text-align: center; }
    @media screen and (min-width: 1200px) {
      .form__title {
        font-size: 18px; } }
    @media screen and (min-width: 1640px) {
      .form__title {
        font-size: 20px;
        margin-bottom: 20px; } }
  .form__text {
    margin: 0 0 10px; }
    @media screen and (min-width: 1640px) {
      .form__text {
        margin-bottom: 20px; } }
  .form__input {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid var(--grey);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 12px;
    line-height: 130%;
    color: var(--grey);
    border-radius: 4px;
    opacity: 0.5;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media screen and (min-width: 1200px) {
      .form__input {
        font-size: 14px; } }
    @media screen and (min-width: 1640px) {
      .form__input {
        margin-bottom: 10px;
        padding: 10px 20px;
        font-size: 16px; } }
    .form__input::-webkit-input-placeholder {
      font-size: 12px;
      line-height: 130%;
      color: var(--grey); }
    .form__input::-moz-placeholder {
      font-size: 12px;
      line-height: 130%;
      color: var(--grey); }
    .form__input:-ms-input-placeholder {
      font-size: 12px;
      line-height: 130%;
      color: var(--grey); }
    .form__input::-ms-input-placeholder {
      font-size: 12px;
      line-height: 130%;
      color: var(--grey); }
    .form__input::placeholder {
      font-size: 12px;
      line-height: 130%;
      color: var(--grey); }
      @media screen and (min-width: 1200px) {
        .form__input::-webkit-input-placeholder {
          font-size: 14px; }
        .form__input::-moz-placeholder {
          font-size: 14px; }
        .form__input:-ms-input-placeholder {
          font-size: 14px; }
        .form__input::-ms-input-placeholder {
          font-size: 14px; }
        .form__input::placeholder {
          font-size: 14px; } }
    .form__input:hover {
      opacity: 0.7; }
    .form__input:focus {
      opacity: 1;
      border-color: var(--black); }
      .form__input:focus::-webkit-input-placeholder {
        color: var(--black); }
      .form__input:focus::-moz-placeholder {
        color: var(--black); }
      .form__input:focus:-ms-input-placeholder {
        color: var(--black); }
      .form__input:focus::-ms-input-placeholder {
        color: var(--black); }
      .form__input:focus::placeholder {
        color: var(--black); }
    @media screen and (min-width: 1200px) {
      .form__input {
        font-size: 14px; } }
    .form__input--filter {
      width: 40px;
      margin: 0;
      padding: 5px;
      text-align: center;
      font-size: 10px;
      text-align: center;
      line-height: 14px;
      border-radius: 3px;
      background-color: transparent;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 1; }
      .form__input--filter::-webkit-input-placeholder {
        font-size: 10px;
        line-height: 14px; }
      .form__input--filter::-moz-placeholder {
        font-size: 10px;
        line-height: 14px; }
      .form__input--filter:-ms-input-placeholder {
        font-size: 10px;
        line-height: 14px; }
      .form__input--filter::-ms-input-placeholder {
        font-size: 10px;
        line-height: 14px; }
      .form__input--filter::placeholder {
        font-size: 10px;
        line-height: 14px; }
      .form__input--filter:focus {
        opacity: 1;
        opacity: 1;
        border-color: var(--orange); }
      .form__input--filter:hover {
        opacity: 1;
        border-color: var(--black); }
      @media screen and (min-width: 768px) {
        .form__input--filter {
          width: 35px; } }
      @media screen and (min-width: 1200px) {
        .form__input--filter {
          width: 45px;
          font-size: 12px;
          line-height: 16px; } }
      @media screen and (min-width: 1640px) {
        .form__input--filter {
          font-size: 14px; } }
  .form__check {
    margin-top: 10px; }
    @media screen and (min-width: 1200px) {
      .form__check {
        margin-top: 5px; } }
    @media screen and (min-width: 1640px) {
      .form__check {
        margin-top: 9px; } }

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 600;
  font-size: 8px;
  line-height: 130%; }
  @media screen and (min-width: 1200px) {
    .checkbox {
      font-size: 10px; } }
  @media screen and (min-width: 1640px) {
    .checkbox {
      font-size: 12px; } }
  .checkbox--filter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: var(--grey); }
    .checkbox--filter .checkbox__marker::after {
      background-color: #F2F2F2; }
  .checkbox--cart {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    line-height: 130%;
    color: var(--grey);
    font-weight: normal; }
    .checkbox--cart .checkbox__marker {
      background: var(--red); }
    @media screen and (min-width: 768px) {
      .checkbox--cart {
        font-size: 12px; } }
    @media screen and (min-width: 1024px) {
      .checkbox--cart {
        font-size: 14px; } }
    @media screen and (min-width: 1640px) {
      .checkbox--cart {
        font-size: 16px; } }
  .checkbox__con {
    position: relative;
    margin-right: 5px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media screen and (min-width: 1200px) {
      .checkbox__con {
        margin-right: 10px; } }
  .checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
    .checkbox__input:checked + .checkbox__marker {
      opacity: 1; }
    .checkbox__input:checked + .checkbox__marker::after {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19837 12L3.29029 7.55746C3.22891 7.4759 3.19683 7.37099 3.20047 7.26369C3.20412 7.15639 3.24321 7.0546 3.30994 6.97867C3.37667 6.90274 3.46613 6.85826 3.56043 6.85411C3.65473 6.84997 3.74693 6.88647 3.81861 6.95631L7.19088 10.7934L13.7818 3.30252C13.8535 3.23267 13.9457 3.19617 14.04 3.20032C14.1343 3.20446 14.2237 3.24895 14.2904 3.32488C14.3572 3.40081 14.3963 3.50259 14.3999 3.60989C14.4036 3.71719 14.3715 3.82211 14.3101 3.90367L7.19837 12Z' fill='%23191919'/%3E%3C/svg%3E%0A"); }
  .checkbox__marker {
    position: relative;
    display: block;
    padding: 1px;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: var(--gradinet);
    border-radius: 2px; }
    .checkbox__marker::after {
      content: "";
      position: absolute;
      top: 1px;
      left: 1px;
      right: 1px;
      bottom: 1px;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      background-color: #FEFEFE;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 1px; }
    @media screen and (min-width: 1200px) {
      .checkbox__marker {
        width: 20px;
        height: 20px; } }
    @media screen and (min-width: 1640px) {
      .checkbox__marker {
        width: 26px;
        height: 26px;
        opacity: 0.2; } }
  .checkbox__marker-inner {
    display: block;
    display: none;
    height: 100%;
    background-color: var(--white);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 1px; }

.header {
  position: relative;
  background-color: var(--white); }
  .header::before {
    content: "";
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .header.main-menu--open::before {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background-color: rgba(25, 25, 25, 0.7);
    opacity: 1; }
  .header.main-menu--open .main-menu {
    left: 20px;
    opacity: 1;
    visibility: visible; }
    @media screen and (min-width: 768px) {
      .header.main-menu--open .main-menu {
        left: var(--con); } }
  .header__top {
    display: none;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: var(--bg-color); }
    @media screen and (min-width: 768px) {
      .header__top {
        padding-left: var(--con);
        padding-right: var(--con); } }
    @media screen and (min-width: 1024px) {
      .header__top {
        display: block; } }
  .header__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 10px 20px; }
    @media screen and (min-width: 768px) {
      .header__main {
        padding-left: var(--con);
        padding-right: var(--con); } }
    @media screen and (min-width: 768px) {
      .header__main {
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media screen and (min-width: 1200px) {
      .header__main {
        padding-top: 5px;
        padding-bottom: 5px; } }
  .header__menu-btn {
    margin-right: 10px; }
    @media screen and (min-width: 768px) {
      .header__menu-btn {
        margin-right: 40px; } }
    @media screen and (min-width: 1024px) {
      .header__menu-btn {
        margin-right: 50px; } }
    @media screen and (min-width: 1200px) {
      .header__menu-btn {
        margin-right: 60px; } }
    @media screen and (min-width: 1640px) {
      .header__menu-btn {
        margin-right: 90px; } }
  @media screen and (min-width: 520px) {
    .header__logo {
      margin-right: 20px; } }
  @media screen and (min-width: 1024px) {
    .header__logo {
      margin-right: 40px; } }
  @media screen and (min-width: 1200px) {
    .header__logo {
      margin-right: 105px; } }
  @media screen and (min-width: 1640px) {
    .header__logo {
      margin-right: 110px; } }
  .header__search {
    margin-left: auto; }
  .header__cart {
    margin-left: 20px; }
    @media screen and (min-width: 1024px) {
      .header__cart {
        margin-left: 40px; } }
    @media screen and (min-width: 1200px) {
      .header__cart {
        margin-left: 60px; } }
    @media screen and (min-width: 1640px) {
      .header__cart {
        margin-left: 100px; } }
  .header__contacts {
    display: none;
    margin-left: 40px; }
    @media screen and (min-width: 768px) {
      .header__contacts {
        display: block; } }
    @media screen and (min-width: 1024px) {
      .header__contacts {
        margin-left: 65px; } }
    @media screen and (min-width: 1200px) {
      .header__contacts {
        margin-left: 75px; } }
    @media screen and (min-width: 1640px) {
      .header__contacts {
        margin-left: 100px; } }

.menu-btn {
  padding: 0;
  background-color: transparent;
  border: none; }
  .menu-btn__icon {
    width: 27px; }
    @media screen and (min-width: 1640px) {
      .menu-btn__icon {
        width: 46px; } }
  .menu-btn__text {
    display: block;
    font-weight: 600;
    font-size: 8px;
    line-height: 130%;
    text-align: center;
    color: var(--orange); }
    @media screen and (min-width: 1024px) {
      .menu-btn__text {
        font-size: 10px; } }
    @media screen and (min-width: 1640px) {
      .menu-btn__text {
        font-size: 14px; } }

@media screen and (min-width: 1640px) {
  .top-nav {
    padding: 3px 0; } }

.top-nav__list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none; }
  @media screen and (min-width: 1640px) {
    .top-nav__list {
      padding-left: 25.5%;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.top-nav__item + .top-nav__item {
  margin-left: 40px; }
  @media screen and (min-width: 1640px) {
    .top-nav__item + .top-nav__item {
      margin-left: 60px; } }

.top-nav__link {
  font-size: 12px;
  line-height: 130%;
  text-decoration: none;
  color: var(--black);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (min-width: 1640px) {
    .top-nav__link {
      font-size: 16px; } }
  .top-nav__link:hover, .top-nav__link:focus {
    color: var(--orange); }
  .top-nav__link:active {
    color: var(--orange);
    font-weight: 600; }

.head-logo__pic {
  width: 80px; }
  @media screen and (min-width: 1024px) {
    .head-logo__pic {
      width: 100px; } }
  @media screen and (min-width: 1640px) {
    .head-logo__pic {
      width: 160px; } }

.head-search {
  position: relative; }
  @media screen and (min-width: 520px) {
    .head-search {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  .head-search--open .head-search__open {
    display: none; }
  .head-search--open .head-search__input-con {
    width: 180px; }
    @media screen and (min-width: 520px) {
      .head-search--open .head-search__input-con {
        width: 100%; } }
  .head-search__input-con {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    padding: 2px;
    background: var(--gradinet);
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media screen and (min-width: 1024px) {
      .head-search__input-con {
        width: 100%;
        position: relative; } }
  .head-search__input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    background-color: var(--white);
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    text-align: start;
    border-radius: 3px;
    color: rgba(25, 25, 25, 0.5); }
    @media screen and (min-width: 1200px) {
      .head-search__input {
        padding: 3px 10px; } }
    @media screen and (min-width: 1640px) {
      .head-search__input {
        padding: 10px 20px; } }
    .head-search__input::-webkit-input-placeholder {
      text-align: start;
      font-weight: 600;
      font-size: 12px;
      line-height: 130%;
      color: var(--black);
      opacity: 0.5; }
    .head-search__input::-moz-placeholder {
      text-align: start;
      font-weight: 600;
      font-size: 12px;
      line-height: 130%;
      color: var(--black);
      opacity: 0.5; }
    .head-search__input:-ms-input-placeholder {
      text-align: start;
      font-weight: 600;
      font-size: 12px;
      line-height: 130%;
      color: var(--black);
      opacity: 0.5; }
    .head-search__input::-ms-input-placeholder {
      text-align: start;
      font-weight: 600;
      font-size: 12px;
      line-height: 130%;
      color: var(--black);
      opacity: 0.5; }
    .head-search__input::placeholder {
      text-align: start;
      font-weight: 600;
      font-size: 12px;
      line-height: 130%;
      color: var(--black);
      opacity: 0.5; }
    .head-search__input:hover, .head-search__input:focus {
      color: var(--black);
      -webkit-filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.16));
              filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.16)); }
      .head-search__input:hover::-webkit-input-placeholder, .head-search__input:focus::-webkit-input-placeholder {
        opacity: 1; }
      .head-search__input:hover::-moz-placeholder, .head-search__input:focus::-moz-placeholder {
        opacity: 1; }
      .head-search__input:hover:-ms-input-placeholder, .head-search__input:focus:-ms-input-placeholder {
        opacity: 1; }
      .head-search__input:hover::-ms-input-placeholder, .head-search__input:focus::-ms-input-placeholder {
        opacity: 1; }
      .head-search__input:hover::placeholder, .head-search__input:focus::placeholder {
        opacity: 1; }
  .head-search__submit {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 5;
    padding: 2px 9px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, from(#FF9A00), color-stop(50%, #FF4747), to(#FF9A00));
    background: -o-linear-gradient(left, #FF9A00 0%, #FF4747 50%, #FF9A00 100%);
    background: linear-gradient(90deg, #FF9A00 0%, #FF4747 50%, #FF9A00 100%);
    background-size: 200%;
    background-position: left center;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .head-search__submit:hover {
      background-position: right center; }
    @media screen and (min-width: 520px) {
      .head-search__submit {
        margin-left: auto; } }
    @media screen and (min-width: 1024px) {
      .head-search__submit {
        position: absolute;
        top: 0;
        right: 0; } }
    @media screen and (min-width: 1200px) {
      .head-search__submit {
        padding: 3.5px 10px; } }
    @media screen and (min-width: 1640px) {
      .head-search__submit {
        padding: 5px 10px; } }
    .head-search__submit-icon {
      width: 17px;
      height: 17px; }
      @media screen and (min-width: 1024px) {
        .head-search__submit-icon {
          width: 20px;
          height: 20px; } }
      @media screen and (min-width: 1640px) {
        .head-search__submit-icon {
          width: 30px;
          height: 30px; } }
  .head-search__open {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0; }
    @media screen and (min-width: 1024px) {
      .head-search__open {
        display: none; } }
  .head-search__popular {
    margin-top: 5px; }
    @media screen and (max-width: 1024px) {
      .head-search__popular {
        display: none; } }

.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none; }
  .cart__icon {
    width: 20px;
    margin-right: 3px; }
    @media screen and (min-width: 1024px) {
      .cart__icon {
        width: 22px; } }
    @media screen and (min-width: 1200px) {
      .cart__icon {
        width: 24px; } }
    @media screen and (min-width: 1640px) {
      .cart__icon {
        width: 30px;
        margin-right: 5px; } }
  .cart__items {
    padding: 2px 5px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: var(--white);
    background: var(--gradinet);
    border-radius: 5px; }
    @media screen and (min-width: 1024px) {
      .cart__items {
        padding: 3px 8px; } }
    @media screen and (min-width: 1200px) {
      .cart__items {
        padding: 5px 10px; } }
    @media screen and (min-width: 1640) {
      .cart__items {
        padding: 6px 11px;
        font-size: 14px; } }

.head-contacts__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  color: var(--black); }
  .head-contacts__link + .head-contacts__link {
    margin-top: 5px; }
  @media screen and (max-width: 1024px) {
    .head-contacts__link--address {
      display: none; } }
  .head-contacts__link--menu {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .head-contacts__link--menu .head-contacts__text {
      font-size: 12px;
      line-height: 130%; }
    .head-contacts__link--menu + .head-contacts__link--menu {
      margin-top: 10px; }

.head-contacts__icon {
  width: 16px;
  margin-right: 5px; }

.head-contacts__text {
  letter-spacing: 0.03em;
  font-weight: 600;
  font-size: 10px;
  line-height: 1; }
  @media screen and (min-width: 1200px) {
    .head-contacts__text {
      font-size: 12px;
      line-height: 1.3; } }
  @media screen and (min-width: 1640px) {
    .head-contacts__text {
      font-size: 14px; } }

.main-menu {
  position: absolute;
  left: -100%;
  top: calc(100% + 20px);
  z-index: 20;
  width: 244px;
  background: var(--white);
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (min-width: 768px) {
    .main-menu {
      left: calc(var(--con) - 244px); } }
  @media screen and (min-width: 1024px) {
    .main-menu {
      left: calc(var(--con) - 260px);
      width: 260px; } }
  .main-menu::after {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.1201' y='0.5' width='29.3797' height='29.3797' rx='2.5' stroke='url(%23paint0_linear_171_6992)'/%3E%3Crect x='0.5' y='10.1202' width='29.3797' height='29.3797' rx='2.5' stroke='%23F04323'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_171_6992' x1='9.62012' y1='15.1899' x2='39.9999' y2='15.1899' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9D423'/%3E%3Cstop offset='1' stop-color='%23FF4E50'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }
  .main-menu__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    padding: 0;
    background: transparent;
    line-height: 1;
    border: none; }
    @media screen and (min-width: 1024px) {
      .main-menu__close {
        top: 20px;
        right: 20px; } }
  .main-menu__close-icon {
    width: 16px; }
    @media screen and (min-width: 1024px) {
      .main-menu__close-icon {
        width: 20px; } }
    @media screen and (min-width: 1640px) {
      .main-menu__close-icon {
        width: 24px; } }
  .main-menu__contacts {
    position: relative;
    padding: 12px 20px 50px; }
    @media screen and (min-width: 1024px) {
      .main-menu__contacts {
        padding: 22px 0px 50px 30px; } }
    .main-menu__contacts::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: var(--gradinet); }

.menu-nav {
  padding: 20px 20px 10px; }
  @media screen and (min-width: 1024px) {
    .menu-nav {
      padding: 30px 30px 20px; } }
  .menu-nav__list {
    padding: 0;
    margin: 0;
    list-style: none; }
  .menu-nav__item + .menu-nav__item {
    margin-top: 20px; }
  .menu-nav__link {
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    color: var(--black);
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .menu-nav__link:hover, .menu-nav__link:focus, .menu-nav__link:active {
      color: var(--orange); }
    @media screen and (min-width: 1024px) {
      .menu-nav__link {
        font-size: 14px; } }

@media screen and (min-width: 1024px) {
  .popular {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.popular__link {
  position: relative;
  font-weight: 600;
  font-size: 10px;
  line-height: 130%;
  color: var(--black);
  text-decoration: none;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (min-width: 1640px) {
    .popular__link {
      font-size: 12px; } }
  .popular__link:hover {
    opacity: 0.7; }
  .popular__link:active {
    opacity: 1; }
  .popular__link + .popular__link {
    margin-left: 10px; }
    .popular__link + .popular__link::after {
      content: "";
      position: absolute;
      top: 0;
      left: -5px;
      width: 1px;
      height: 100%;
      background-color: var(--black);
      opacity: 0.5; }

.footer {
  padding: 20px 20px 10px;
  border-top: 1px solid rgba(25, 25, 25, 0.5);
  background-color: var(--white); }
  @media screen and (min-width: 768px) {
    .footer {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .footer {
      padding-top: 20px;
      padding-bottom: 10px; } }
  @media screen and (min-width: 1200px) {
    .footer {
      padding-bottom: 20px; } }
  @media screen and (min-width: 1640px) {
    .footer {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media screen and (min-width: 1200px) {
    .footer__bottom {
      margin-top: 20px; } }
  @media screen and (min-width: 1640px) {
    .footer__bottom {
      margin-top: 40px; } }

.footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media screen and (min-width: 768px) {
    .footer-info {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-column-gap: 65px;
         -moz-column-gap: 65px;
              column-gap: 65px; } }
  @media screen and (min-width: 1200px) {
    .footer-info {
      -webkit-column-gap: auto;
         -moz-column-gap: auto;
              column-gap: auto; } }
  @media screen and (min-width: 1640px) {
    .footer-info {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .footer-info__logo {
    margin-right: 30px; }
    @media screen and (min-width: 768px) {
      .footer-info__logo {
        margin: 0; } }
    .footer-info__logo img {
      width: 80px; }
      @media screen and (min-width: 768px) {
        .footer-info__logo img {
          width: 100px; } }
      @media screen and (min-width: 1640px) {
        .footer-info__logo img {
          width: 140px; } }

.footer-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  height: 60px;
  margin: 0;
  padding: 0;
  list-style: none; }
  @media screen and (min-width: 768px) {
    .footer-nav__list {
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1200px) {
    .footer-nav__list {
      height: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }
  @media screen and (min-width: 1640px) {
    .footer-nav__list {
      -webkit-column-gap: 60px;
         -moz-column-gap: 60px;
              column-gap: 60px; } }

.footer-nav__item {
  line-height: 1; }

.footer-nav__link {
  font-weight: 600;
  font-size: 10px;
  line-height: 130%;
  color: var(--black);
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (min-width: 1200px) {
    .footer-nav__link {
      font-size: 12px; } }
  @media screen and (min-width: 1640px) {
    .footer-nav__link {
      font-size: 16px; } }
  .footer-nav__link:hover {
    color: var(--orange); }

.footer-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  margin: 10px 0 20px; }
  @media screen and (min-width: 768px) {
    .footer-contacts {
      margin: 0;
      -webkit-column-gap: 10px;
         -moz-column-gap: 10px;
              column-gap: 10px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media screen and (min-width: 1200px) {
    .footer-contacts {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media screen and (min-width: 1640px) {
    .footer-contacts {
      -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
              column-gap: 30px; } }
  .footer-contacts__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-weight: 600;
    font-size: 10px;
    line-height: 130%;
    color: var(--black);
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .footer-contacts__link {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    @media screen and (min-width: 1640px) {
      .footer-contacts__link {
        font-size: 12px; } }
    .footer-contacts__link + .footer-contacts__link {
      margin-top: 7px; }
      @media screen and (min-width: 1640px) {
        .footer-contacts__link + .footer-contacts__link {
          margin-top: 10px; } }
  .footer-contacts__icon {
    width: 14px;
    margin-right: 5px; }
    @media screen and (min-width: 1640px) {
      .footer-contacts__icon {
        width: 16px; } }

.footer-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 10px; }
  @media screen and (min-width: 768px) {
    .footer-copy {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .footer-copy__info {
    margin: 0;
    font-size: 10px;
    line-height: 130%;
    color: var(--black);
    text-decoration: none; }
    @media screen and (min-width: 768px) {
      .footer-copy__info {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 30%;
            -ms-flex: 30% 0 0px;
                flex: 30% 0 0; } }
    @media screen and (min-width: 1200px) {
      .footer-copy__info {
        font-size: 12px; } }
    @media screen and (min-width: 1640px) {
      .footer-copy__info {
        font-size: 16px; } }
    .footer-copy__info--link {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      text-align: center;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      @media screen and (min-width: 768px) {
        .footer-copy__info--link {
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } }
      .footer-copy__info--link:hover {
        color: var(--orange); }
  @media screen and (min-width: 768px) {
    .footer-copy__web {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      text-align: end;
      -webkit-box-flex: 30%;
          -ms-flex: 30% 0 0px;
              flex: 30% 0 0; } }
  @media screen and (min-width: 1200px) {
    .footer-copy__web img {
      width: 65px; } }
  @media screen and (min-width: 1640px) {
    .footer-copy__web img {
      width: 90px; } }

.content {
  background-color: var(--bg-color); }

.first {
  padding: 10px 20px 0;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .first {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .first {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (min-width: 1024px) {
    .first {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }
  @media screen and (min-width: 768px) {
    .first__info {
      -webkit-box-flex: 450px;
          -ms-flex: 450px 1 0px;
              flex: 450px 1 0;
      margin-right: 20px; } }
  @media screen and (max-width: 767px) {
    .first__form-con {
      margin-top: 10px; } }
  @media screen and (min-width: 768px) {
    .first__form-con {
      -webkit-box-flex: 215px;
          -ms-flex: 215px 0 0px;
              flex: 215px 0 0; } }
  @media screen and (min-width: 1200px) {
    .first__form-con {
      -ms-flex-preferred-size: 275px;
          flex-basis: 275px; } }
  @media screen and (min-width: 1640px) {
    .first__form-con {
      -ms-flex-preferred-size: 375px;
          flex-basis: 375px; } }
  .first__form {
    display: none; }
    @media screen and (min-width: 768px) {
      .first__form {
        display: block; } }
  @media screen and (min-width: 768px) {
    .first__mobile-btn {
      display: none; } }

.first-info {
  min-width: 0;
  padding: 10px 10px 20px;
  border-radius: 10px;
  background-color: var(--red); }
  @media screen and (min-width: 768px) {
    .first-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 20px; } }
  @media screen and (min-width: 1024px) {
    .first-info {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (min-width: 1200px) {
    .first-info {
      padding: 30px 20px; } }
  @media screen and (min-width: 1640px) {
    .first-info {
      padding: 40px; } }
  @media screen and (max-width: 767px) {
    .first-info__descr {
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) {
    .first-info__descr {
      margin-right: 20px; } }
  @media screen and (min-width: 1024px) {
    .first-info__descr {
      margin-right: 10px; } }
  @media screen and (min-width: 1200px) {
    .first-info__descr {
      -ms-flex-preferred-size: 266px;
          flex-basis: 266px; } }
  @media screen and (min-width: 1640px) {
    .first-info__descr {
      -ms-flex-preferred-size: 287px;
          flex-basis: 287px;
      margin-right: 40px; } }
  .first-info__text {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 130%;
    color: var(--white); }
    @media screen and (min-width: 768px) {
      .first-info__text {
        max-width: 195px; } }
    @media screen and (min-width: 1200px) {
      .first-info__text {
        max-width: 225px;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 130%; } }
    @media screen and (min-width: 1200px) {
      .first-info__text {
        max-width: 295px;
        font-size: 16px; } }
    @media screen and (min-width: 1640px) {
      .first-info__text {
        margin-bottom: 40px; } }

.timer {
  padding: 5px 0;
  background-color: var(--lightred);
  border-radius: 5px; }
  @media screen and (min-width: 768px) {
    .timer {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      padding: 5px; } }
  @media screen and (min-width: 1200px) {
    .timer {
      padding: 5px 25px; } }
  .timer__con {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    color: var(--white); }
    @media screen and (min-width: 768px) {
      .timer__con {
        font-size: 35px; } }
    @media screen and (min-width: 1200px) {
      .timer__con {
        font-size: 45px; } }
    @media screen and (min-width: 1640px) {
      .timer__con {
        font-size: 60px; } }
  .timer__left {
    margin: 0;
    font-weight: 600;
    font-size: 10px;
    line-height: 130%;
    color: var(--white);
    text-align: center; }
    @media screen and (min-width: 1200px) {
      .timer__left {
        margin-top: 5px;
        font-size: 12px; } }

.first-slider {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .first-slider {
      width: 160px; } }
  @media screen and (min-width: 1024px) {
    .first-slider {
      margin: 0;
      width: 450px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  @media screen and (min-width: 1200px) {
    .first-slider {
      width: 550px; } }
  .first-slider__btn {
    padding: 0;
    border: none;
    background: transparent; }
    .first-slider__btn:active .first-slider__btn-icon {
      fill: url(#paint_btn); }
  .first-slider__btn-icon {
    width: 16px;
    fill: var(--white); }
    @media screen and (min-width: 1200px) {
      .first-slider__btn-icon {
        width: 20px; } }
    @media screen and (min-width: 1640px) {
      .first-slider__btn-icon {
        width: 24px; } }
  .first-slider__list {
    min-width: 0;
    margin: 0 10px; }
    @media screen and (min-width: 768px) {
      .first-slider__list {
        width: auto; } }
    @media screen and (min-width: 1200px) {
      .first-slider__list {
        max-width: 550px; } }
    @media screen and (min-width: 1640px) {
      .first-slider__list {
        width: auto;
        max-width: unset;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0 30px; } }

.item {
  padding: 10px;
  background-color: var(--white);
  border-radius: 5px;
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.16); }
  @media screen and (min-width: 768px) {
    .item {
      padding: 20px; } }
  @media screen and (min-width: 1200px) {
    .item {
      padding: 20px 20px 10px; } }
  @media screen and (min-width: 1640px) {
    .item {
      padding: 26px 20px 20px; } }
  .item--first {
    position: relative;
    -webkit-box-shadow: 0px 4px 8px rgba(248, 248, 248, 0.25);
            box-shadow: 0px 4px 8px rgba(248, 248, 248, 0.25); }
    @media screen and (max-width: 768px) {
      .item--first {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    @media screen and (min-width: 768px) {
      .item--first {
        padding: 10px; } }
    @media screen and (min-width: 1640px) {
      .item--first {
        padding: 10px 20px 15px; } }
    .item--first .item__pic {
      width: 50px;
      border-radius: 5px; }
      @media screen and (min-width: 768px) {
        .item--first .item__pic {
          display: block;
          width: 80px;
          height: 80px;
          height: auto;
          margin: 0 auto; } }
      @media screen and (min-width: 1200px) {
        .item--first .item__pic {
          width: 90px;
          height: 90px; } }
      @media screen and (min-width: 1640px) {
        .item--first .item__pic {
          width: 120px;
          height: 120px; } }
    .item--first .item__name {
      margin: 0;
      width: 70px;
      margin-left: 5px;
      font-size: 10px;
      line-height: 130%; }
      @media screen and (min-width: 768px) {
        .item--first .item__name {
          margin-top: 10px;
          margin-left: 0;
          width: 90px; } }
      @media screen and (min-width: 1024px) {
        .item--first .item__name {
          width: 100%; } }
      @media screen and (min-width: 1640px) {
        .item--first .item__name {
          font-size: 12px; } }
    .item--first .prices-item__old-val {
      text-decoration: line-through;
      font-size: 10px;
      line-height: 14px; }
      @media screen and (min-width: 1200px) {
        .item--first .prices-item__old-val {
          font-size: 12px;
          line-height: 16px; } }
      @media screen and (min-width: 1920px) {
        .item--first .prices-item__old-val {
          font-size: 14px;
          line-height: 19px; } }
    .item--first .prices-item__now {
      margin: 0;
      margin-right: 15px;
      font-weight: bold;
      font-size: 12px;
      line-height: 16px; }
      @media screen and (min-width: 768px) {
        .item--first .prices-item__now {
          margin-right: 0; } }
      @media screen and (min-width: 1200px) {
        .item--first .prices-item__now {
          font-size: 14px;
          line-height: 19px; } }
      @media screen and (min-width: 1640px) {
        .item--first .prices-item__now {
          margin-right: 10px;
          font-size: 18px;
          line-height: 25px; } }
    @media screen and (min-width: 768px) {
      .item--first .prices-item__title {
        font-size: 6px;
        line-height: 8px; } }
    @media screen and (min-width: 1640px) {
      .item--first .prices-item__title {
        font-size: 8px;
        line-height: 11px; } }
  .item:hover:not(.item--first) {
    border-color: var(--orange); }
  .item:active {
    border-color: var(--red); }
  .item__link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .item__pic {
    display: block;
    margin: 0 auto;
    width: 95px;
    height: 80px;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 10px; }
    @media screen and (min-width: 768px) {
      .item__pic {
        width: 175px;
        height: 150px; } }
    @media screen and (min-width: 1024px) {
      .item__pic {
        width: 120px;
        height: auto; } }
    @media screen and (min-width: 1200px) {
      .item__pic {
        width: 137px; } }
    @media screen and (min-width: 1640px) {
      .item__pic {
        width: 148px; } }
  .item__name {
    margin: 5px 0;
    font-weight: 600;
    font-size: 10px;
    line-height: 130%; }
    @media screen and (min-width: 768px) {
      .item__name {
        margin-top: 10px;
        font-size: 12px; } }
    @media screen and (min-width: 1200px) {
      .item__name {
        margin-bottom: 10px;
        font-size: 14px; } }
    @media screen and (min-width: 1640px) {
      .item__name {
        font-size: 16px; } }
    .item__name a {
      text-decoration: none;
      color: var(--black); }
  .item__btn {
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px; }
    @media screen and (min-width: 1640px) {
      .item__btn {
        padding: 5px 0; } }
  .item__one-click {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    border: none;
    background: transparent;
    margin: 5px auto 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 130%;
    color: var(--black);
    text-decoration: underline; }
    .item__one-click:active {
      color: var(--red); }
    @media screen and (min-width: 1200px) {
      .item__one-click {
        font-size: 12px; } }
    @media screen and (min-width: 1640px) {
      .item__one-click {
        font-size: 14px; } }

.prices-item {
  width: 100%;
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media screen and (min-width: 768px) {
    .prices-item {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (min-width: 1200px) {
    .prices-item {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  @media screen and (min-width: 1640px) {
    .prices-item {
      margin-top: 10px; } }
  .prices-item__now {
    margin: 0;
    margin-right: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px; }
    @media screen and (min-width: 768px) {
      .prices-item__now {
        margin-right: 0;
        font-size: 16px;
        line-height: 22px; } }
    @media screen and (min-width: 1200px) {
      .prices-item__now {
        font-size: 18px;
        line-height: 25px; } }
    @media screen and (min-width: 1640px) {
      .prices-item__now {
        margin-right: 10px;
        font-size: 24px;
        line-height: 33px; } }
  .prices-item__old {
    margin: 0;
    text-align: center; }
  .prices-item__old-val {
    font-size: 12px;
    line-height: 16px;
    color: var(--grey); }
    @media screen and (min-width: 768px) {
      .prices-item__old-val {
        font-size: 14px;
        line-height: 19px; } }
    @media screen and (min-width: 1200px) {
      .prices-item__old-val {
        font-size: 16px;
        line-height: 22px; } }
    @media screen and (min-width: 1640px) {
      .prices-item__old-val {
        font-size: 18px;
        line-height: 25px; } }
  .prices-item__title {
    display: block;
    font-weight: 600;
    font-size: 6px;
    line-height: 8px;
    color: var(--red); }
    @media screen and (min-width: 768px) {
      .prices-item__title {
        font-size: 10px;
        line-height: 130%; } }
    @media screen and (min-width: 1640px) {
      .prices-item__title {
        font-size: 14px; } }

.slider {
  padding: 10px 20px 0;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .slider {
      width: var(--con-size);
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0; } }
  .slider__header {
    margin-bottom: 10px; }
  .slider + .slider {
    margin-top: 0px; }
    @media screen and (min-width: 1200px) {
      .slider + .slider {
        margin-top: 5px; } }
  .slider__list {
    padding-bottom: 5px; }
  .slider-index .swiper-wrapper {
    height: 470px; }
    @media screen and (min-width: 768px) {
      .slider-index .swiper-wrapper {
        height: 700px; } }
    @media screen and (min-width: 1024px) {
      .slider-index .swiper-wrapper {
        height: 700px; } }
    @media screen and (min-width: 1200px) {
      .slider-index .swiper-wrapper {
        height: 650px; } }
    @media screen and (min-width: 1640px) {
      .slider-index .swiper-wrapper {
        height: 746px; } }
  .slider-index .item {
    height: 230px; }
    @media screen and (min-width: 768px) {
      .slider-index .item {
        height: 320px; } }
    @media screen and (min-width: 1024px) {
      .slider-index .item {
        height: 340px; } }
    @media screen and (min-width: 1200px) {
      .slider-index .item {
        height: 315px; } }
    @media screen and (min-width: 1640px) {
      .slider-index .item {
        height: 356px; } }

.slider-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .slider-header {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .slider-header--popular {
    position: relative; }
    @media screen and (max-width: 767px) {
      .slider-header--popular .slider-header__title {
        max-width: 220px; }
      .slider-header--popular .slider-header__info {
        position: absolute;
        bottom: 0;
        right: 0; } }
  .slider-header--big .slider-header__title {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media screen and (min-width: 768px) {
      .slider-header--big .slider-header__title {
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }
  .slider-header__title {
    margin-bottom: 5px; }
    @media screen and (min-width: 768px) {
      .slider-header__title {
        margin-bottom: 0;
        margin-right: 10px; } }
    @media screen and (min-width: 1200px) {
      .slider-header__title {
        margin-right: 20px; } }
  @media screen and (min-width: 768px) {
    .slider-header__info {
      margin-left: auto; } }

.switch-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px; }
  @media screen and (min-width: 1200px) {
    .switch-type {
      -webkit-column-gap: 10px;
         -moz-column-gap: 10px;
              column-gap: 10px; } }

.slider-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px; }
  @media screen and (min-width: 768px) {
    .slider-info {
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1200px) {
    .slider-info {
      -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
              column-gap: 30px; } }
  .slider-info__counter {
    font-weight: 600;
    font-size: 12px;
    line-height: 130%; }
    @media screen and (min-width: 1200px) {
      .slider-info__counter {
        font-size: 14px; } }
    .slider-info__counter .swiper-pagination-current {
      color: var(--orange); }
  .slider-info__number--now {
    color: var(--orange); }
  .slider-info__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px; }
  .slider-info__btn {
    padding: 0;
    border: none;
    background: transparent; }
    .slider-info__btn-icon {
      width: 20px;
      fill: var(--black);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .slider-info__btn:active .slider-info__btn-icon {
      fill: url(#paint_btn); }

.pluses {
  margin-top: 15px;
  padding: 20px;
  background-color: var(--bg-plus);
  border-radius: 10px; }
  @media screen and (min-width: 768px) {
    .pluses {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 1024px) {
    .pluses {
      margin-top: 25px;
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media screen and (min-width: 1640px) {
    .pluses {
      margin-top: 35px;
      padding-top: 40px;
      padding-bottom: 40px; } }
  .pluses__title {
    margin-bottom: 10px; }
    @media screen and (min-width: 1640px) {
      .pluses__title {
        margin-bottom: 15px; } }
  @media screen and (min-width: 768px) {
    .pluses__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      row-gap: 20px;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1200px) {
    .pluses__list {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media screen and (min-width: 1640px) {
    .pluses__list {
      -webkit-column-gap: 45px;
         -moz-column-gap: 45px;
              column-gap: 45px; } }
  .pluses__one {
    -webkit-box-flex: calc(50% - 10px);
        -ms-flex: calc(50% - 10px) 1 0px;
            flex: calc(50% - 10px) 1 0; }
    @media screen and (min-width: 1024px) {
      .pluses__one {
        -ms-flex-preferred-size: calc(25% - 20px);
            flex-basis: calc(25% - 20px); } }
    @media screen and (min-width: 1640px) {
      .pluses__one {
        -ms-flex-preferred-size: calc(25% - 45px);
            flex-basis: calc(25% - 45px); } }

.one-plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px 10px 10px 8px;
  background-color: var(--white);
  -webkit-box-shadow: 0px 0px 11px rgba(25, 25, 25, 0.15);
          box-shadow: 0px 0px 11px rgba(25, 25, 25, 0.15);
  border-radius: 10px; }
  @media screen and (min-width: 768px) {
    .one-plus {
      padding: 10px 20px 20px 10px; } }
  @media screen and (min-width: 1024px) {
    .one-plus {
      padding: 10px;
      padding-right: 20px; } }
  @media screen and (min-width: 1200px) {
    .one-plus {
      padding-right: 25px; } }
  @media screen and (max-width: 767px) {
    .one-plus + .one-plus {
      margin-top: 10px; } }
  .one-plus__icon {
    width: 40px;
    margin-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media screen and (min-width: 767px) {
      .one-plus__icon {
        width: 50px; } }
    @media screen and (min-width: 1200px) {
      .one-plus__icon {
        width: 60px; } }
  .one-plus__content {
    padding-top: 8px; }
    @media screen and (min-width: 767px) {
      .one-plus__content {
        padding-top: 14px; } }
    @media screen and (min-width: 1200px) {
      .one-plus__content {
        padding-top: 17px; } }
  .one-plus__name {
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%; }
    @media screen and (min-width: 1640px) {
      .one-plus__name {
        margin-bottom: 5px;
        font-size: 20px; } }
  .one-plus__list {
    margin: 5px 0 0;
    padding: 0;
    list-style: none; }
    @media screen and (min-width: 767px) {
      .one-plus__list {
        margin-top: 10px; } }
  .one-plus__item {
    padding-left: 21px;
    color: var(--grey);
    font-size: 14px;
    line-height: 130%;
    background-size: 16px 16px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4H14V2.5C14 2.22375 13.7762 2 13.5 2H10.5C10.2238 2 10 2.22375 10 2.5V4H6V2.5C6 2.22375 5.77625 2 5.5 2H2.5C2.22375 2 2 2.22375 2 2.5V4H1C0.447812 4 0 4.44781 0 5V13C0 13.5522 0.447812 14 1 14H15C15.5522 14 16 13.5522 16 13V5C16 4.44781 15.5522 4 15 4ZM6 8.25C6 8.38812 5.88812 8.5 5.75 8.5H2.25C2.11188 8.5 2 8.38812 2 8.25V7.75C2 7.61188 2.11188 7.5 2.25 7.5H5.75C5.88812 7.5 6 7.61188 6 7.75V8.25ZM14 8.25C14 8.38812 13.8881 8.5 13.75 8.5H12.5V9.75C12.5 9.88812 12.3881 10 12.25 10H11.75C11.6119 10 11.5 9.88812 11.5 9.75V8.5H10.25C10.1119 8.5 10 8.38812 10 8.25V7.75C10 7.61188 10.1119 7.5 10.25 7.5H11.5V6.25C11.5 6.11188 11.6119 6 11.75 6H12.25C12.3881 6 12.5 6.11188 12.5 6.25V7.5H13.75C13.8881 7.5 14 7.61188 14 7.75V8.25Z' fill='url(%23paint0_linear_180_12657)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_180_12657' x1='0' y1='8' x2='18.08' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF9A00'/%3E%3Cstop offset='0.838542' stop-color='%23FF4747'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }
    .one-plus__item + .one-plus__item {
      margin-top: 5px; }
      @media screen and (min-width: 767px) {
        .one-plus__item + .one-plus__item {
          margin-top: 10px; } }
      @media screen and (min-width: 1024px) {
        .one-plus__item + .one-plus__item {
          margin-top: 5px; } }

.brands {
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .brands {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 1200px) {
    .brands {
      padding-top: 30px;
      padding-bottom: 0px; } }
  @media screen and (min-width: 1640px) {
    .brands {
      padding-top: 40px; } }
  .brands__title {
    margin-bottom: 10px; }
    @media screen and (min-width: 1640px) {
      .brands__title {
        margin-bottom: 15px; } }
  .brands__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: 10px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px; }
    @media screen and (min-width: 768px) {
      .brands__list {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        row-gap: 20px;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px; } }
    @media screen and (min-width: 1024px) {
      .brands__list {
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px;
        row-gap: 10px; } }
    @media screen and (min-width: 1640px) {
      .brands__list {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
        row-gap: 20px; } }
  .brands__one {
    -webkit-box-flex: calc((100% - 20px) / 3);
        -ms-flex: calc((100% - 20px) / 3) 0 0px;
            flex: calc((100% - 20px) / 3) 0 0; }
    @media screen and (min-width: 768px) {
      .brands__one {
        -ms-flex-preferred-size: calc((100% - 100px) / 6);
            flex-basis: calc((100% - 100px) / 6); } }
    @media screen and (min-width: 1024px) {
      .brands__one {
        -ms-flex-preferred-size: calc((100% - 60px) / 7);
            flex-basis: calc((100% - 60px) / 7); } }
    @media screen and (min-width: 1640px) {
      .brands__one {
        -ms-flex-preferred-size: calc((100% - 120px) / 7);
            flex-basis: calc((100% - 120px) / 7); } }

.one-brand {
  background-color: var(--white);
  border-radius: 5px;
  overflow: hidden; }
  .one-brand__pic {
    display: block;
    width: 100%;
    max-height: 35px;
    -o-object-fit: contain;
       object-fit: contain; }
    @media screen and (min-width: 768px) {
      .one-brand__pic {
        max-height: 40px; } }
    @media screen and (min-width: 1024px) {
      .one-brand__pic {
        max-height: 53px; } }
    @media screen and (min-width: 1640px) {
      .one-brand__pic {
        max-height: 71px; } }

.about-us {
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .about-us {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 1024px) {
    .about-us {
      padding-top: 30px;
      padding-bottom: 10px; } }
  @media screen and (min-width: 1640px) {
    .about-us {
      padding-top: 40px;
      padding-bottom: 0; } }
  .about-us__title {
    margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .about-us__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      row-gap: 25px;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }
  @media screen and (min-width: 1024px) {
    .about-us__content {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-column-gap: 15px;
         -moz-column-gap: 15px;
              column-gap: 15px; } }
  @media screen and (min-width: 1640px) {
    .about-us__content {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .about-us__logo-con {
    margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .about-us__logo-con {
        -ms-flex-preferred-size: 300px;
            flex-basis: 300px;
        margin-bottom: 0; } }
    @media screen and (min-width: 1024px) {
      .about-us__logo-con {
        -ms-flex-preferred-size: 395px;
            flex-basis: 395px; } }
    @media screen and (min-width: 1640px) {
      .about-us__logo-con {
        -ms-flex-preferred-size: 610px;
            flex-basis: 610px; } }
  .about-us__numbers {
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .about-us__numbers {
        -ms-flex-preferred-size: 340px;
            flex-basis: 340px;
        margin-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .about-us__text {
      -ms-flex-preferred-size: 470px;
          flex-basis: 470px; } }
  @media screen and (min-width: 1640px) {
    .about-us__text {
      -ms-flex-preferred-size: 600px;
          flex-basis: 600px; } }

.about-logo {
  position: relative; }
  @media screen and (min-width: 1640px) {
    .about-logo {
      padding: 30px; } }
  .about-logo__con {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 135px;
    border-radius: 10px;
    background-color: var(--white); }
    @media screen and (min-width: 768px) {
      .about-logo__con {
        height: 160px; } }
    @media screen and (min-width: 1024px) {
      .about-logo__con {
        height: 215px; } }
    @media screen and (min-width: 1640px) {
      .about-logo__con {
        height: 300px; } }
  .about-logo__pic {
    width: 150px; }
    @media screen and (min-width: 768px) {
      .about-logo__pic {
        width: 180px; } }
    @media screen and (min-width: 1640px) {
      .about-logo__pic {
        width: 335px; } }
  .about-logo__name {
    margin: 5px 0 0;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: var(--black);
    opacity: 0.6; }
    @media screen and (min-width: 1640px) {
      .about-logo__name {
        margin-top: 10px;
        font-size: 12px; } }
  .about-logo__square {
    position: absolute;
    z-index: 0;
    width: 36px; }
    @media screen and (min-width: 1640px) {
      .about-logo__square {
        width: 80px; } }
    .about-logo__square--1 {
      top: -15px;
      right: -15px; }
      @media screen and (min-width: 1640px) {
        .about-logo__square--1 {
          top: -0px;
          right: -0px; } }
    .about-logo__square--2 {
      bottom: -15px;
      left: -15px; }
      @media screen and (min-width: 1640px) {
        .about-logo__square--2 {
          bottom: 0px;
          left: 0px; } }

.numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px; }
  @media screen and (min-width: 1024px) {
    .numbers {
      display: block;
      -ms-flex-preferred-size: 215px;
          flex-basis: 215px; } }
  @media screen and (min-width: 1024px) {
    .numbers__one {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      margin: 0 auto;
      -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
              column-gap: 30px; } }
  @media screen and (min-width: 1640px) {
    .numbers__one {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  @media screen and (min-width: 1024px) {
    .numbers__one + .numbers__one {
      margin-top: 30px; } }
  .numbers__title {
    position: relative;
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 22px;
    line-height: 130%;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .numbers__title {
        margin: 0;
        -webkit-box-flex: 30%;
            -ms-flex: 30% 1 0px;
                flex: 30% 1 0;
        text-align: end;
        font-size: 26px; } }
    @media screen and (min-width: 1640px) {
      .numbers__title {
        font-size: 28px; } }
    .numbers__title::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 0;
      width: 100%;
      height: 2px;
      background: var(--gradinet); }
      @media screen and (min-width: 1024px) {
        .numbers__title::after {
          top: 0;
          bottom: unset;
          left: unset;
          right: -15px;
          width: 1px;
          height: 100%;
          background: -webkit-gradient(linear, left top, left bottom, from(#FF9A00), color-stop(94.76%, #FF4747));
          background: -o-linear-gradient(top, #FF9A00 0%, #FF4747 94.76%);
          background: linear-gradient(180deg, #FF9A00 0%, #FF4747 94.76%); } }
  .numbers__text {
    margin: 0;
    font-size: 12px;
    line-height: 130%;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .numbers__text {
        text-align: start;
        max-width: 110px;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        font-size: 14px; } }
    @media screen and (min-width: 1640px) {
      .numbers__text {
        -ms-flex-preferred-size: 125px;
            flex-basis: 125px;
        font-size: 16px; } }

.about-text__content {
  margin: 0;
  font-size: 12px;
  line-height: 130%; }
  @media screen and (min-width: 1024px) {
    .about-text__content {
      font-size: 14px; } }
  @media screen and (min-width: 1640px) {
    .about-text__content {
      font-size: 16px; } }
  .about-text__content + .about-text__content {
    margin-top: 5px; }
    @media screen and (min-width: 1640px) {
      .about-text__content + .about-text__content {
        margin-top: 10px; } }

.map {
  padding: 20px 20px 16px; }
  @media screen and (min-width: 768px) {
    .map {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .map {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
      row-gap: 20px;
      padding-bottom: 39px; } }
  @media screen and (min-width: 1024px) {
    .map {
      padding-top: 30px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (min-width: 1640px) {
    .map {
      padding-top: 40px;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px;
      padding-top: 40px; } }
  @media screen and (min-width: 768px) {
    .map__info {
      -ms-flex-preferred-size: 215px;
          flex-basis: 215px; } }
  @media screen and (min-width: 1024px) {
    .map__info {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      -ms-flex-preferred-size: 320px;
          flex-basis: 320px; } }
  @media screen and (min-width: 1640px) {
    .map__info {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -ms-flex-negative: 0;
          flex-shrink: 0; } }
  .map__title {
    margin-bottom: 10px; }
  .map__order {
    margin: 10px 0 20px; }
    @media screen and (min-width: 768px) {
      .map__order {
        display: none; } }
  .map__form {
    display: none; }
    @media screen and (min-width: 768px) {
      .map__form {
        display: block;
        -ms-flex-preferred-size: 216px;
            flex-basis: 216px; } }
    @media screen and (min-width: 1024px) {
      .map__form {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        -ms-flex-preferred-size: 275px;
            flex-basis: 275px; } }
    @media screen and (min-width: 1640px) {
      .map__form {
        -ms-flex-preferred-size: 375px;
            flex-basis: 375px; } }
    @media screen and (min-width: 1640px) {
      .map__form .form {
        padding: 40px; } }
  .map__map-con {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media screen and (min-width: 1024px) {
      .map__map-con {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -ms-flex-preferred-size: 450px;
            flex-basis: 450px; } }
    @media screen and (min-width: 1200px) {
      .map__map-con {
        -ms-flex-preferred-size: 490px;
            flex-basis: 490px; } }
    @media screen and (min-width: 1640px) {
      .map__map-con {
        margin-top: 26px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }

.map-contacts {
  position: relative; }
  .map-contacts::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 10px;
    background: var(--gradinet); }
  .map-contacts__con {
    position: relative;
    padding: 10px;
    background-color: var(--bg-color);
    border-radius: 9px; }
    @media screen and (min-width: 1200px) {
      .map-contacts__con {
        padding: 20px; } }
  .map-contacts__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    color: var(--black);
    letter-spacing: 0.03em;
    text-decoration: none; }
    @media screen and (min-width: 1200px) {
      .map-contacts__link {
        font-size: 16px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .map-contacts__link-icon {
      width: 16px;
      margin-right: 5px; }
      @media screen and (min-width: 1200px) {
        .map-contacts__link-icon {
          width: 24px;
          margin-right: 10px; } }
      @media screen and (min-width: 1640px) {
        .map-contacts__link-icon {
          width: 30px; } }
    .map-contacts__link + .map-contacts__link {
      margin-top: 10px; }
  @media screen and (min-width: 1640px) {
    .map-contacts__text br {
      display: none; } }

.map-con {
  position: relative;
  width: 100%;
  line-height: 0; }
  .map-con__iframe {
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 180px;
    border-radius: 5px;
    background: var(--red); }
    @media screen and (min-width: 768px) {
      .map-con__iframe {
        height: 270px; } }
    @media screen and (min-width: 1640px) {
      .map-con__iframe {
        height: 360px; } }
  .map-con__square {
    position: absolute;
    width: 18px; }
    @media screen and (min-width: 768px) {
      .map-con__square {
        width: 45px; } }
    @media screen and (min-width: 1640px) {
      .map-con__square {
        width: 60px; } }
    .map-con__square--1 {
      top: -9px;
      right: -9px; }
      @media screen and (min-width: 768px) {
        .map-con__square--1 {
          top: -18px;
          right: -18px; } }
      @media screen and (min-width: 1640px) {
        .map-con__square--1 {
          top: -26px;
          right: -15px; } }
    .map-con__square--2 {
      bottom: -6px;
      left: -6px; }
      @media screen and (min-width: 768px) {
        .map-con__square--2 {
          bottom: -19px;
          left: -14px; } }
      @media screen and (min-width: 1640px) {
        .map-con__square--2 {
          bottom: -20px;
          left: -20px; } }

.bread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 5px 20px 10px; }
  @media screen and (min-width: 768px) {
    .bread {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 1200px) {
    .bread {
      padding-top: 10px;
      padding-bottom: 5px; } }
  @media screen and (min-width: 1640px) {
    .bread {
      padding-bottom: 15px; } }
  .bread__item {
    font-size: 10px;
    line-height: 14px;
    color: var(--black);
    text-decoration: none; }
    @media screen and (min-width: 1640px) {
      .bread__item {
        font-size: 12px; } }
    .bread__item + .bread__item {
      position: relative;
      margin-left: 15px; }
      .bread__item + .bread__item::before {
        content: ">";
        position: absolute;
        top: 0;
        left: -10px;
        font-size: 10px;
        line-height: 14px;
        color: var(--black); }

.catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px 20px 0;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px; }
  @media screen and (min-width: 768px) {
    .catalog {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .catalog {
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
      row-gap: 20px; } }
  @media screen and (min-width: 1640px) {
    .catalog {
      -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
              column-gap: 30px;
      row-gap: 30px; } }
  .catalog__more {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 20px 0 10px; }
    .catalog__more-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-column-gap: 5px;
         -moz-column-gap: 5px;
              column-gap: 5px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
      padding: 0;
      font-weight: 600;
      font-size: 12px;
      line-height: 130%;
      border: none;
      background-color: transparent; }
  .catalog .item {
    width: calc((100% - 10px) / 2); }
    @media screen and (min-width: 768px) {
      .catalog .item {
        width: calc((100% - 40px) / 3); } }
    @media screen and (min-width: 1024px) {
      .catalog .item {
        width: calc((100% - 100px) / 6); } }
    @media screen and (min-width: 1640px) {
      .catalog .item {
        width: calc((100% - 150px) / 6); } }

.filter {
  position: relative;
  padding: 0 20px 20px; }
  @media screen and (min-width: 768px) {
    .filter {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .filter {
      padding-bottom: 0; } }
  .filter__title {
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .filter__title {
        display: none; } }
  .filter__close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    background: transparent;
    border: none; }
    .filter__close-icon {
      width: 16px; }
    @media screen and (min-width: 767px) {
      .filter__close {
        display: none; } }
  .filter__con {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center; }
    @media screen and (max-width: 767px) {
      .filter__con {
        position: absolute;
        top: -1px;
        left: 20px;
        right: 20px;
        z-index: 10;
        background: var(--white);
        border-radius: 5px;
        max-height: 0;
        -webkit-transform: scaleY(0);
            -ms-transform: scaleY(0);
                transform: scaleY(0);
        visibility: hidden; } }
    @media screen and (max-width: 767px) {
      .filter__con--open {
        padding: 20px 0;
        max-height: 999px;
        -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
                transform: scaleY(1);
        visibility: visible; } }
  .filter__item {
    padding: 10px 20px; }
    @media screen and (max-width: 767px) {
      .filter__item:first-child {
        border-top: 1px solid rgba(130, 130, 130, 0.1); } }
    @media screen and (max-width: 767px) {
      .filter__item + .filter__item {
        border-top: 1px solid rgba(130, 130, 130, 0.1); } }
    @media screen and (min-width: 768px) {
      .filter__item {
        padding: 0; } }
    @media screen and (min-width: 768px) {
      .filter__item--parametrs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px; } }
    @media screen and (min-width: 768px) {
      .filter__item--type {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .filter__item--polarity {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .filter__item--capacity {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; }
      .filter__item--start {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4; }
      .filter__item--size {
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5; }
      .filter__item--price {
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6; }
      .filter__item--brand {
        -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
                order: 7; }
      .filter__item--sort {
        -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
                order: 8; }
      .filter__item--sale {
        -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
                order: 9; } }
  .filter__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    padding: 10px 20px 0; }
    @media screen and (min-width: 768px) {
      .filter__btns {
        padding: 0;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
                order: 10; }
        .filter__btns .btn {
          width: 110px; } }
    .filter__btns--mobile {
      padding: 0; }
      @media screen and (min-width: 768px) {
        .filter__btns--mobile {
          display: none; } }
  @media screen and (min-width: 768px) {
    .filter__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
      row-gap: 10px; } }

.one-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px; }
  .one-filter--type {
    display: block; }
    @media screen and (min-width: 768px) {
      .one-filter--type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-column-gap: 5px;
           -moz-column-gap: 5px;
                column-gap: 5px; } }
  @media screen and (max-width: 767px) {
    .one-filter--sale {
      margin-top: 10px; } }
  .one-filter__name {
    margin: 0;
    font-weight: 600;
    font-size: 10px;
    line-height: 130%; }
    @media screen and (max-width: 767px) {
      .one-filter__name--type {
        display: none; } }
    @media screen and (min-width: 1200px) {
      .one-filter__name {
        font-size: 12px;
        line-height: 16px; } }
    @media screen and (min-width: 1640px) {
      .one-filter__name {
        font-size: 14px;
        line-height: 19px; } }
  .one-filter__sep {
    font-size: 12px;
    line-height: 16px; }

.filter-check {
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .filter-check + .filter-check {
      margin-top: 10px; } }
  .filter-check__label {
    position: relative; }
  .filter-check__check {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
    @media screen and (max-width: 767px) {
      .filter-check__check:focus + .filter-check__name {
        outline: 1px solid var(--orange); } }
    @media screen and (min-width: 768px) {
      .filter-check__check:focus + .filter-check__name {
        border-color: var(--black); } }
    @media screen and (max-width: 767px) {
      .filter-check__check:checked + .filter-check__name {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='url(%23paint0_linear_0_1)'/%3E%3Crect x='4' y='4' width='8' height='8' rx='4' fill='%23FEFEFE'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_1' x1='0' y1='8' x2='18.08' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF9A00'/%3E%3Cstop offset='0.838542' stop-color='%23FF4747'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); } }
    @media screen and (min-width: 768px) {
      .filter-check__check:checked + .filter-check__name {
        color: var(--orange);
        border-color: var(--orange); } }
  .filter-check__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: 600;
    font-size: 10px;
    line-height: 130%; }
    @media screen and (max-width: 767px) {
      .filter-check__name {
        height: 16px;
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: center right;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23828282' stroke-opacity='0.2'/%3E%3C/svg%3E%0A"); } }
    @media screen and (min-width: 768px) {
      .filter-check__name {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 5px;
        color: var(--grey);
        border: 1px solid var(--grey);
        border-radius: 3px; } }
    @media screen and (min-width: 1200px) {
      .filter-check__name {
        font-size: 12px;
        line-height: 16px; } }
    @media screen and (min-width: 1640px) {
      .filter-check__name {
        font-size: 14px;
        line-height: 19px; } }

.filter-radio {
  position: relative;
  cursor: pointer; }
  .filter-radio__radio {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 5; }
    .filter-radio__radio:focus + .filter-radio__name {
      border-color: var(--black); }
    .filter-radio__radio:checked + .filter-radio__name {
      color: var(--orange);
      border-color: var(--orange); }
  .filter-radio__name {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px;
    font-size: 10px;
    line-height: 14px;
    color: var(--grey);
    border: 1px solid var(--grey);
    border-radius: 3px; }
    @media screen and (min-width: 1200px) {
      .filter-radio__name {
        font-size: 12px;
        line-height: 16px; } }
    @media screen and (min-width: 1640px) {
      .filter-radio__name {
        font-size: 14px;
        line-height: 19px; } }

.select {
  position: relative;
  width: 160px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: none; }
  @media screen and (min-width: 1200px) {
    .select {
      width: 190px;
      font-size: 12px;
      line-height: 16px; } }
  .select * {
    outline: none; }
  .select__list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--bg-color);
    z-index: 10; }
  .select__list-item {
    position: relative;
    margin-top: -1px;
    padding: 5px;
    font-size: 10px;
    line-height: 14px;
    border: 1px solid var(--grey);
    cursor: pointer; }
    .select__list-item:hover {
      z-index: 5;
      border-color: var(--orange); }
    .select__list-item:active {
      border-color: var(--orange);
      color: var(--orange); }
    .select__list-item.current {
      color: var(--orange); }
    @media screen and (min-width: 1200px) {
      .select__list-item {
        font-size: 12px;
        line-height: 19px; } }
  .select__search {
    width: 100%;
    padding: 5px;
    font-size: 10px;
    line-height: 14px;
    color: var(--grey);
    border: 1px solid var(--grey);
    border-radius: 3px;
    background-color: transparent;
    cursor: pointer; }
    .select__search::-webkit-input-placeholder {
      text-align: start; }
    .select__search::-moz-placeholder {
      text-align: start; }
    .select__search:-ms-input-placeholder {
      text-align: start; }
    .select__search::-ms-input-placeholder {
      text-align: start; }
    .select__search::placeholder {
      text-align: start; }
    .select__search:focus {
      border-color: var(--orange);
      color: var(--black); }
    @media screen and (min-width: 1200px) {
      .select__search {
        font-size: 12px; } }
  .select__toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 11px;
    height: 7px;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9999 0.3L5.9999 4.3L9.9999 0.3L11.5999 1.1L5.9999 6.7L0.399902 1.1L1.9999 0.3Z' fill='%23828282'/%3E%3C/svg%3E%0A"); }
  .select [data-toggle="false"] {
    display: none; }
  .select [data-toggle="true"] {
    display: block; }
  .select li[data-display="false"] {
    display: none; }
  .select li[data-display="true"] {
    display: inherit; }

.item-page {
  padding: 0 20px; }
  @media screen and (min-width: 768px) {
    .item-page {
      padding-left: var(--con);
      padding-right: var(--con); } }

.main-info {
  padding: 20px;
  border-radius: 10px;
  background-color: var(--white); }
  @media screen and (min-width: 768px) {
    .main-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1200px) {
    .main-info {
      padding: 30px 60px;
      -webkit-column-gap: 80px;
         -moz-column-gap: 80px;
              column-gap: 80px; } }
  @media screen and (min-width: 1200px) {
    .main-info__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse nowrap;
              flex-flow: row-reverse nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (min-width: 1640px) {
    .main-info__header {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .main-info__status {
    margin: 0 0 5px; }
    @media screen and (min-width: 768px) {
      .main-info__status {
        margin-bottom: 10px; } }
    @media screen and (min-width: 1200px) {
      .main-info__status {
        margin: 5px 0 0; } }
  .main-info__pic {
    display: block;
    width: 120px;
    margin: 0 auto 10px; }
    @media screen and (min-width: 768px) {
      .main-info__pic {
        width: 195px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin: 0; } }
    @media screen and (min-width: 1200px) {
      .main-info__pic {
        width: 255px; } }
  @media screen and (min-width: 1200px) {
    .main-info__name {
      max-width: 470px; } }
  @media screen and (min-width: 1640px) {
    .main-info__name {
      max-width: unset; } }
  @media screen and (min-width: 768px) {
    .main-info__descr {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  .main-info__free {
    display: none;
    margin: 10px 0 0;
    color: var(--red); }
    @media screen and (min-width: 768px) {
      .main-info__free {
        display: block; } }

.status {
  display: none; }
  .status--avail {
    display: block;
    color: var(--green); }
  .status--no {
    color: var(--red); }
  .status--order {
    color: var(--orange); }
  .status--out {
    color: var(--grey);
    opacity: 0.5; }

.add-con {
  position: relative;
  margin-top: 10px; }
  @media screen and (min-width: 1024px) {
    .add-con {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1640px) {
    .add-con {
      margin-top: 20px;
      -webkit-column-gap: 80px;
         -moz-column-gap: 80px;
              column-gap: 80px; } }
  @media screen and (min-width: 768px) {
    .add-con__price {
      -ms-flex-preferred-size: 170px;
          flex-basis: 170px; } }
  .add-con__price-val {
    margin: 0;
    font-weight: bold;
    font-size: 22px;
    line-height: 130%; }
    @media screen and (min-width: 1200px) {
      .add-con__price-val {
        font-size: 26px; } }
    .add-con__price-val--old {
      font-size: 18px;
      color: var(--grey); }
      @media screen and (min-width: 1200px) {
        .add-con__price-val--old {
          font-size: 22px; } }
    @media screen and (min-width: 1024px) {
      .add-con__price-val + .add-con__price-val {
        margin-top: 5px; } }
  .add-con__swap {
    margin: 0;
    color: var(--grey); }
  @media screen and (min-width: 768px) {
    .add-con__order-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse nowrap;
              flex-flow: row-reverse nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (min-width: 1024px) {
    .add-con__order-block {
      display: block;
      -ms-flex-preferred-size: 170px;
          flex-basis: 170px; } }
  @media screen and (min-width: 1640px) {
    .add-con__order-block {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  .add-con__btns {
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .add-con__btns {
        margin-top: 0; } }
    @media screen and (min-width: 1024px) {
      .add-con__btns {
        margin-top: 10px; } }
  @media screen and (min-width: 768px) {
    .add-con__one-btn {
      width: 140px; } }
  @media screen and (min-width: 1200px) {
    .add-con__one-btn {
      width: 160px;
      padding: 5px;
      font-size: 14px; } }
  .add-con__quant {
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (min-width: 768px) {
      .add-con__quant {
        position: static;
        margin-bottom: 10px; } }
  .add-con__one-btn + .add-con__one-btn {
    margin-top: 10px; }
  .add-con__parametrs {
    display: none; }
    @media screen and (min-width: 1024px) {
      .add-con__parametrs {
        display: block;
        -ms-flex-preferred-size: 470px;
            flex-basis: 470px; } }
    @media screen and (min-width: 1640px) {
      .add-con__parametrs {
        -ms-flex-preferred-size: 515px;
            flex-basis: 515px; } }
    .add-con__parametrs .item-parametrs__name {
      -ms-flex-preferred-size: 63%;
          flex-basis: 63%; }
      @media screen and (min-width: 1640px) {
        .add-con__parametrs .item-parametrs__name {
          -ms-flex-preferred-size: 60%;
              flex-basis: 60%; } }

.quant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 5px; }
  .quant__number {
    width: 40px;
    padding: 0;
    border: none;
    border-top: 1px solid rgba(255, 154, 0, 0.1);
    border-bottom: 1px solid rgba(255, 154, 0, 0.1);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: var(--black); }
    @media screen and (min-width: 768px) {
      .quant__number {
        border-color: var(--orange); } }
    @media screen and (min-width: 1640px) {
      .quant__number {
        font-size: 22px;
        line-height: 26px; } }
  .quant__btn {
    position: relative;
    padding: 0 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: var(--white);
    border: none;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#FF9A00), color-stop(50%, #FF4747), to(#FF9A00));
    background: -o-linear-gradient(left, #FF9A00 0%, #FF4747 50%, #FF9A00 100%);
    background: linear-gradient(90deg, #FF9A00 0%, #FF4747 50%, #FF9A00 100%);
    background-size: 200%;
    background-position: left center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media screen and (min-width: 1640px) {
      .quant__btn {
        font-size: 22px; } }
    .quant__btn:hover {
      background-position: right center; }
    .quant__btn--minus {
      margin-right: -2px; }
      @media screen and (min-width: 1640px) {
        .quant__btn--minus {
          margin-right: -3px; } }
    .quant__btn--plus {
      margin-left: -2px; }
      @media screen and (min-width: 1640px) {
        .quant__btn--plus {
          margin-left: -3px; } }

.item-parametrs__title {
  margin-bottom: 10px; }
  @media screen and (min-width: 1640px) {
    .item-parametrs__title {
      margin-bottom: 20px; } }

.item-parametrs__one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
  padding-top: 5px; }
  .item-parametrs__one + .item-parametrs__one {
    margin-top: 5px;
    border-top: 1px solid rgba(130, 130, 130, 0.1); }

.item-parametrs__name {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  color: var(--grey); }

.item-parametrs__value a {
  color: var(--red);
  text-decoration: none; }
  .item-parametrs__value a:hover {
    text-decoration: underline; }

.item-full {
  padding: 10px 20px 20px; }
  @media screen and (min-width: 768px) {
    .item-full {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 1024px) {
    .item-full {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
      padding-top: 20px; } }
  @media screen and (min-width: 1640px) {
    .item-full {
      padding-top: 30px;
      -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
              column-gap: 30px; } }
  .item-full__one {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white); }
    @media screen and (min-width: 1024px) {
      .item-full__one {
        padding: 30px;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }
    @media screen and (min-width: 1640px) {
      .item-full__one {
        padding: 40px; } }
    @media screen and (max-width: 1024px) {
      .item-full__one + .item-full__one {
        margin-top: 10px; } }
  .item-full__title {
    margin: 0 0 10px; }
    @media screen and (min-width: 1640px) {
      .item-full__title {
        margin-bottom: 20px; } }
  .item-full__text {
    margin: 0; }

.about-page {
  padding-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .about-page {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .about-page {
      padding-bottom: 0; } }
  .about-page__info {
    padding: 20px;
    background-color: var(--white);
    border-radius: 10px; }
    @media screen and (min-width: 1024px) {
      .about-page__info {
        padding: 30px 60px; } }
    @media screen and (min-width: 1640px) {
      .about-page__info {
        padding: 40px; } }
  @media screen and (min-width: 768px) {
    .about-page__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse nowrap;
              flex-flow: row-reverse nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1024px) {
    .about-page__content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .about-page__pic {
    width: 100%;
    border-radius: 10px; }
    @media screen and (min-width: 768px) {
      .about-page__pic {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 195px; } }
    @media screen and (min-width: 1024px) {
      .about-page__pic {
        width: 255px; } }
    @media screen and (min-width: 1640px) {
      .about-page__pic {
        width: 360px; } }
  .about-page__text {
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .about-page__text {
        margin-top: 0; } }
  .about-page__links-con {
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .about-page__links-con {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-column-gap: 10px;
           -moz-column-gap: 10px;
                column-gap: 10px; } }
    @media screen and (min-width: 1024px) {
      .about-page__links-con {
        margin-top: 30px; } }
    @media screen and (min-width: 1640px) {
      .about-page__links-con {
        margin-top: 15px;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px; } }
  @media screen and (min-width: 768px) {
    .about-page__link {
      width: 140px; } }
  @media screen and (min-width: 1024px) {
    .about-page__link {
      width: 160px; } }
  @media screen and (min-width: 1200px) {
    .about-page__link {
      padding: 5px; } }
  @media screen and (min-width: 1640px) {
    .about-page__link {
      width: 200px; } }
  @media screen and (max-width: 767px) {
    .about-page__link + .about-page__link {
      margin-top: 10px; } }

.about-content__title {
  margin: 0 0 10px; }
  @media screen and (min-width: 1024px) {
    .about-content__title {
      max-width: 370px; } }
  @media screen and (min-width: 1640px) {
    .about-content__title {
      max-width: unset;
      margin-bottom: 20px; } }

@media screen and (min-width: 1640px) {
  .about-content__text-con {
    max-width: 1120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    justify-content: flex-start;
    max-height: 300px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 10px; } }

@media screen and (min-width: 1024px) {
  .about-content__text {
    max-width: 430px; } }

@media screen and (min-width: 1640px) {
  .about-content__text {
    max-width: unset;
    width: 50%; } }

.about-content__text + .about-content__text {
  margin-top: 5px; }
  @media screen and (min-width: 1640px) {
    .about-content__text + .about-content__text {
      margin-top: 0px; } }

@media screen and (max-width: 1639px) {
  .about-content__text--large {
    display: none; } }

.delivery-page {
  padding: 0 20px 20px; }
  @media screen and (min-width: 768px) {
    .delivery-page {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .delivery-page {
      padding-bottom: 0; } }
  .delivery-page__info {
    padding: 20px;
    background-color: var(--white);
    border-radius: 10px; }
    @media screen and (min-width: 1024px) {
      .delivery-page__info {
        padding: 30px; } }
    @media screen and (min-width: 1640px) {
      .delivery-page__info {
        padding: 30px 40px; } }
  @media screen and (min-width: 768px) {
    .delivery-page__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse nowrap;
              flex-flow: row-reverse nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1024px) {
    .delivery-page__content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }
  .delivery-page__pic {
    width: 100%;
    border-radius: 10px; }
    @media screen and (min-width: 768px) {
      .delivery-page__pic {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 315px; } }
    @media screen and (min-width: 1024px) {
      .delivery-page__pic {
        width: 340px; } }
    @media screen and (min-width: 1640px) {
      .delivery-page__pic {
        width: 470px; } }
  .delivery-page__text {
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .delivery-page__text {
        margin-top: 0; } }

.delivery-content__title {
  margin: 0 0 10px; }
  @media screen and (min-width: 1024px) {
    .delivery-content__title {
      max-width: 510px; } }
  @media screen and (min-width: 1640px) {
    .delivery-content__title {
      max-width: unset;
      margin-bottom: 20px; } }

.delivery-content__subtitle {
  margin: 20px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media screen and (min-width: 768px) {
    .delivery-content__subtitle {
      margin-bottom: 0; } }
  @media screen and (min-width: 1640px) {
    .delivery-content__subtitle {
      margin: 40px 0 20px; } }
  .delivery-content__subtitle-icon {
    margin-left: 5px;
    width: 16px; }

@media screen and (min-width: 1640px) {
  .delivery-content__text-con {
    max-width: 1120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    justify-content: flex-start;
    max-height: 300px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    row-gap: 10px; } }

@media screen and (min-width: 1024px) {
  .delivery-content__text {
    max-width: 540px; } }

@media screen and (min-width: 1640px) {
  .delivery-content__text {
    max-width: unset;
    width: 50%; } }

.delivery-content__text + .delivery-content__text {
  margin-top: 5px; }
  @media screen and (min-width: 1640px) {
    .delivery-content__text + .delivery-content__text {
      margin-top: 0px; } }

@media screen and (max-width: 1639px) {
  .delivery-content__text--large {
    display: none; } }

.delivery-content__list {
  margin: 5px 0 0;
  padding: 0;
  list-style: none; }
  @media screen and (min-width: 768px) {
    .delivery-content__list {
      margin-top: 10px; } }

.delivery-content__item {
  position: relative;
  padding-left: 20px; }
  .delivery-content__item::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 6px;
    width: 3px;
    height: 3px;
    background: var(--black);
    border-radius: 50%; }
    @media screen and (min-width: 1024px) {
      .delivery-content__item::before {
        top: 7px; } }
    @media screen and (min-width: 1640px) {
      .delivery-content__item::before {
        top: 9px; } }

.contacts-page {
  padding: 0 20px 26px; }
  @media screen and (min-width: 768px) {
    .contacts-page {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .contacts-page {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
      row-gap: 20px; } }
  @media screen and (min-width: 1640px) {
    .contacts-page {
      -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
              column-gap: 30px; } }
  @media screen and (min-width: 768px) {
    .contacts-page__contacts {
      -ms-flex-preferred-size: 215px;
          flex-basis: 215px; } }
  @media screen and (min-width: 1200px) {
    .contacts-page__contacts {
      -ms-flex-preferred-size: 323px;
          flex-basis: 323px;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }
  @media screen and (min-width: 1640px) {
    .contacts-page__contacts {
      -ms-flex-preferred-size: 470px;
          flex-basis: 470px; } }
  .contacts-page__title {
    margin: 0 0 10px; }
  .contacts-page__order-btn {
    margin-top: 10px; }
    @media screen and (min-width: 768px) {
      .contacts-page__order-btn {
        display: none; } }
  .contacts-page__pics {
    min-width: 0;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .contacts-page__pics {
        margin-top: 0;
        -ms-flex-preferred-size: 447px;
            flex-basis: 447px; } }
    @media screen and (min-width: 1200px) {
      .contacts-page__pics {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -ms-flex-preferred-size: 472px;
            flex-basis: 472px;
        margin-left: auto; } }
    @media screen and (min-width: 1640px) {
      .contacts-page__pics {
        -ms-flex-preferred-size: 650px;
            flex-basis: 650px; } }
  .contacts-page__pics-list {
    min-width: 0; }
    @media screen and (min-width: 768px) {
      .contacts-page__pics-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px; } }
    @media screen and (min-width: 1200px) {
      .contacts-page__pics-list {
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px; } }
  .contacts-page__prev {
    display: block;
    border-radius: 10px; }
    @media screen and (min-width: 1640px) {
      .contacts-page__prev {
        width: 310px; } }
  .contacts-page__map-con {
    margin-top: 29px; }
    @media screen and (min-width: 768px) {
      .contacts-page__map-con {
        margin: 10px;
        -ms-flex-preferred-size: 430px;
            flex-basis: 430px; } }
    @media screen and (min-width: 1200px) {
      .contacts-page__map-con {
        margin-top: -50px;
        -ms-flex-preferred-size: 830px;
            flex-basis: 830px;
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4; } }
    @media screen and (min-width: 1640px) {
      .contacts-page__map-con {
        -ms-flex-preferred-size: 1164px;
            flex-basis: 1164px;
        margin-top: -29px; } }
  .contacts-page__slider {
    padding: 0; }
    .contacts-page__slider .slider-header__info {
      margin-left: auto; }
      @media screen and (min-width: 767px) {
        .contacts-page__slider .slider-header__info {
          display: none; } }
  .contacts-page__form {
    -ms-flex-preferred-size: 215px;
        flex-basis: 215px; }
    @media screen and (max-width: 767px) {
      .contacts-page__form {
        display: none; } }
    @media screen and (min-width: 1200px) {
      .contacts-page__form {
        -ms-flex-preferred-size: 275px;
            flex-basis: 275px;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }
    @media screen and (min-width: 1640px) {
      .contacts-page__form {
        -ms-flex-preferred-size: 377px;
            flex-basis: 377px; } }

.cart-page {
  padding: 0 20px; }
  @media screen and (min-width: 768px) {
    .cart-page {
      padding-left: var(--con);
      padding-right: var(--con); } }
  @media screen and (min-width: 768px) {
    .cart-page {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-flow: row-reverse nowrap;
              flex-flow: row-reverse nowrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px; } }
  @media screen and (min-width: 1024px) {
    .cart-page {
      -webkit-column-gap: 30px;
         -moz-column-gap: 30px;
              column-gap: 30px; } }
  @media screen and (max-width: 767px) {
    .cart-page__order {
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) {
    .cart-page__order {
      -ms-flex-preferred-size: 216px;
          flex-basis: 216px;
      -ms-flex-negative: 0;
          flex-shrink: 0; } }
  @media screen and (min-width: 1024px) {
    .cart-page__order {
      padding: 30px;
      -ms-flex-preferred-size: 275px;
          flex-basis: 275px; } }
  @media screen and (min-width: 1640px) {
    .cart-page__order {
      padding: 40px;
      -ms-flex-preferred-size: 377px;
          flex-basis: 377px; } }
  @media screen and (min-width: 1024px) {
    .cart-page__list {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }
  .cart-page__price {
    margin-bottom: 10px; }
  .cart-page__check + .cart-page__check {
    margin-top: 5px;
    margin-bottom: 10px; }
    @media screen and (min-width: 1640px) {
      .cart-page__check + .cart-page__check {
        margin-top: 10px;
        margin-bottom: 20px; } }

.order-form__title {
  margin-bottom: 20px;
  text-align: center; }

.cart-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .cart-price__text {
    font-weight: 600;
    font-size: 10px;
    line-height: 130%;
    color: var(--grey); }
    @media screen and (min-width: 1024px) {
      .cart-price__text {
        font-size: 14px; } }
    @media screen and (min-width: 1640px) {
      .cart-price__text {
        font-size: 16px; } }

.cart-items__one + .cart-items__one {
  margin-top: 10px; }

.cart-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  border-radius: 10px;
  background: var(--white); }
  @media screen and (min-width: 768px) {
    .cart-item {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-right: 50px;
      padding-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    .cart-item {
      padding: 3px 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media screen and (min-width: 1640px) {
    .cart-item {
      padding: 20px 40px; } }
  .cart-item__remove {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    border: none;
    background: transparent; }
    .cart-item__remove-icon {
      width: 16px; }
      @media screen and (min-width: 1024px) {
        .cart-item__remove-icon {
          width: 20px; } }
      @media screen and (min-width: 1640px) {
        .cart-item__remove-icon {
          width: 24px; } }
    @media screen and (min-width: 1024px) {
      .cart-item__remove {
        position: static;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
  .cart-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
    @media screen and (min-width: 768px) {
      .cart-item__info {
        -ms-flex-preferred-size: 275px;
            flex-basis: 275px; } }
    @media screen and (min-width: 1024px) {
      .cart-item__info {
        -ms-flex-preferred-size: unset;
            flex-basis: unset;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .cart-item__pic {
    width: 50px;
    margin-right: 10px; }
    @media screen and (min-width: 768px) {
      .cart-item__pic {
        width: 65px; } }
    @media screen and (min-width: 1024px) {
      .cart-item__pic {
        width: 90px;
        margin-right: 20px; } }
    @media screen and (min-width: 1640px) {
      .cart-item__pic {
        width: 110px;
        margin-right: 20px; } }
  .cart-item__name {
    max-width: 160px; }
    @media screen and (min-width: 768px) {
      .cart-item__name {
        max-width: 200px; } }
    @media screen and (min-width: 1024px) {
      .cart-item__name {
        max-width: unset; } }
    @media screen and (min-width: 1640px) {
      .cart-item__name {
        font-size: 16px; } }
  @media screen and (min-width: 1024px) {
    .cart-item__descr-con {
      max-width: 275px; } }
  @media screen and (min-width: 1640px) {
    .cart-item__descr-con {
      max-width: unset; } }
  .cart-item__descr {
    margin-top: 5px;
    color: var(--grey); }
    @media screen and (max-width: 767px) {
      .cart-item__descr {
        display: none; } }
  .cart-item__quant {
    -ms-flex-preferred-size: 105px;
        flex-basis: 105px; }
    .cart-item__quant .quant__number {
      border-color: var(--orange); }
    @media screen and (min-width: 768px) {
      .cart-item__quant {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-top: -10px;
        margin-left: 75px; } }
    @media screen and (min-width: 1024px) {
      .cart-item__quant {
        margin: 0;
        -webkit-box-ordinal-group: unset;
            -ms-flex-order: unset;
                order: unset; } }
  .cart-item__price {
    -ms-flex-preferred-size: 80px;
        flex-basis: 80px; }
    @media screen and (min-width: 768px) {
      .cart-item__price {
        -ms-flex-preferred-size: 76px;
            flex-basis: 76px; } }
    @media screen and (min-width: 1024px) {
      .cart-item__price {
        -ms-flex-preferred-size: 200px;
            flex-basis: 200px; } }

.item-price__actuall {
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 130%; }
  @media screen and (min-width: 768px) {
    .item-price__actuall {
      font-size: 22px; } }
  @media screen and (min-width: 1024px) {
    .item-price__actuall {
      font-size: 26px; } }
  @media screen and (min-width: 1640px) {
    .item-price__actuall {
      font-size: 28px; } }

.item-price__old {
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 130%;
  color: var(--grey); }
  @media screen and (min-width: 768px) {
    .item-price__old {
      font-size: 18px; } }
  @media screen and (min-width: 1200px) {
    .item-price__old {
      font-size: 22px; } }
  @media screen and (min-width: 1640px) {
    .item-price__old {
      font-size: 24px; } }

.item-price__swap {
  display: block;
  font-size: 10px;
  line-height: 130%;
  color: var(--grey); }
  @media screen and (max-width: 767px) {
    .item-price__swap--all {
      display: none; } }
  @media screen and (min-width: 768px) {
    .item-price__swap {
      font-size: 12px; } }
  @media screen and (min-width: 1200px) {
    .item-price__swap {
      font-size: 14px; } }
  @media screen and (min-width: 1640px) {
    .item-price__swap {
      font-size: 16px; } }

.no-found {
  padding: 60px 27px 0; }
  @media screen and (min-width: 768px) {
    .no-found {
      padding: 35px 0 0; } }
  @media screen and (min-width: 1024px) {
    .no-found {
      padding-top: 100px; } }
  @media screen and (min-width: 1640px) {
    .no-found {
      padding-top: 145px; } }
  .no-found__content {
    position: relative; }
    @media screen and (min-width: 768px) {
      .no-found__content {
        width: 360px;
        margin: 0 auto; } }
    @media screen and (min-width: 1024px) {
      .no-found__content {
        width: 460px; } }
    @media screen and (min-width: 1640px) {
      .no-found__content {
        width: 605px; } }
    .no-found__content::before {
      content: "";
      position: absolute;
      top: -2px;
      left: -2px;
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      background: var(--gradinet);
      border-radius: 15px; }
  .no-found__text {
    position: relative;
    padding: 20px;
    background: var(--bg-color);
    border-radius: 14px; }
    @media screen and (min-width: 768px) {
      .no-found__text {
        padding: 30px; } }
    @media screen and (min-width: 1024px) {
      .no-found__text {
        padding: 30px 60px; } }
    @media screen and (min-width: 1640px) {
      .no-found__text {
        padding: 40px 40px 70px; } }
  .no-found__title {
    margin: 0 0 5px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .no-found__title {
        margin-bottom: 10px;
        font-size: 22px; } }
    @media screen and (min-width: 1024px) {
      .no-found__title {
        font-size: 26px; } }
    .no-found__title--big {
      position: relative;
      display: block;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
      font-weight: 600;
      font-size: 120px;
      line-height: 100%; }
      @media screen and (min-width: 768px) {
        .no-found__title--big {
          font-size: 160px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1024px) {
        .no-found__title--big {
          font-size: 200px;
          margin-bottom: 10px; } }
      @media screen and (min-width: 1640px) {
        .no-found__title--big {
          font-size: 240px;
          margin-bottom: 20px; } }
    .no-found__title--gradient {
      position: relative;
      background: var(--gradinet);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .no-found__title--shadow {
      position: absolute;
      top: 0;
      left: 5px;
      color: var(--grey);
      -webkit-filter: blur(1px);
              filter: blur(1px); }
  .no-found__descr {
    margin: 0 0 10px; }
    @media screen and (min-width: 768px) {
      .no-found__descr {
        margin-bottom: 20px; } }
  .no-found__link {
    max-width: 180px;
    margin: 0 auto; }
    @media screen and (min-width: 1024px) {
      .no-found__link {
        max-width: 215px; } }

body {
  font-family: var(--open);
  color: var(--black);
  background-color: var(--bg-color); }

* {
  outline-color: var(--orange);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

button {
  cursor: pointer; }

.content--modal {
  overflow: hidden; }