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

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

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

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

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  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 */
  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 {
  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] {
  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;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__container {
  position: relative;
  box-sizing: border-box;
}

.splide__list {
  margin: 0 !important;
  padding: 0 !important;
  width: -webkit-max-content;
  width: max-content;
  will-change: transform;
}

.splide.is-active .splide__list {
  display: flex;
}

.splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.splide__pagination li {
  list-style-type: none;
  display: inline-block;
  line-height: 1;
  margin: 0;
}

.splide {
  visibility: hidden;
}

.splide, .splide__slide {
  position: relative;
  outline: none;
}

.splide__slide {
  box-sizing: border-box;
  list-style-type: none !important;
  margin: 0;
  flex-shrink: 0;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__slider {
  position: relative;
}

.splide__spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #999;
  border-left-color: transparent;
  animation: splide-loading 1s linear infinite;
}

.splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
  -webkit-user-select: none;
  user-select: none;
}

.splide--fade > .splide__track > .splide__list {
  display: block;
}

.splide--fade > .splide__track > .splide__list > .splide__slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}

.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb > .splide__track > .splide__list {
  display: block;
}

.splide--ttb > .splide__pagination {
  width: auto;
}

.splide__arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  opacity: 0.7;
  background: #ccc;
}

.splide__arrow svg {
  width: 1.2em;
  height: 1.2em;
}

.splide__arrow:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__arrow:focus {
  outline: none;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide__pagination {
  position: absolute;
  z-index: 1;
  bottom: 0.5em;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}

.splide__pagination__page {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  margin: 3px;
  padding: 0;
  transition: transform 0.2s linear;
  border: none;
  opacity: 0.7;
}

.splide__pagination__page.is-active {
  transform: scale(1.4);
  background: #fff;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus {
  outline: none;
}

.splide__progress__bar {
  width: 0;
  height: 3px;
  background: #ccc;
}

.splide--nav > .splide__track > .splide__list > .splide__slide {
  border: 3px solid transparent;
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
  border-color: #000;
}

.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
  outline: none;
}

.splide--rtl > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
  right: 1em;
  left: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide--rtl > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide--ttb > .splide__arrows .splide__arrow, .splide--ttb > .splide__track > .splide__arrows .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide--ttb > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
  top: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide--ttb > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
  top: auto;
  bottom: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide--ttb > .splide__pagination {
  display: flex;
  flex-direction: column;
  bottom: 50%;
  left: auto;
  right: 0.5em;
  transform: translateY(50%);
}

.splide__slide--has-video {
  cursor: pointer;
}

.splide__slide--has-video:hover .splide__video__play {
  opacity: 1;
}

.splide__slide__container--has-video {
  cursor: pointer;
  position: relative;
}

.splide__slide__container--has-video:hover .splide__video__play {
  opacity: 1;
}

.splide__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.splide__video div {
  height: 100%;
}

.splide__video iframe, .splide__video video {
  width: 100%;
  height: 100%;
}

.splide__video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ccc;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.7;
}

.splide__video__play:after {
  content: "";
  display: inline-block;
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 9px 0 9px 17px;
  margin-left: 4px;
}

/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
  font-family: swiper-icons;
  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 {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  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 {
  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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

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

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

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

.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 {
  scroll-snap-type: x mandatory;
}

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

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  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 {
  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-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.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: flex;
  align-items: 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: 0.35;
  cursor: auto;
  pointer-events: none;
}

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

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.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;
  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;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

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

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.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 {
  transform: scale(0.33);
  position: relative;
}

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

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

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

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

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

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

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  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%;
  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%;
  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;
  transition: 0.2s transform, 0.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%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.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%;
  transform: scale(0);
  transform-origin: left top;
}

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

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-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-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

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

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  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;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    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 {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

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

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

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

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-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: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

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

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

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

.swiper-flip .swiper-slide-shadow-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;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

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

@font-face {
  font-family: "American Typewriter";
  src: url("fonts/AmericanTypewriter/AmericanTypewriter.woff2") format("woff2"), url("fonts/AmericanTypewriter/AmericanTypewriter.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.animateAll {
  transition: all 0.5s;
}

.defContainer, .introVideoContent, .inspireWayInner, .footerBottomInner, .footerInner, .getNewsInner, .catalogInfo, .aboutInner,
.cardAboutInner, .breadCrumbs, .pageHeader, .contentBox {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto;
  max-width: 1440px;
}
.indexPage .defContainer, .indexPage .introVideoContent, .indexPage .inspireWayInner, .indexPage .footerBottomInner, .indexPage .footerInner, .indexPage .getNewsInner, .indexPage .catalogInfo, .indexPage .aboutInner,
.indexPage .cardAboutInner, .indexPage .breadCrumbs, .indexPage .pageHeader, .indexPage .contentBox {
  max-width: 1440px;
}
@media all and (max-width: 767px) {
  .defContainer, .introVideoContent, .inspireWayInner, .footerBottomInner, .footerInner, .getNewsInner, .catalogInfo, .aboutInner,
.cardAboutInner, .breadCrumbs, .pageHeader, .contentBox {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.inputEl, .headerPopup .popup-registration__input input, .headerPopup .popup-password-forgot__input input, .headerPopup .popup-login__input input {
  display: block;
  width: 100%;
  padding: 8px 8px;
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  outline: none;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #DDE0E4;
  transition: all 0.5s;
}
.inputEl::placeholder, .headerPopup .popup-registration__input input::placeholder, .headerPopup .popup-password-forgot__input input::placeholder, .headerPopup .popup-login__input input::placeholder {
  color: #AEAEAE;
}
.inputEl:focus, .headerPopup .popup-registration__input input:focus, .headerPopup .popup-password-forgot__input input:focus, .headerPopup .popup-login__input input:focus {
  border-color: #000;
}

.btn, .formSubmit, .formFilePickerAdd, .prLocationElChange, .prFormSubmit, .orderFinalInfoBottom a, .filterClear, .filterSubmit, .cardBuySubmit, .productPreviewBtn, .categoriesBtn, .instLoad, .instGallery, .bannersElBtn, .productBuyPopupBtn, .basketCompactOrder, .basketCompactEmptyBtn, .headerPopup .popup-registration__btn-log, .headerPopup .popup-registration__btn-login, .headerPopup .popup-password-forgot__btn-login, .headerPopup .popup-login__btn-login, .headerPopup .popup-login__btn-reg {
  display: inline-block;
  min-width: 117px;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  font-style: normal;
  padding: 9px 19px;
  color: #041C2C;
  border: 1px solid #041C2C;
  text-decoration: none;
  background: #fff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.btn.filled, .filled.formSubmit, .filled.formFilePickerAdd, .filled.prLocationElChange, .prFormSubmit, .orderFinalInfoBottom a.filled, .orderFinalInfoBottom a.prFormSubmit, .filled.filterClear, .filterSubmit, .cardBuySubmit, .filled.productPreviewBtn, .filled.categoriesBtn, .filled.instLoad, .instGallery, .filled.bannersElBtn, .productBuyPopupBtn, .basketCompactOrder, .filled.basketCompactEmptyBtn, .headerPopup .filled.popup-registration__btn-log, .headerPopup .popup-registration__btn-log.prFormSubmit, .headerPopup .popup-registration__btn-log.filterSubmit, .headerPopup .popup-registration__btn-log.cardBuySubmit, .headerPopup .popup-registration__btn-log.instGallery, .headerPopup .popup-registration__btn-log.productBuyPopupBtn, .headerPopup .popup-registration__btn-log.basketCompactOrder, .headerPopup .popup-registration__btn-login, .headerPopup .filled.popup-password-forgot__btn-login, .headerPopup .popup-password-forgot__btn-login.prFormSubmit, .headerPopup .popup-password-forgot__btn-login.filterSubmit, .headerPopup .popup-password-forgot__btn-login.cardBuySubmit, .headerPopup .popup-password-forgot__btn-login.instGallery, .headerPopup .popup-password-forgot__btn-login.productBuyPopupBtn, .headerPopup .popup-password-forgot__btn-login.basketCompactOrder, .headerPopup .popup-login__btn-login, .headerPopup .filled.popup-login__btn-reg, .headerPopup .popup-login__btn-reg.prFormSubmit, .headerPopup .popup-login__btn-reg.filterSubmit, .headerPopup .popup-login__btn-reg.cardBuySubmit, .headerPopup .popup-login__btn-reg.instGallery, .headerPopup .popup-login__btn-reg.productBuyPopupBtn, .headerPopup .popup-login__btn-reg.basketCompactOrder {
  background: #041C2C;
  color: #fff;
}
.btn.fw, .fw.formSubmit, .fw.formFilePickerAdd, .fw.prLocationElChange, .fw.prFormSubmit, .orderFinalInfoBottom a.fw, .filterClear, .filterSubmit, .fw.cardBuySubmit, .fw.productPreviewBtn, .fw.categoriesBtn, .fw.instLoad, .fw.instGallery, .fw.bannersElBtn, .productBuyPopupBtn, .basketCompactOrder, .fw.basketCompactEmptyBtn, .headerPopup .popup-registration__btn-log, .headerPopup .popup-registration__btn-login, .headerPopup .popup-password-forgot__btn-login, .headerPopup .popup-login__btn-login, .headerPopup .popup-login__btn-reg {
  width: 100%;
  display: block;
}
.btn.compact, .compact.formSubmit, .formFilePickerAdd, .compact.prLocationElChange, .compact.prFormSubmit, .orderFinalInfoBottom a.compact, .orderFinalInfoBottom a.formFilePickerAdd, .compact.filterClear, .compact.filterSubmit, .compact.cardBuySubmit, .compact.productPreviewBtn, .compact.categoriesBtn, .compact.instLoad, .compact.instGallery, .compact.bannersElBtn, .compact.productBuyPopupBtn, .compact.basketCompactOrder, .compact.basketCompactEmptyBtn, .headerPopup .compact.popup-registration__btn-log, .headerPopup .popup-registration__btn-log.formFilePickerAdd, .headerPopup .compact.popup-registration__btn-login, .headerPopup .popup-registration__btn-login.formFilePickerAdd, .headerPopup .compact.popup-password-forgot__btn-login, .headerPopup .popup-password-forgot__btn-login.formFilePickerAdd, .headerPopup .compact.popup-login__btn-login, .headerPopup .popup-login__btn-login.formFilePickerAdd, .headerPopup .compact.popup-login__btn-reg, .headerPopup .popup-login__btn-reg.formFilePickerAdd {
  min-width: auto;
  padding: 4px 10px;
}

.headerPopup, .headerPopup.popup-login, .headerPopup.popup-password-forgot, .headerPopup.popup-registration {
  position: absolute;
  padding: 32px;
  width: 320px;
  background: #fff;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid #DDE0E4;
  display: none;
  top: 40px;
  right: 0;
}
.headerPopup_inline {
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 0 !important;
  max-width: 460px;
  margin: 0 auto;
  overflow: visible;
  border: none !important;
}
.headerPopup_inline .headerPopupClose {
  display: none;
}
.headerPopupLarge {
  width: 380px;
}
.headerPopup.active {
  display: block;
}
.headerPopupTitle, .header .popup-login__title,
.header .popup-password-forgot__title,
.header .popup-registration__title {
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  padding: 0 24px 0 0;
  margin: 0 0 24px 0;
  color: #000000;
}
.headerPopupClose {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 16px;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjM1MzYgMi4zNTM1NUMyMi41NDg4IDIuMTU4MjkgMjIuNTQ4OCAxLjg0MTcxIDIyLjM1MzYgMS42NDY0NUMyMi4xNTgzIDEuNDUxMTggMjEuODQxNyAxLjQ1MTE4IDIxLjY0NjQgMS42NDY0NUwxMiAxMS4yOTI5TDIuMzUzNTUgMS42NDY0NUMyLjE1ODI5IDEuNDUxMTkgMS44NDE3MSAxLjQ1MTE5IDEuNjQ2NDUgMS42NDY0NUMxLjQ1MTE4IDEuODQxNzEgMS40NTExOCAyLjE1ODI5IDEuNjQ2NDUgMi4zNTM1NUwxMS4yOTI5IDEyTDEuNjQ2NDUgMjEuNjQ2NEMxLjQ1MTE5IDIxLjg0MTcgMS40NTExOSAyMi4xNTgzIDEuNjQ2NDUgMjIuMzUzNkMxLjg0MTcxIDIyLjU0ODggMi4xNTgyOSAyMi41NDg4IDIuMzUzNTUgMjIuMzUzNkwxMiAxMi43MDcxTDIxLjY0NjQgMjIuMzUzNkMyMS44NDE3IDIyLjU0ODggMjIuMTU4MyAyMi41NDg4IDIyLjM1MzYgMjIuMzUzNkMyMi41NDg4IDIyLjE1ODMgMjIuNTQ4OCAyMS44NDE3IDIyLjM1MzYgMjEuNjQ2NEwxMi43MDcxIDEyTDIyLjM1MzYgMi4zNTM1NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media all and (max-width: 767px) {
  .headerPopup, .headerPopup.popup-login, .headerPopup.popup-password-forgot, .headerPopup.popup-registration {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    overflow: auto;
  }
  .headerPopupLarge {
    width: 100%;
  }
  .headerPopup_inline {
    z-index: 1 !important;
  }
}
.headerPopup .input_error-text {
  display: none;
}
.headerPopup .popup-login__footer {
  position: relative;
  padding: 0;
  margin-top: 24px;
}
.headerPopup .popup-login__footer .popup-login__text {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #041C2C;
  margin: 0;
}
.headerPopup .popup-login__link {
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #041C2C;
  margin: 8px 0;
  cursor: pointer;
  text-decoration: none;
}
.headerPopup .popup-login__link:hover {
  color: #041C2C;
  text-decoration: underline;
}
.headerPopup .popup-login__link.js-open-popup {
  display: block;
}
.headerPopup .popup-login__btn-reg {
  display: block;
  margin: 16px 0 0 0;
}
.headerPopup .popup-login__btn-reg.js-open-popup {
  display: block;
}
.headerPopup .popup-login__input, .headerPopup.popup-login .popup-login__input, .headerPopup.popup-password-forgot .popup-login__input, .headerPopup.popup-registration .popup-login__input {
  margin: 0 0 24px 0;
}
.headerPopup .popup-login__btn-login {
  margin: 16px 0 0 0;
}
.headerPopup .popup-password-forgot__text {
  font-size: 14px;
  line-height: 24px;
  color: #041C2C;
  margin: 0 0 24px 0;
}
.headerPopup .popup-password-forgot__input, .headerPopup.popup-login .popup-password-forgot__input, .headerPopup.popup-password-forgot .popup-password-forgot__input, .headerPopup.popup-registration .popup-password-forgot__input {
  margin: 0 0 24px 0;
}
.headerPopup .popup-registration__input, .headerPopup.popup-login .popup-registration__input, .headerPopup.popup-password-forgot .popup-registration__input, .headerPopup.popup-registration .popup-registration__input {
  margin: 0 0 24px 0;
}
.headerPopup .popup-registration__footer {
  position: relative;
  padding: 0;
  margin-top: 24px;
}
.headerPopup .popup-registration__footer .popup-registration__text {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #041C2C;
  margin: 0;
}
.headerPopup .popup-registration__btn-log {
  margin: 16px 0 0 0;
}
.headerPopup .popup-registration__rules {
  margin: 24px 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #949494;
}
.headerPopup .popup-registration__rules a {
  color: #000;
  text-decoration: none;
}
.headerPopup .checkbox {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.headerPopup .checkboxBox {
  text-align: center;
  margin: 24px 0 0 0;
}
.headerPopup .checkbox input {
  opacity: 0;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}
.headerPopup .checkbox label {
  padding: 0 0 0 24px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  z-index: 2;
  display: block;
  cursor: pointer;
}
.headerPopup .checkbox label:before {
  background-color: #fff;
  border: 1px solid #DDE0E4;
  border-radius: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.headerPopup .checkbox input:checked + label:before {
  background-color: #041C2C;
  border-color: #041C2C;
  background-size: 13px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.globalInfo {
  background: #F5F1ED;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: 700;
  color: #000000;
  padding: 8px 4px;
  margin: 0px 0 20px 0;
}

.basketCompactEmpty {
  padding: 16px 0 0 0;
  text-align: center;
}
.basketCompactEmptyTitle {
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  padding: 48px 0 0 0;
  position: relative;
}
.basketCompactEmptyTitle:before {
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjUyMjQyIDUuNUM1Ljc3NTA0IDIuNjk2NzUgOC4xMzA5OCAwLjUgMTEgMC41QzEzLjg2OSAwLjUgMTYuMjI1IDIuNjk2NzUgMTYuNDc3NiA1LjVIMTkuNzVDMjAuMDExOSA1LjUgMjAuMjI5NCA1LjcwMjEyIDIwLjI0ODcgNS45NjMzM0wyMS40OTg3IDIyLjk2MzNDMjEuNTA4OCAyMy4xMDE5IDIxLjQ2MDkgMjMuMjM4NSAyMS4zNjYzIDIzLjM0MDNDMjEuMjcxNyAyMy40NDIyIDIxLjEzOSAyMy41IDIxIDIzLjVIMUMwLjg2MTAyMyAyMy41IDAuNzI4MzE1IDIzLjQ0MjIgMC42MzM3MTQgMjMuMzQwM0MwLjUzOTExMyAyMy4yMzg1IDAuNDkxMTU2IDIzLjEwMTkgMC41MDEzNDggMjIuOTYzM0wxLjc1MTM1IDUuOTYzMzNDMS43NzA1NSA1LjcwMjEyIDEuOTg4MDggNS41IDIuMjUgNS41SDUuNTIyNDJaTTYuNTI3NDYgNS41QzYuNzc2MTkgMy4yNTAwMiA4LjY4MzcyIDEuNSAxMSAxLjVDMTMuMzE2MyAxLjUgMTUuMjIzOCAzLjI1MDAyIDE1LjQ3MjUgNS41SDYuNTI3NDZaTTUuNSA2LjVWN0M1LjUgNy4yNzYxNCA1LjcyMzg2IDcuNSA2IDcuNUM2LjI3NjE0IDcuNSA2LjUgNy4yNzYxNCA2LjUgN1Y2LjVIMTUuNVY3QzE1LjUgNy4yNzYxNCAxNS43MjM5IDcuNSAxNiA3LjVDMTYuMjc2MSA3LjUgMTYuNSA3LjI3NjE0IDE2LjUgN1Y2LjVIMTkuMjg1NEwyMC40NjE5IDIyLjVIMS41MzgxMkwyLjcxNDU5IDYuNUg1LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  margin: 0 0 0 -20px;
}
.basketCompactEmptyText {
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  margin: 24px 0 0 0;
}
.basketCompactEmptyBtn {
  background: #000;
  color: #fff;
  display: block;
  width: 100%;
  margin: 24px 0 0 0;
  cursor: pointer;
}
.basketCompactTotal {
  padding: 0 0 24px 0;
  margin: 24px 0 24px 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  border-bottom: 1px solid #DDE0E4;
}
.basketCompactTotal span:after {
  content: " ₽";
}
.basketCompactFooter {
  margin: 24px 0 0 0;
}
.basketCompactOrder {
  width: 100%;
  display: block;
  cursor: pointer;
}
.basketCompactShopping {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  margin-top: 6px;
  font-weight: 400;
  text-decoration: none !important;
  color: #041C2C !important;
  cursor: pointer;
}
.basketCompactShopping:first-letter {
  text-transform: uppercase;
}
.basketCompactList {
  max-height: 240px;
  overflow: auto;
}
@media all and (max-width: 767px) {
  .basketCompactList {
    max-height: none;
  }
}
.basketCompactEl {
  padding: 16px 0;
  display: flex;
  border-bottom: 1px solid #DDE0E4;
  align-items: center;
}
.basketCompactEl:first-child {
  padding-top: 0;
}
.basketCompactElImg {
  display: block;
  text-decoration: none;
  width: 72px;
}
.basketCompactElImg img {
  max-height: 90px;
}
.basketCompactElInfo {
  width: calc(100% - 72px - 24px);
  padding: 0 16px;
}
.basketCompactElName {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
}
.basketCompactElDetails {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #949494;
}
.basketCompactElPrice {
  margin: 16px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
.basketCompactElPriceOld {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  text-decoration-line: line-through;
  color: #AEAEAE;
  order: 2;
}
.basketCompactElPriceOld span:after {
  content: "₽";
}
html[lang=en] .basketCompactElPriceOld:after {
  display: none;
}
html[lang=en] .basketCompactElPriceOld:before {
  content: "$ ";
}
.basketCompactElPriceCurrent {
  font-weight: bold;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  order: 1;
  padding: 0 4px 0 0;
}
.basketCompactElPriceCurrent_gift {
  color: #000 !important;
}
.basketCompactElPriceCurrent span:after {
  content: "₽";
}
html[lang=en] .basketCompactElPriceCurrent span:after {
  display: none;
}
html[lang=en] .basketCompactElPriceCurrent span:before {
  content: "$ ";
}
.basketCompactElPriceOld + .basketCompactElPriceCurrent {
  color: #B9192B;
}
.basketCompactElPriceQnt {
  font-size: 12px;
  line-height: 20px;
  color: #AEAEAE;
  display: inline-block;
  order: 3;
}
.basketCompactElPriceQnt span:after {
  content: "₽";
}
html[lang=en] .basketCompactElPriceQnt span:after {
  display: none;
}
html[lang=en] .basketCompactElPriceQnt span:before {
  content: "$ ";
}
.basketCompactElRemove {
  width: 24px;
  display: block;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NCA5LjE1ODI5IDAuNDUxMTg0IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg0IDEuMTU4MjkgMC40NTExODQgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjOTQ5NDk0Ii8+Cjwvc3ZnPgo=);
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.scrollTop {
  width: 81px;
  height: 52px;
  position: fixed;
  right: 16px;
  bottom: -60px;
  cursor: pointer;
  border-radius: 36px 36px 0 0;
  transition: bottom 0.3s;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA4MSA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgxIDMyQzgxIDQ5LjY3MzEgODEgNTIgODEgNTJIMEMwIDUyIDAgMzkuNzk5NyAwIDMyQzAgMTQuMzI2OSAxOC4xMzI1IDAgNDAuNSAwQzYyLjg2NzUgMCA4MSAxNC4zMjY5IDgxIDMyWiIgZmlsbD0iIzVFNTk1MyIgZmlsbC1vcGFjaXR5PSIwLjMyIi8+Cjwvc3ZnPgo=);
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  z-index: 5;
}
.scrollTop.active {
  bottom: 0;
}
.scrollTop:after {
  width: 45px;
  height: 18px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCA0NSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi40OTk5IDAuNzgwNzYyTDQ0LjU3MjEgMTYuMThMNDMuNDI3NyAxNy44MjAyTDIyLjQ5OTkgMy4yMTk0MUwxLjU3MjEgMTcuODIwMkwwLjQyNzczNCAxNi4xOEwyMi40OTk5IDAuNzgwNzYyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  content: "";
  background-position: center;
  background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
  .productBuyPopup .modalBody {
    max-width: 360px !important;
    padding: 20px !important;
  }
  .productBuyPopup .modalTitle {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
    vertical-align: top;
    color: #041C2C;
    position: relative;
  }
  .productBuyPopup .modalTitle:before {
    width: 20px;
    height: 20px;
    background-color: #041C2C;
    border: solid 1px #041C2C;
    background-size: 13px 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
    content: "";
  }
}
.productBuyPopupTitle {
  font-size: 14px;
  line-height: 20px;
  color: #041C2C;
  position: relative;
}
.productBuyPopupTitle:before {
  width: 20px;
  height: 20px;
  background-color: #041C2C;
  border: solid 1px #041C2C;
  background-size: 13px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 0 0;
  content: "";
}
.productBuyPopupEl {
  margin: 20px 0 0 0;
  padding: 20px 0;
  border-top: solid 1px #E7E7E7;
  display: flex;
  align-items: center;
}
.productBuyPopupElImg {
  width: 56px;
  text-align: center;
  margin: 0 17px 0 0;
}
.productBuyPopupElImg img {
  max-width: 56px;
  max-height: 80px;
  width: auto;
  height: auto;
  display: inline-block;
}
.productBuyPopupElTitle {
  font-size: 16px;
  line-height: 20px;
  color: #041C2C;
}
.productBuyPopupElPrice {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #041C2C;
  margin: 4px 0 0 0;
}
.productBuyPopupElPriceOld {
  position: relative;
  color: #C4C4C4;
  margin-right: 8px;
  display: inline-block;
  vertical-align: top;
}
.productBuyPopupElPriceOld:before {
  content: "";
  display: block;
  position: absolute;
  top: 49%;
  left: 0;
  background-color: #C4C4C4;
  width: 100%;
  height: 1px;
}
.productBuyPopupElPriceOld:after {
  content: " ₽";
}
.productBuyPopupElPriceCurrent {
  color: #000000;
  margin: 0 8px 0 0;
  display: inline-block;
  vertical-align: top;
}
.productBuyPopupElPriceCurrent:after {
  content: " ₽";
}
.productBuyPopupElPriceDiscount {
  display: inline-block;
  vertical-align: top;
  color: #FF2C2C;
}
.productBuyPopupElPriceMultiple {
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  color: #06467B;
}
.productBuyPopupBtn {
  display: block;
  margin-top: 15px;
}

/*@font-face {
  font-family: 'alsrubl';
  src: url('fonts/r/rouble-webfont.eot');
  src: url('fonts/r/rouble-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/r/rouble-webfont.woff') format('woff'),
  url('fonts/r/rouble-webfont.ttf') format('truetype');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}*/
button,
input,
select,
textarea {
  font: 400 14px/1.5 "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
}

*:after,
*:before,
body,
body * {
  box-sizing: border-box;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 1.5) {
  .dpiTest {
    width: 20px;
  }
}
body,
html {
  padding: 0;
  margin: 0;
  position: relative;
  min-width: 280px;
}

body,
body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font: 400 14px/1.5 "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
  color: #041C2C;
  background: #fff;
  overflow-x: hidden;
}

.wrap {
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .onlyM {
    display: none !important;
  }
}

.topProducts {
  margin: 24px 0 80px 0;
}
@media all and (max-width: 959px) {
  .topProducts {
    margin: 24px 0 60px 0;
  }
}
@media all and (max-width: 767px) {
  .topProducts {
    margin: 24px 0 40px 0;
  }
}

.contentBox {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
}
.contentBox .sidebar {
  width: 22.5%;
}
@media all and (max-width: 959px) {
  .contentBox .sidebar {
    width: 100%;
  }
}
.contentBox .content {
  width: 100%;
  position: relative;
}
.contentBox .sidebar + .content {
  width: 77.5%;
  padding-left: 40px;
}
@media all and (max-width: 959px) {
  .contentBox .sidebar + .content {
    width: 100%;
    padding-left: 0;
    margin: 0;
  }
}

img {
  max-width: 100%;
  vertical-align: top;
}

.tac {
  text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 1.5) {
  .dpiTest {
    width: 20px;
  }
}
.showAjaxPopup {
  cursor: pointer;
}

.lazyImg {
  opacity: 0;
  transition: opacity 0.5s;
}
.lazyImg.loaded {
  opacity: 1;
}

button, a, img {
  outline: none !important;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
  background: #e3e3e3;
}

/* Track */
/* Handle */
::-webkit-scrollbar-thumb {
  background: #8c8e98;
  cursor: pointer;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #E4002B;
}

body * {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body * ::-webkit-scrollbar {
  width: 4px;
  background: #e3e3e3;
}
body * ::-webkit-scrollbar-track {
  border: solid 1px #fff;
  border-width: 0 1px;
}
body * ::-webkit-scrollbar-thumb {
  background: #8c8e98;
  cursor: pointer;
}
body * ::-webkit-scrollbar-thumb:hover {
  background: #E4002B;
}

.box {
  margin: 64px 0;
}
.box--26 {
  margin: 50px 0;
}
.box:last-child {
  margin-bottom: 0 !important;
}
@media all and (max-width: 768px) {
  .box {
    margin: 40px 0;
  }
  .box[data-border] {
    margin: 40px 0;
    padding: 40px 0 0 0;
  }
  .box--26 {
    margin: 50px 0;
  }
}
.boxTitle {
  font-weight: bold;
  font-size: 50px;
  line-height: 56px;
  text-align: center;
  margin-bottom: 24px;
}
@media all and (max-width: 768px) {
  .boxTitle {
    font-size: 20px;
    line-height: 24px;
  }
}
.indexPage .boxTitle {
  font-size: 38px;
  line-height: 48px;
}
@media all and (max-width: 960px) {
  .indexPage .boxTitle {
    font-size: 26px;
    line-height: 32px;
  }
}
@media all and (max-width: 768px) {
  .indexPage .boxTitle {
    font-size: 26px;
    line-height: 32px;
  }
}
.boxHeader {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin: 0 0 20px 0;
}
.boxHeader .boxTitle {
  margin: 0;
  font-size: 32px;
  line-height: 34px;
}
.boxLink {
  font-weight: 700;
  fill-size: 13px;
  line-height: 18px;
  text-decoration: none;
  color: #05172D;
  position: relative;
  display: block;
  padding: 0 14px 0 0;
}
.boxLink:after {
  width: 10px;
  height: 6px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjU3NzQzIDMuNDI4NTdMMC40MTY2NjcgMy40Mjg1N0MwLjE4NjU0MSAzLjQyODU3IC0xLjQxNDgxZS0wNyAzLjIzNjcgLTEuMzExMzRlLTA3IDNDLTEuMjA3ODhlLTA3IDIuNzYzMyAwLjE4NjU0MSAyLjU3MTQzIDAuNDE2NjY3IDIuNTcxNDNMOC41Nzc0MyAyLjU3MTQzTDYuNzg4NjcgMC43MzE2MDZDNi42MjYwMSAwLjU2NDI0OCA2LjYyNjAxIDAuMjkyODc2IDYuNzg4NjcgMC4xMjU1MThDNi45NTE0MiAtMC4wNDE4Mzk2IDcuMjE1MjYgLTAuMDQxODM5NiA3LjM3Nzk3IDAuMTI1NTE4TDkuODc3OTcgMi42OTY5NkMxMC4wNDA3IDIuODY0MzEgMTAuMDQwNyAzLjEzNTY5IDkuODc3OTcgMy4zMDMwNEw3LjM3Nzk3IDUuODc0NDhDNy4yMTUyNiA2LjA0MTg0IDYuOTUxNDIgNi4wNDE4NCA2Ljc4ODcyIDUuODc0NDhDNi42MjYwMSA1LjcwNzEyIDYuNjI2MDEgNS40MzU3NSA2Ljc4ODcyIDUuMjY4MzlMOC41Nzc0MyAzLjQyODU3WiIgZmlsbD0iIzA1MTcyRCIvPgo8L3N2Zz4K) center no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
@media all and (max-width: 1439px) {
  .box {
    margin: 50px 0;
  }
}
@media all and (max-width: 960px) {
  .boxTitle {
    font-size: 32px;
    line-height: 38px;
  }
}
@media all and (max-width: 768px) {
  .boxTitle {
    font-size: 24px;
    line-height: 30px;
  }
  .boxHeader {
    gap: 10px;
    flex-direction: column;
    margin: 0 0 20px 0;
    align-items: start;
  }
  .boxHeader .boxTitle {
    font-size: 18px;
    line-height: 34px;
  }
}
@media all and (max-width: 479px) {
  .box {
    margin: 20px 0;
  }
  .box--26 {
    margin: 30px 0;
  }
}

.pageContent {
  padding: 0 15px;
  max-width: 1920px;
  margin: 0 auto;
}
@media all and (min-width: 960px) {
  .pageContent {
    padding: 0 30px;
  }
}

.pageBanner, .errorPageBanner {
  margin: 0 -20px 64px -20px;
}
@media all and (max-width: 959px) {
  .pageBanner, .errorPageBanner {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 767px) {
  .pageBanner, .errorPageBanner {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 24px;
  }
}
.pageTitle {
  font-weight: 700;
  font-size: 50px;
  line-height: 56px;
  text-align: center;
  margin: 0 0 40px 0;
}
.pageTitle.tal {
  text-align: left;
}
@media all and (max-width: 959px) {
  .pageTitle {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-align: left;
    margin: 0 0 24px 0;
  }
}
@media all and (max-width: 767px) {
  .pageTitle {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    margin: 0 0 16px 0;
  }
}

.mainSearch {
  position: absolute;
  top: 50px;
  right: 20px;
  width: 320px;
  background: #fff;
  border-radius: 0px;
  font-size: 14px;
  display: none;
  border: 1px solid #D5D3D2;
  box-sizing: border-box;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  z-index: 25;
}
.mainSearch.active {
  display: block;
}
@media all and (max-width: 959px) {
  .mainSearch {
    top: 58px;
  }
}
@media all and (max-width: 767px) {
  .mainSearch {
    box-shadow: none;
    right: 0;
    width: auto;
    left: 0px;
    top: 48px;
    border-radius: 0;
  }
}
@media all and (max-width: 600px) {
  .mainSearch {
    left: 0px;
  }
}
.showSearch .mainSearch {
  display: block;
}
.mainSearchVal {
  display: block;
}
.mainSearchVal input {
  padding: 9px 35px 9px 9px;
  height: 38px;
  font-size: 14px;
  line-height: 20px;
  border: none;
  display: block;
  width: 100%;
  outline: none;
}
.mainSearchSubmit {
  position: absolute;
  width: 38px;
  height: 38px;
  cursor: pointer;
  background: #fff;
  top: 0;
  right: 0;
  z-index: 2;
}
.mainSearchSubmit button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  background: #fff;
  cursor: pointer;
  border: none;
  display: block;
  width: 38px;
  height: 38px;
}
.mainSearchSubmit button i {
  width: 22px;
  height: 22px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDAuNUM0Ljk3NzE1IDAuNSAwLjUgNC45NzcxNSAwLjUgMTAuNUMwLjUgMTYuMDIyOCA0Ljk3NzE1IDIwLjUgMTAuNSAyMC41QzEzLjA4MTUgMjAuNSAxNS40MzQ2IDE5LjUyMTggMTcuMjA4NyAxNy45MTU4TDIxLjY0NjQgMjIuMzUzNkMyMS44NDE3IDIyLjU0ODggMjIuMTU4MyAyMi41NDg4IDIyLjM1MzYgMjIuMzUzNkMyMi41NDg4IDIyLjE1ODMgMjIuNTQ4OCAyMS44NDE3IDIyLjM1MzYgMjEuNjQ2NEwxNy45MTU4IDE3LjIwODdDMTkuNTIxOCAxNS40MzQ2IDIwLjUgMTMuMDgxNSAyMC41IDEwLjVDMjAuNSA0Ljk3NzE1IDE2LjAyMjggMC41IDEwLjUgMC41Wk0xLjUgMTAuNUMxLjUgNS41Mjk0NCA1LjUyOTQ0IDEuNSAxMC41IDEuNUMxNS40NzA2IDEuNSAxOS41IDUuNTI5NDQgMTkuNSAxMC41QzE5LjUgMTUuNDcwNiAxNS40NzA2IDE5LjUgMTAuNSAxOS41QzUuNTI5NDQgMTkuNSAxLjUgMTUuNDcwNiAxLjUgMTAuNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -11px;
}
.mainSearchSubmit button[disabled] i {
  opacity: 0.5;
  cursor: default;
}
.mainSearchList {
  display: none;
  max-height: 400px;
  max-height: calc(100vh - 180px);
  background: #fff;
  border-top: 1px solid #D5D3D2;
  overflow: auto;
  font-size: 0;
  line-height: 0;
}
.mainSearchList.active {
  display: block;
}
@media all and (max-width: 959px) {
  .mainSearchList {
    max-height: calc(100vh - 100px);
  }
}
.mainSearchEl {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  color: #000;
  padding: 16px 16px 16px 18px;
}
.mainSearchEl + .mainSearchEl {
  border-top: 1px solid #D5D3D2;
}
.mainSearchElTitle {
  font-size: 14px;
  line-height: 24px;
  display: block;
}
.mainSearchElPrice {
  font-weight: bold;
  font-size: 14px;
  display: block;
  line-height: 20px;
  color: #000000;
}
.mainSearchElPrice span:after {
  content: " ₽";
}
.mainSearchElCounter {
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  color: #949494;
  width: 50px;
  max-width: 50px;
  display: block;
  min-width: 50px;
}
.mainSearchElInfo {
  width: 100%;
  display: block;
}
.mainSearchElImg {
  width: 61px;
  max-width: 61px;
  display: block;
  text-align: center;
  min-width: 61px;
  padding: 0 16px 0 0;
}
.mainSearchElImg img {
  max-width: 45px;
  max-height: 45px;
  width: auto;
  height: auto;
}

.galleryList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.galleryEl {
  width: calc(33.33333% - 24px);
  margin: 0 12px;
  text-decoration: none;
  display: block;
  position: relative;
}
.galleryEl img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.galleryEl span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.4);
  color: #000;
  padding: 10px;
  font-size: 30px;
  line-height: 40px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0%, -50%);
}
@media all and (max-width: 1200px) {
  .galleryEl span {
    font-size: 24px;
    line-height: 30px;
    min-height: 80px;
  }
}
@media all and (max-width: 767px) {
  .galleryEl span {
    font-size: 24px;
    line-height: 30px;
  }
}
@media all and (max-width: 1439px) {
  .galleryList {
    margin: 0 -12px;
  }
}
@media all and (max-width: 679px) {
  .galleryEl {
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
  }
  .galleryEl:last-child {
    margin-bottom: 0;
  }
}

.banners {
  margin: 40px 0;
}
@media all and (max-width: 1600px) {
  .banners {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.bannersEl {
  display: flex;
  /*    &:nth-child(3n),
      &:nth-child(4n){
        display: none;
      }*/
}
.bannersEl:nth-child(3n), .bannersEl:nth-child(4n) {
  margin-top: 20px;
}
@media all and (max-width: 1200px) {
  .bannersEl:nth-child(3n), .bannersEl:nth-child(4n) {
    margin-top: 12px;
  }
}
@media all and (max-width: 767px) {
  .bannersEl:nth-child(3n), .bannersEl:nth-child(4n) {
    margin-top: 10px;
  }
}
.bannersElBtn {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translate(-50%, 0);
}
.bannersElBox {
  width: 50%;
  position: relative;
  overflow: hidden;
}
.bannersElBox.wide {
  width: 100%;
}
.bannersElBox.wide img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.bannersElBox img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
@media all and (max-width: 1439px) {
  .bannersList {
    margin: 0;
  }
}
@media all and (max-width: 1279px) {
  .banners {
    /*    &List{
          &:first-child,
          &:nth-child(2n){
            display: none;
          }
          &:nth-child(3n),
          &:nth-child(4n){
            display: block;
          }
        }*/
  }
  .bannersElBtn {
    bottom: 30px;
  }
}
@media all and (max-width: 767px) {
  .bannersEl {
    flex-wrap: wrap;
  }
  .bannersElBtn {
    bottom: 80px;
  }
  .bannersElBox {
    width: 100%;
  }
}
@media all and (max-width: 579px) {
  .bannersElBtn {
    bottom: 45px;
  }
}

.indexSlider {
  max-width: 1920px;
  margin: 0 auto;
}
.indexSliderEl {
  text-align: center;
  display: block;
  text-decoration: none;
}
.indexSlider .splide__arrow {
  display: none;
}
.indexSlider .splide__spinner {
  display: none !important;
}
@media all and (max-width: 767px) {
  .indexSliderEl:after {
    padding: 100% 0 0 0;
    display: block;
    content: "";
  }
  .indexSliderEl img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
  }
}

.splide__pagination {
  bottom: 24px;
  left: 50%;
  transform: translate(-50%, 0);
}
.splide__pagination li {
  display: inline-block;
  margin: 0 5px;
  opacity: 1;
}
.splide__pagination li button {
  width: 10px;
  height: 10px;
  background: none;
  transform: none;
  opacity: 1;
  margin: 0;
  border: solid 2px #fff;
  border-radius: 5px;
  transition: all 0.3s;
}
.splide__pagination li button.is-active {
  width: 20px;
  background: #fff;
  padding: 0;
  transform: none;
  opacity: 1;
}

.splide__arrow {
  display: block;
  opacity: 1;
  width: 32px;
  background: #fff;
  height: 32px;
  position: absolute;
  top: 50%;
  border-radius: 0;
  margin: -16px 0 0 0;
}
.splide__arrow[disabled] {
  cursor: default;
  opacity: 0.6;
}
.splide__arrow:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjI4MDMzIDAuOTY5NjdDOS41NzMyMiAxLjI2MjU2IDkuNTczMjIgMS43Mzc0NCA5LjI4MDMzIDIuMDMwMzNMMi4zMTA2NiA5TDkuMjgwMzMgMTUuOTY5N0M5LjU3MzIyIDE2LjI2MjYgOS41NzMyMiAxNi43Mzc0IDkuMjgwMzMgMTcuMDMwM0M4Ljk4NzQ0IDE3LjMyMzIgOC41MTI1NiAxNy4zMjMyIDguMjE5NjcgMTcuMDMwM0wwLjcxOTY3IDkuNTMwMzNDMC40MjY3NzcgOS4yMzc0NCAwLjQyNjc3NyA4Ljc2MjU2IDAuNzE5NjcgOC40Njk2N0w4LjIxOTY3IDAuOTY5NjdDOC41MTI1NiAwLjY3Njc3NyA4Ljk4NzQ0IDAuNjc2Nzc3IDkuMjgwMzMgMC45Njk2N1oiIGZpbGw9IiMwNDFDMkMiLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: -9px 0 0 -5px;
  content: "";
}
.splide__arrow svg {
  display: none;
}
.splide__arrow--next {
  right: 12px;
}
.splide__arrow--next:after {
  transform: rotate(180deg);
  transform-origin: center center;
}
.splide__arrow--prev {
  left: 12px;
}
.splide__arrow path {
  display: none;
}
.catalogSliderFw .splide__arrow {
  width: 56px;
  height: 56px;
  background: #05172D;
}
.catalogSliderFw .splide__arrow:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNzM4NDUgNi40MTY2NUwxOC40NDc5IDYuNDE2NjVDMTguODkwOSA2LjQxNjY1IDE5LjI1IDYuMDU3NTUgMTkuMjUgNS42MTQ1NkMxOS4yNSA1LjE3MTU3IDE4Ljg5MDkgNC44MTI0OCAxOC40NDc5IDQuODEyNDhMMi43Mzg0NSA0LjgxMjQ4TDYuMTgxOCAxLjM2OTIyQzYuNDk0OTMgMS4wNTYgNi40OTQ5MyAwLjU0ODEyMyA2LjE4MTggMC4yMzQ5MUM1Ljg2ODUgLTAuMDc4MzAzNyA1LjM2MDYyIC0wLjA3ODMwMzYgNS4wNDc0MSAwLjIzNDkxTDAuMjM0OTEgNS4wNDc0MUMtMC4wNzgzMDMyIDUuMzYwNjIgLTAuMDc4MzAzMSA1Ljg2ODUgMC4yMzQ5MSA2LjE4MTcyTDUuMDQ3NDEgMTAuOTk0MkM1LjM2MDYyIDExLjMwNzQgNS44Njg1IDExLjMwNzQgNi4xODE3MiAxMC45OTQyQzYuNDk0OTMgMTAuNjgxIDYuNDk0OTMgMTAuMTczMSA2LjE4MTcyIDkuODU5OTFMMi43Mzg0NSA2LjQxNjY1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  width: 20px;
  height: 12px;
  margin: -6px 0 0 -10px;
}
.catalogSliderFw .splide__arrow--next {
  right: -9px;
}
.catalogSliderFw .splide__arrow--next:after {
  transform: rotate(180deg);
  transform-origin: center center;
}
.catalogSliderFw .splide__arrow--prev {
  left: -9px;
}
@media all and (max-width: 960px) {
  .catalogSliderFw .splide__arrow {
    width: 25px;
    height: 25px;
  }
  .catalogSliderFw .splide__arrow:after {
    width: 10px;
    height: 6px;
    margin: -3px 0 0 -5px;
  }
  .catalogSliderFw .splide__arrow--next {
    right: 3px;
  }
  .catalogSliderFw .splide__arrow--prev {
    left: 3px;
  }
}
@media all and (max-width: 768px) {
  .catalogSliderFw .splide__arrow--next {
    right: 15px;
  }
  .catalogSliderFw .splide__arrow--prev {
    left: 15px;
  }
}

.infoBox {
  margin: 64px 0;
}
.infoBoxList {
  margin: -12px -12px;
  display: flex;
  flex-wrap: wrap;
}
.infoBoxEl {
  width: 50%;
  color: #041C2C;
  text-decoration: none;
  padding: 12px;
}
.infoBoxElImg {
  display: block;
}
.infoBoxElImg img {
  display: block;
  vertical-align: top;
  width: 100%;
  height: auto;
}
.infoBoxElTitle {
  margin: 24px 0 0 0;
  display: block;
  font-size: 36px;
  line-height: 40px;
  font-weight: 400;
  font-family: "American Typewriter", "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
}
.infoBoxElText {
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin: 16px 0 0 0;
}
@media all and (max-width: 959px) {
  .infoBoxElTitle {
    font-size: 24px;
    line-height: 32px;
    margin: 16px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .infoBox {
    margin: 28px 0;
  }
  .infoBoxEl {
    width: 100%;
  }
  .infoBoxElTitle {
    font-size: 20px;
    line-height: 24px;
  }
}

.inst {
  margin: 64px 0;
}
.instHeader {
  margin: 0 0 12px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.instTitle {
  font-size: 32px;
  line-height: 40px;
  font-family: "American Typewriter", "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
  font-weight: 400;
  width: 50%;
  padding: 0 12px 0 0;
}
.instTitle span {
  display: block;
}
.instText {
  width: 50%;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 20px;
}
.instText a {
  color: #BE1622;
  text-decoration: none;
}
.instText a:hover {
  color: #BE1622;
  text-decoration: underline;
}
.instContent {
  margin: 0 -12px;
}
.instSliderEl {
  padding: 12px;
  width: 25%;
}
.instSliderEl img {
  width: 100%;
  height: auto;
  display: block;
}
.instBottom {
  margin: 12px 0 0 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.instGallery {
  min-width: 200px;
  margin: 0 12px;
}
.instLoad {
  min-width: 200px;
  margin: 0 12px;
}
@media all and (max-width: 767px) {
  .inst {
    margin: 40px -16px;
    overflow: hidden;
  }
  .instHeader {
    padding: 0 16px;
    display: block;
  }
  .instBottom {
    display: block;
    padding: 0 16px;
  }
  .inst .splide__arrows {
    display: none !important;
  }
  .instGallery {
    min-width: 200px;
    margin: 0;
    width: 100%;
    display: block;
  }
  .instLoad {
    min-width: 200px;
    width: 100%;
    display: block;
    margin: 16px 0 0 0;
  }
  .instTitle {
    font-size: 24px;
    line-height: 32px;
    width: 510%;
    padding: 0;
  }
  .instText {
    width: 100%;
    padding: 0;
    margin: 8px 0 0 0;
  }
  .instContent {
    margin: 0;
    overflow: hidden;
  }
}

.pageInfo {
  margin: 64px 0;
  font-size: 14px;
  line-height: 20px;
}
.pageInfo p {
  margin: 16px 0;
}
.pageInfo h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  margin: 16px 0;
}
@media all and (max-width: 767px) {
  .pageInfo {
    margin: 40px 0;
  }
}

.ideal {
  display: flex;
  align-items: center;
}
.idealImg {
  width: 50%;
}
.idealInner {
  max-width: 438px;
  margin: 0 auto;
}
.idealContent {
  width: 50%;
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px;
}
.idealContent p {
  margin: 24px 0;
}
.idealContent a {
  color: #041C2C;
  text-decoration: none;
}
.idealContent a:hover {
  color: #041C2C;
  text-decoration: underline;
}
.idealTitle {
  font-size: 40px;
  line-height: 40px;
  color: #BE1622;
  font-family: "American Typewriter", "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
}
@media all and (max-width: 959px) {
  .idealTitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media all and (max-width: 767px) {
  .ideal {
    margin: 40px 0;
    display: block;
  }
  .idealImg {
    width: 100%;
    text-align: center;
  }
  .idealContent {
    padding: 0;
    margin: 20px 0 0 0;
    width: 100%;
  }
}

.categories {
  text-align: center;
}
.categoriesBtn {
  margin: 12px 0 0 0;
}
.categoriesList {
  margin: 0 -12px;
  display: flex;
  align-items: start;
}
.categoriesEl {
  width: 33.3333%;
  display: block;
  text-decoration: none;
  color: #041C2C;
  padding: 12px;
  text-align: center;
}
.categoriesElImg img {
  width: 100%;
  height: auto;
  display: block;
}
.categoriesElTitle {
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  color: #041C2C;
  display: block;
  margin: 16px 0 0 0;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  .categoriesList {
    flex-wrap: wrap;
  }
  .categoriesEl {
    width: 50%;
  }
}

.productPreview {
  display: flex;
  align-items: center;
  margin: 40px 0;
}
.productPreviewContent {
  width: 50%;
  padding: 20px 20px 20px 120px;
}
.productPreviewContentBox {
  max-width: 464px;
  text-align: center;
}
.productPreviewTitle {
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 16px;
}
.productPreviewText {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 24px;
}
.productPreviewMedia {
  width: 50%;
}
.productPreviewMedia img {
  max-width: 100%;
  height: auto;
}
@media all and (max-width: 1249px) {
  .productPreviewContent {
    width: 50%;
    padding: 0 20px 0 0px;
  }
  .productPreviewMedia {
    width: 50%;
  }
}
@media all and (max-width: 999px) {
  .productPreviewContent {
    padding: 0 20px 0 0px;
  }
  .productPreviewTitle {
    font-size: 22px;
    line-height: 28px;
  }
  .productPreviewText {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 679px) {
  .productPreview {
    flex-wrap: wrap;
  }
  .productPreviewContent {
    width: 100%;
    padding: 0;
  }
  .productPreviewContentBox {
    padding: 0px;
    max-width: 100%;
  }
  .productPreviewMedia {
    order: -1;
    width: 100%;
    position: relative;
    left: 0px;
    margin-bottom: 16px;
  }
  .productPreviewBtn {
    width: 100%;
  }
}
@media all and (max-width: 479px) {
  .productPreviewContentBox {
    padding: 0;
  }
  .productPreviewTitle {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 14px;
  }
  .productPreviewText {
    font-size: 12px;
    margin-bottom: 18px;
  }
  .productPreviewBtn {
    width: 110px;
    padding: 8px 25px;
  }
  .productPreviewMedia {
    left: 0;
  }
}

.catalog {
  /*  &.lineProducts &El {

          &:nth-child(3),
          &:nth-child(4),
          &:nth-child(5) {
              display: none;
          }
          @media all and (min-width: 768px) {
              &:nth-child(3),
              &:nth-child(4) {
                  display: block;
              }
          }
          @media all and (min-width: 1100px) {
              width: 20%;
              &:nth-child(5) {
                  display: block;
              }
          }
      }*/
  /*  @media all and (max-width: 1439px) {
          &Slider {
              padding: 0px;
          }
          & .splide__pagination {
              bottom: -20px;
          }
          & .splide__arrow--prev {
              left: -20px;
          }
          & .splide__arrow--next {
              right: -20px;
          }
      }

      @media all and (max-width: 1279px) {
          & .splide__arrow svg {
              width: 28px;
              height: 28px;
          }

          & .splide__pagination {
              li {
                  margin: 5px 3px;
              }

              &__page {
                  width: 9px;
                  height: 9px;
              }

              &__page.is-active {
                  width: 9px;
                  height: 9px;
              }
          }
      }*/
}
@media all and (max-width: 767px) {
  .catalog:not(.catalogSlider) {
    margin-top: 8px;
  }
}
.catalogLoadMore {
  width: 168px;
  height: 50px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background: #05172D;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s;
  border: none;
  margin: 50px auto 0 auto;
}
.catalogLoadMore.loading {
  cursor: default;
  opacity: 0.5;
}
.catalogLoadMore:hover {
  background: #000;
  color: #fff;
}
@media all and (max-width: 768px) {
  .catalogLoadMore {
    margin: 30px auto 0 auto;
    width: 136px;
    height: 42px;
    font-size: 12px;
  }
}
.catalogList {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.catalogViewed .catalogList {
  margin: 0 -12px;
}
.catalogViewed .catalogEl {
  width: 16.6666%;
  border-width: 12px;
}
.catalogEl {
  position: relative;
  text-align: left;
  width: 25%;
  border: #fff solid 25px;
  border-width: 25px 20px;
  /*    &:before {
              position: absolute;
              content: "";
              border: 1px solid #BBBBBB;
              box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.3);
              opacity: 0;
              top: 0;
              left: 6px;
              right: 6px;
              bottom: 5px;
              z-index: 0;
              transition: all 0.3s;
          }

          &:hover {
              &:before {
                  opacity: 1;
              }
              //border: 1px solid #BBBBBB;
              //box-sizing: border-box;
          }*/
}
@media all and (max-width: 959px) {
  .catalogEl {
    width: 33.3333%;
  }
}
@media all and (max-width: 767px) {
  .catalogEl {
    width: 50%;
  }
}
.catalogElFav {
  background-color: transparent;
  border: none;
  padding: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4zIDEuNjY2NjdDMTMuMzg5NCAxLjY2NjY3IDE1IDMuMjc2NzIgMTUgNS4zNjQ2OEMxNSA2LjY0ODIxIDE0LjQyODUgNy44MzkyIDEzLjM1MjUgOS4xNDc2N0MxMi4yNzMyIDEwLjQ2MDIgMTAuNzE5NCAxMS44NTIyIDguODA4MjggMTMuNTQyTDcuOTk5OTYgMTQuMjI5Mkw3LjE5MTY0IDEzLjU0MkM1LjI4MDQ5IDExLjg1MjIgMy43MjY3NCAxMC40NjAyIDIuNjQ3NDIgOS4xNDc2N0MxLjU3MTQ0IDcuODM5MiAwLjk5OTk1OSA2LjY0ODIxIDAuOTk5OTU5IDUuMzY0NjhDMC45OTk5NTkgMy4yNzY3MiAyLjYxMDU3IDEuNjY2NjcgNC42OTk5NiAxLjY2NjY3QzYuMTUyMzQgMS42NjY2NyA2LjkxOTAxIDIuNTcyMzMgNy43MzM0NCAzLjUzNDRMNy43NDU1NSAzLjU0ODcxQzcuODA4ODggMy42MjM1MiA3LjkwMTk0IDMuNjY2NjcgNy45OTk5NiAzLjY2NjY3QzguMDk3OTggMy42NjY2NyA4LjE5MTAzIDMuNjIzNTIgOC4yNTQzNyAzLjU0ODcxTDguMjY2NDggMy41MzQ0QzkuMDgwOTEgMi41NzIzMyA5Ljg0NzU4IDEuNjY2NjcgMTEuMyAxLjY2NjY3Wk0xNS42NjY2IDUuMzY0NjhDMTUuNjY2NiAyLjkwODIyIDEzLjc1NzIgMSAxMS4zIDFDOS42ODEyNyAxIDguNzQ3OTEgMS45NDY0NyA3Ljk5OTk2IDIuODE4MjJDNy4yNTIwMSAxLjk0NjQ3IDYuMzE4NjUgMSA0LjY5OTk2IDFDMi4yNDI2OSAxIDAuMzMzMjkyIDIuOTA4MjIgMC4zMzMyOTIgNS4zNjQ2OEMwLjMzMzI5MiA2Ljg2NjQ2IDEuMDA4NDggOC4yMDQyMiAyLjEzMjUgOS41NzExQzMuMjUyNzEgMTAuOTMzNCA0Ljg1MTQzIDEyLjM2MjcgNi43NTI0OSAxNC4wNDM2TDYuNzU3MzUgMTQuMDQ3OUw3Ljc4NDA2IDE0LjkyMDZDNy45MDg1NCAxNS4wMjY1IDguMDkxMzggMTUuMDI2NSA4LjIxNTg2IDE0LjkyMDZMOS4yNDc0NiAxNC4wNDM2QzExLjE0ODUgMTIuMzYyOCAxMi43NDcyIDEwLjkzMzQgMTMuODY3NCA5LjU3MTFDMTQuOTkxNCA4LjIwNDIyIDE1LjY2NjYgNi44NjY0NiAxNS42NjY2IDUuMzY0NjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  width: 13px;
  height: 11px;
  margin: 0;
  background-size: contain;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 18px;
  top: 20px;
  z-index: 5;
}
.catalogElFav.active, .catalogElFav.is-active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi45NSAxLjVDMjAuMDg0MSAxLjUgMjIuNSAzLjkxNTA4IDIyLjUgNy4wNDcwM0MyMi41IDguOTcyMzEgMjEuNjQyOCAxMC43NTg4IDIwLjAyODggMTIuNzIxNUMxOC40MDk4IDE0LjY5MDMgMTYuMDc5MiAxNi43NzgzIDEzLjIxMjUgMTkuMzEzTDEyIDIwLjM0MzdMMTAuNzg3NSAxOS4zMTNDNy45MjA4IDE2Ljc3ODMgNS41OTAxOCAxNC42OTAzIDMuOTcxMTkgMTIuNzIxNUMyLjM1NzIyIDEwLjc1ODggMS41IDguOTcyMzEgMS41IDcuMDQ3MDNDMS41IDMuOTE1MDggMy45MTU5MSAxLjUgNy4wNSAxLjVDOS4yMjg1NyAxLjUgMTAuMzc4NiAyLjg1ODQ5IDExLjYwMDIgNC4zMDE2TDExLjYxODQgNC4zMjMwNkMxMS43MTM0IDQuNDM1MjggMTEuODUzIDQuNSAxMiA0LjVDMTIuMTQ3IDQuNSAxMi4yODY2IDQuNDM1MjggMTIuMzgxNiA0LjMyMzA2TDEyLjM5OTggNC4zMDE2QzEzLjYyMTQgMi44NTg0OSAxNC43NzE0IDEuNSAxNi45NSAxLjVaTTIzLjUgNy4wNDcwM0MyMy41IDMuMzYyMzMgMjAuNjM1OSAwLjUgMTYuOTUgMC41QzE0LjUyMiAwLjUgMTMuMTIxOSAxLjkxOTcxIDEyIDMuMjI3MzNDMTAuODc4MSAxLjkxOTcxIDkuNDc4MDQgMC41IDcuMDUgMC41QzMuMzY0MDkgMC41IDAuNSAzLjM2MjMzIDAuNSA3LjA0NzAzQzAuNSA5LjI5OTY5IDEuNTEyNzggMTEuMzA2MyAzLjE5ODgxIDEzLjM1NjdDNC44NzkxMyAxNS40IDcuMjc3MjEgMTcuNTQ0MSAxMC4xMjg4IDIwLjA2NTRMMTAuMTM2MSAyMC4wNzE4TDExLjY3NjEgMjEuMzgwOUMxMS44NjI5IDIxLjUzOTcgMTIuMTM3MSAyMS41Mzk3IDEyLjMyMzkgMjEuMzgwOUwxMy44NzEzIDIwLjA2NTVDMTYuNzIyOSAxNy41NDQxIDE5LjEyMDkgMTUuNCAyMC44MDEyIDEzLjM1NjdDMjIuNDg3MiAxMS4zMDYzIDIzLjUgOS4yOTk2OSAyMy41IDcuMDQ3MDNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
}
.catalogElImg {
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 2;
  margin: 0 0 16px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.catalogElImg:after {
  padding: 143% 0 0 0;
  content: "";
  display: block;
}
.catalogElImgColor {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.2s;
}
.catalogElImgColor.active {
  opacity: 1;
}
.catalogElImgHover {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.2s;
}
.catalogElImgHover img {
  opacity: 0 !important;
}
.catalogElImg:hover .catalogElImgHover {
  opacity: 1;
}
.catalogElImg > img {
  z-index: 1;
}
.catalogElImg img {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.catalogElInner {
  position: relative;
  z-index: 2;
}
.catalogElLabels {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
}
.catalogElLabelsEl {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 8px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
  color: #fff;
  background: #041c2c;
}
.catalogElLabelsEl_new {
  background: #56835f;
}
.catalogElSale {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 5;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM5RjI3MkYiLz4KPHBhdGggZD0iTTIzLjc3OTQgOC4yMjQ0OEMyMy43MDk3IDguMTU0NjkgMjMuNjI2OSA4LjA5OTMzIDIzLjUzNTggOC4wNjE1NUMyMy40NDQ3IDguMDIzNzggMjMuMzQ3MSA4LjAwNDMzIDIzLjI0ODQgOC4wMDQzM0MyMy4xNDk4IDguMDA0MzMgMjMuMDUyMiA4LjAyMzc4IDIyLjk2MTEgOC4wNjE1NUMyMi44Njk5IDguMDk5MzMgMjIuNzg3MiA4LjE1NDY5IDIyLjcxNzUgOC4yMjQ0OEw4LjIyNSAyMi43MTY3QzguMTE5NjggMjIuODIxNiA4LjA0NzkgMjIuOTU1NCA4LjAxODc3IDIzLjEwMTJDNy45ODk2NCAyMy4yNDcgOC4wMDQ0NyAyMy4zOTgyIDguMDYxMzkgMjMuNTM1NUM4LjExODMxIDIzLjY3MjggOC4yMTQ3NCAyMy43OTAyIDguMzM4NDYgMjMuODcyNkM4LjQ2MjE3IDIzLjk1NTEgOC42MDc1OCAyMy45OTg5IDguNzU2MjUgMjMuOTk4NUM4Ljk0ODEzIDIzLjk5ODUgOS4xNDA2MiAyMy45MjUxIDkuMjg2ODggMjMuNzc4MkwyMy43Nzk0IDkuMjg2MDRDMjMuODQ5MSA5LjIxNjM2IDIzLjkwNDQgOS4xMzM2MiAyMy45NDIyIDkuMDQyNTVDMjMuOTc5OSA4Ljk1MTQ3IDIzLjk5OTQgOC44NTM4NSAyMy45OTk0IDguNzU1MjZDMjMuOTk5NCA4LjY1NjY4IDIzLjk3OTkgOC41NTkwNSAyMy45NDIyIDguNDY3OThDMjMuOTA0NCA4LjM3NjkxIDIzLjg0OTEgOC4yOTQxNiAyMy43Nzk0IDguMjI0NDhaTTExLjU2NjkgOC4wMDk0OEM5LjYwMDMxIDguMDA5NDggOCA5LjYwOTQ4IDggMTEuNTc2NEM4IDEzLjU0MzIgOS42IDE1LjE0MzUgMTEuNTY2OSAxNS4xNDM1QzEzLjUzMzggMTUuMTQzNSAxNS4xMzQ0IDEzLjU0MzIgMTUuMTM0NCAxMS41NzY0QzE1LjEzNDQgOS42MDk0OCAxMy41MzM4IDguMDA5NDggMTEuNTY2OSA4LjAwOTQ4Wk0xMS41NjY5IDEzLjY0MTRDMTEuMDE5NCAxMy42NDA3IDEwLjQ5NDUgMTMuNDIyOSAxMC4xMDc0IDEzLjAzNThDOS43MjAzMSAxMi42NDg3IDkuNTAyNTQgMTIuMTIzOCA5LjUwMTg4IDExLjU3NjRDOS41MDI1NCAxMS4wMjg5IDkuNzIwMzEgMTAuNTA0IDEwLjEwNzQgMTAuMTE2OUMxMC40OTQ1IDkuNzI5NzkgMTEuMDE5NCA5LjUxMjAyIDExLjU2NjkgOS41MTEzNkMxMi4xMTQ0IDkuNTExOTQgMTIuNjM5MyA5LjcyOTY3IDEzLjAyNjUgMTAuMTE2OEMxMy40MTM3IDEwLjUwMzkgMTMuNjMxNSAxMS4wMjg4IDEzLjYzMjIgMTEuNTc2NEMxMy42MzE1IDEyLjEyMzkgMTMuNDEzNyAxMi42NDg4IDEzLjAyNjUgMTMuMDM1OUMxMi42MzkzIDEzLjQyMyAxMi4xMTQ0IDEzLjY0MDggMTEuNTY2OSAxMy42NDE0Wk0yMC40MzMxIDE2Ljg2MzlDMTguNDY2MiAxNi44NjM5IDE2Ljg2NTkgMTguNDYzOSAxNi44NjU5IDIwLjQzMDdDMTYuODY1OSAyMi4zOTc2IDE4LjQ2NjIgMjMuOTk3NiAyMC40MzMxIDIzLjk5NzZDMjIuNCAyMy45OTc2IDI0IDIyLjM5NzYgMjQgMjAuNDMwN0MyNCAxOC40NjM5IDIyLjQgMTYuODYzOSAyMC40MzMxIDE2Ljg2MzlaTTIwLjQzMzEgMjIuNDk1N0MxOS44ODU2IDIyLjQ5NTIgMTkuMzYwNyAyMi4yNzc0IDE4Ljk3MzUgMjEuODkwM0MxOC41ODYzIDIxLjUwMzIgMTguMzY4NSAyMC45NzgzIDE4LjM2NzggMjAuNDMwN0MxOC4zNjg0IDE5Ljg4MzIgMTguNTg2MiAxOS4zNTgyIDE4Ljk3MzQgMTguOTcxQzE5LjM2MDYgMTguNTgzOCAxOS44ODU1IDE4LjM2NiAyMC40MzMxIDE4LjM2NTRDMjEuNTcxNiAxOC4zNjU0IDIyLjQ5ODEgMTkuMjkyIDIyLjQ5ODEgMjAuNDMwN0MyMi40OTgxIDIxLjU2OTUgMjEuNTcxOSAyMi40OTU3IDIwLjQzMzEgMjIuNDk1N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.catalogElSaleText {
  position: absolute;
  bottom: 24px;
  left: 8px;
  z-index: 5;
  display: block;
  background: #9F272F;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 10px;
  font-weight: 700;
  border-radius: 999px;
  transform: translateY(50%);
}
@media all and (max-width: 767px) {
  .catalogElSaleText {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
@media all and (max-width: 360px) {
  .catalogElSaleText {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.catalogElSale ~ .catalogElSaleText {
  left: 48px;
}
.catalogElTitle {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.catalogElTitle a {
  color: #041C2C;
  text-decoration: none;
}
.catalogElTitle a:hover {
  color: #041C2C;
  text-decoration: underline;
}
.catalogElPrice {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #57677a;
}
.catalogElPriceOld {
  position: relative;
  margin-right: 6px;
}
html[lang=ru] .catalogElPriceOld:before {
  content: "";
  display: block;
  position: absolute;
  top: 53%;
  left: 0;
  background-color: #aeaeae;
  width: calc(100% + 2px);
  height: 1px;
}
html[lang=ru] .catalogElPriceOld:after {
  content: " ₽";
}
html[lang=en] .catalogElPriceOld:after {
  content: "";
  display: block;
  position: absolute;
  top: 53%;
  left: 0;
  background-color: #aeaeae;
  width: calc(100% + 2px);
  height: 1px;
}
html[lang=en] .catalogElPriceOld:before {
  content: "$ ";
}
.catalogElPriceCurrent:after {
  content: " ₽";
}
html[lang=en] .catalogElPriceCurrent:after {
  display: none;
}
html[lang=en] .catalogElPriceCurrent:before {
  content: "$ ";
}
.catalogElPriceOld + .catalogElPriceCurrent {
  color: #b9192b;
}
.catalogElColor {
  font-size: 0;
  line-height: 0;
  word-spacing: 0;
  letter-spacing: 0;
  margin: 8px 0 0 0;
}
.catalogElColorItem {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  border: 3px solid #fff;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.catalogElColorItem.bg_white:before, .catalogElColorItem[data-border]:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  z-index: 2;
  content: "";
  border: solid 1px #e7e7e7;
  border-radius: 50%;
}
.catalogElColorItem.colors-list__link_selected {
  border: 3px solid #fff;
}
.catalogElColorItem.active:after, .catalogElColorItem.colors-list__link_selected:after {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 1;
  content: "";
  border: solid 1px #041C2C;
  border-radius: 50%;
}
.box--26 .catalogElImg {
  margin: 0 0 4px 0;
}
.box--26 .catalogElInner {
  padding: 0 4px;
}
.box--26 .catalogElTitle {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #05172D;
}
.box--26 .catalogElPrice {
  font-size: 13px;
  line-height: 18px;
}
.catalogFw .catalogList {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media all and (min-width: 768px) {
  .catalogFw .catalogList {
    gap: 30px;
  }
}
.catalogFw .catalogEl {
  border: none;
  width: calc(50% - 5px);
  /*@media all and (min-width: 1800px) {
      width: calc(14.28% - 26px);
  }*/
}
@media all and (min-width: 768px) {
  .catalogFw .catalogEl {
    width: calc(25% - 23px);
  }
}
@media all and (min-width: 1280px) {
  .catalogFw .catalogEl {
    width: calc(20% - 24px);
  }
}
@media all and (min-width: 1400px) {
  .catalogFw .catalogEl {
    width: calc(16.6666% - 25px);
  }
}
.catalog_x6 .splide__slide--clone, .catalog_x5 .splide__slide--clone, .catalog_x4 .splide__slide--clone, .catalog_x3 .splide__slide--clone, .catalog_lt3 .splide__slide--clone {
  visibility: hidden;
  opacity: 0;
}
@media all and (min-width: 1281px) {
  .catalog_x5.catalogViewedSlider .splide__pagination, .catalog_x6.catalogViewedSlider .splide__pagination {
    display: none !important;
  }
  .catalog_x5.catalogViewedSlider .splide__arrow, .catalog_x6.catalogViewedSlider .splide__arrow {
    display: none !important;
  }
}
@media all and (min-width: 768px) and (max-width: 1280px) {
  .catalog_x4.catalogViewedSlider .splide__pagination, .catalog_x3.catalogViewedSlider .splide__pagination {
    display: none !important;
  }
  .catalog_x4.catalogViewedSlider .splide__arrow, .catalog_x3.catalogViewedSlider .splide__arrow {
    display: none !important;
  }
}
@media all and (min-width: 768px) {
  .catalog_x4:not(.catalogViewedSlider) .splide__pagination, .catalog_x3:not(.catalogViewedSlider) .splide__pagination {
    display: none !important;
  }
  .catalog_x4:not(.catalogViewedSlider) .splide__arrow, .catalog_x3:not(.catalogViewedSlider) .splide__arrow {
    display: none !important;
  }
}
.catalog_lt3 .splide__pagination {
  display: none !important;
}
.catalog_lt3 .splide__arrow {
  display: none !important;
}
.catalogSlider {
  margin: 0 -12px;
}
.catalogSlider .catalogEl {
  border-width: 12px;
}
.catalogSliderFw {
  margin: 0 -15px;
}
.catalogSliderFw .catalogEl {
  border-width: 0 15px;
}
@media all and (max-width: 768px) {
  .catalog {
    /*		&SliderFw {
                margin: 0 -5px;
            }
            &SliderFw &El {
                border-width: 5px;
            }*/
  }
  .catalogSliderFw {
    margin: 0 -15px;
    padding: 0 10px;
  }
  .catalogList {
    margin: 0 -8px;
  }
  .catalogEl {
    border: #fff solid 8px;
  }
  .catalogElLabelsEl {
    font-size: 11px;
    padding: 2px 4px;
  }
  .catalogSliderFw .catalogList {
    margin: 0 -5px;
  }
  .catalogSliderFw .catalogEl {
    border: #fff solid 5px;
    border-width: 0 5px;
  }
}

.catalogCounter {
  margin: 16px 0 24px 0;
  font-size: 12px;
  line-height: 20px;
}
@media all and (max-width: 959px) {
  .catalogCounter {
    display: none;
  }
}
.catalogOptions {
  margin: 44px 0 0 0;
}

.pageContentOptions {
  margin: 24px 0;
}

.pageContentHeader {
  display: flex;
  justify-content: space-between;
}
.pageViewOptions {
  margin: 40px 0 0 0;
  text-align: center;
  padding: 0 250px;
  position: relative;
}
@media all and (max-width: 959px) {
  .pageViewOptions {
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
}
@media all and (max-width: 600px) {
  .pageViewOptions {
    display: block;
  }
}

.pagination {
  display: flex;
  justify-content: center;
}
.paginationEl, .paginationSep {
  min-width: 20px;
  text-align: center;
  height: 32px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 30px;
  color: #000;
  padding: 0 4px;
  text-decoration: none;
}
.paginationEl:hover, .paginationSep:hover {
  text-decoration: underline;
}
.paginationEl.active, .paginationSep.active {
  cursor: default;
  text-decoration: underline;
  font-weight: 700;
}
.paginationNext, .paginationPrev {
  margin: 0 8px;
  border: 1px solid #000000;
  width: 35px;
  height: 32px;
  cursor: pointer;
  position: relative;
}
.paginationNext:after, .paginationPrev:after {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 44%;
  left: 50%;
  content: "";
  display: block;
  border: solid 1px #000;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg) translate(-50%, -50%);
  transform-origin: center;
}
.paginationPrev:after {
  transform: rotate(135deg);
}

.pageView {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  line-height: 24px;
}
@media all and (max-width: 959px) {
  .pageView {
    position: static;
    top: auto;
    right: auto;
  }
}
@media all and (max-width: 600px) {
  .pageView {
    margin: 20px 0 0 0;
    display: none;
  }
}
.pageView span {
  padding: 4px 0;
  display: inline-block;
  vertical-align: top;
}
.pageView select {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #575757;
  margin: 0px 8px;
  width: 40px;
  appearance: none;
  text-align: center;
  height: 32px;
  font-size: 14px;
  line-height: 24px;
  background: #fff;
  padding: 3px 0;
}

.suggestions-promo {
  display: none !important;
}

.breadCrumbs {
  margin-top: 16px;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #A9B1BB;
  display: flex;
  flex-wrap: wrap;
}
.breadCrumbs a {
  color: #A9B1BB;
  text-decoration: none;
}
.breadCrumbs a:hover {
  text-decoration: none;
  color: #041C2C;
}
.breadCrumbs a:active {
  text-decoration: underline;
  color: #041C2C;
}
.breadCrumbsEl {
  padding: 0 32px 0 0;
  color: #A9B1BB;
  display: inline-block;
  position: relative;
}
.breadCrumbsEl:after {
  width: 6px;
  height: 12px;
  position: absolute;
  top: 3px;
  right: 13px;
  content: "";
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDYgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4xNDY0NDcgMTEuMzUzNkMtMC4wNDg4MTU2IDExLjE1ODMgLTAuMDQ4ODE1NiAxMC44NDE3IDAuMTQ2NDQ3IDEwLjY0NjRMNC43OTI4OSA2TDAuMTQ2NDQ2IDEuMzUzNTVDLTAuMDQ4ODE2IDEuMTU4MjkgLTAuMDQ4ODE2IDAuODQxNzA5IDAuMTQ2NDQ2IDAuNjQ2NDQ2QzAuMzQxNzA4IDAuNDUxMTg0IDAuNjU4MjkxIDAuNDUxMTg0IDAuODUzNTUzIDAuNjQ2NDQ2TDUuODUzNTUgNS42NDY0NUM2LjA0ODgyIDUuODQxNzEgNi4wNDg4MiA2LjE1ODI5IDUuODUzNTUgNi4zNTM1NUwwLjg1MzU1MyAxMS4zNTM2QzAuNjU4MjkxIDExLjU0ODggMC4zNDE3MDkgMTEuNTQ4OCAwLjE0NjQ0NyAxMS4zNTM2WiIgZmlsbD0iI0E5QjFCQiIvPgo8L3N2Zz4K);
}
.breadCrumbsEl:last-child {
  padding: 0;
}
.breadCrumbsEl:last-child:after {
  display: none;
}
@media all and (max-width: 767px) {
  .breadCrumbs {
    margin-bottom: 20px;
  }
}

.card {
  display: flex;
  justify-content: space-between;
  height: auto;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.card .js-image-zoom__zoomed-area {
  z-index: 6;
}
.card .cardMediaZoomBox {
  position: relative;
}
.card .cardMediaZoom {
  position: absolute;
  left: calc(100% + 20px) !important;
  top: 60px !important;
  right: auto !important;
  display: block;
  z-index: 5;
}
.card .cardMediaZoom .js-image-zoom__zoomed-image {
  width: 480px !important;
  height: 480px !important;
  position: absolute;
  top: 0 !important;
  transform: none !important;
  left: 0 !important;
  right: auto !important;
  background-color: #fff !important;
}
@media all and (max-width: 1200px) {
  .card .cardMediaZoom {
    display: none !important;
  }
}
.card .js-image-zoom__zoomed-area {
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #D5D3D2 !important;
}
@media all and (max-width: 1200px) {
  .card .js-image-zoom__zoomed-area {
    display: none !important;
  }
}
.cardLabels {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 4;
}
.cardLabelsEl {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 8px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
  color: #fff;
  background: #041C2C;
}
.cardLabelsEl_new {
  background: #56835F;
}
.cardSale {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  z-index: 4;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM5RjI3MkYiLz4KPHBhdGggZD0iTTIzLjc3OTQgOC4yMjQ0OEMyMy43MDk3IDguMTU0NjkgMjMuNjI2OSA4LjA5OTMzIDIzLjUzNTggOC4wNjE1NUMyMy40NDQ3IDguMDIzNzggMjMuMzQ3MSA4LjAwNDMzIDIzLjI0ODQgOC4wMDQzM0MyMy4xNDk4IDguMDA0MzMgMjMuMDUyMiA4LjAyMzc4IDIyLjk2MTEgOC4wNjE1NUMyMi44Njk5IDguMDk5MzMgMjIuNzg3MiA4LjE1NDY5IDIyLjcxNzUgOC4yMjQ0OEw4LjIyNSAyMi43MTY3QzguMTE5NjggMjIuODIxNiA4LjA0NzkgMjIuOTU1NCA4LjAxODc3IDIzLjEwMTJDNy45ODk2NCAyMy4yNDcgOC4wMDQ0NyAyMy4zOTgyIDguMDYxMzkgMjMuNTM1NUM4LjExODMxIDIzLjY3MjggOC4yMTQ3NCAyMy43OTAyIDguMzM4NDYgMjMuODcyNkM4LjQ2MjE3IDIzLjk1NTEgOC42MDc1OCAyMy45OTg5IDguNzU2MjUgMjMuOTk4NUM4Ljk0ODEzIDIzLjk5ODUgOS4xNDA2MiAyMy45MjUxIDkuMjg2ODggMjMuNzc4MkwyMy43Nzk0IDkuMjg2MDRDMjMuODQ5MSA5LjIxNjM2IDIzLjkwNDQgOS4xMzM2MiAyMy45NDIyIDkuMDQyNTVDMjMuOTc5OSA4Ljk1MTQ3IDIzLjk5OTQgOC44NTM4NSAyMy45OTk0IDguNzU1MjZDMjMuOTk5NCA4LjY1NjY4IDIzLjk3OTkgOC41NTkwNSAyMy45NDIyIDguNDY3OThDMjMuOTA0NCA4LjM3NjkxIDIzLjg0OTEgOC4yOTQxNiAyMy43Nzk0IDguMjI0NDhaTTExLjU2NjkgOC4wMDk0OEM5LjYwMDMxIDguMDA5NDggOCA5LjYwOTQ4IDggMTEuNTc2NEM4IDEzLjU0MzIgOS42IDE1LjE0MzUgMTEuNTY2OSAxNS4xNDM1QzEzLjUzMzggMTUuMTQzNSAxNS4xMzQ0IDEzLjU0MzIgMTUuMTM0NCAxMS41NzY0QzE1LjEzNDQgOS42MDk0OCAxMy41MzM4IDguMDA5NDggMTEuNTY2OSA4LjAwOTQ4Wk0xMS41NjY5IDEzLjY0MTRDMTEuMDE5NCAxMy42NDA3IDEwLjQ5NDUgMTMuNDIyOSAxMC4xMDc0IDEzLjAzNThDOS43MjAzMSAxMi42NDg3IDkuNTAyNTQgMTIuMTIzOCA5LjUwMTg4IDExLjU3NjRDOS41MDI1NCAxMS4wMjg5IDkuNzIwMzEgMTAuNTA0IDEwLjEwNzQgMTAuMTE2OUMxMC40OTQ1IDkuNzI5NzkgMTEuMDE5NCA5LjUxMjAyIDExLjU2NjkgOS41MTEzNkMxMi4xMTQ0IDkuNTExOTQgMTIuNjM5MyA5LjcyOTY3IDEzLjAyNjUgMTAuMTE2OEMxMy40MTM3IDEwLjUwMzkgMTMuNjMxNSAxMS4wMjg4IDEzLjYzMjIgMTEuNTc2NEMxMy42MzE1IDEyLjEyMzkgMTMuNDEzNyAxMi42NDg4IDEzLjAyNjUgMTMuMDM1OUMxMi42MzkzIDEzLjQyMyAxMi4xMTQ0IDEzLjY0MDggMTEuNTY2OSAxMy42NDE0Wk0yMC40MzMxIDE2Ljg2MzlDMTguNDY2MiAxNi44NjM5IDE2Ljg2NTkgMTguNDYzOSAxNi44NjU5IDIwLjQzMDdDMTYuODY1OSAyMi4zOTc2IDE4LjQ2NjIgMjMuOTk3NiAyMC40MzMxIDIzLjk5NzZDMjIuNCAyMy45OTc2IDI0IDIyLjM5NzYgMjQgMjAuNDMwN0MyNCAxOC40NjM5IDIyLjQgMTYuODYzOSAyMC40MzMxIDE2Ljg2MzlaTTIwLjQzMzEgMjIuNDk1N0MxOS44ODU2IDIyLjQ5NTIgMTkuMzYwNyAyMi4yNzc0IDE4Ljk3MzUgMjEuODkwM0MxOC41ODYzIDIxLjUwMzIgMTguMzY4NSAyMC45NzgzIDE4LjM2NzggMjAuNDMwN0MxOC4zNjg0IDE5Ljg4MzIgMTguNTg2MiAxOS4zNTgyIDE4Ljk3MzQgMTguOTcxQzE5LjM2MDYgMTguNTgzOCAxOS44ODU1IDE4LjM2NiAyMC40MzMxIDE4LjM2NTRDMjEuNTcxNiAxOC4zNjU0IDIyLjQ5ODEgMTkuMjkyIDIyLjQ5ODEgMjAuNDMwN0MyMi40OTgxIDIxLjU2OTUgMjEuNTcxOSAyMi40OTU3IDIwLjQzMzEgMjIuNDk1N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.cardSaleText {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  display: block;
  background: #9F272F;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 10px;
  font-weight: 700;
  border-radius: 999px;
}
@media all and (max-width: 767px) {
  .cardSaleText {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.cardSale ~ .cardSaleText {
  top: 56px;
}
.cardMedia {
  z-index: 2;
  align-self: flex-start;
  position: relative;
  width: 668px;
  /*    &Preview {
        width: 100%;
        padding: 0 24px;
        float: none;
        //margin: 0 24px;
        order: 2;
        margin: 50px 0 0 0;

        &List {
          padding: 2px 0 !important;
        }

        .splide__arrows {
        }

        .splide__arrow {
          width: 16px;
          height: 16px;
          background-color: transparent;
          background-size: 16px 16px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjI4MDMzIDAuOTY5NjdDOS41NzMyMiAxLjI2MjU2IDkuNTczMjIgMS43Mzc0NCA5LjI4MDMzIDIuMDMwMzNMMi4zMTA2NiA5TDkuMjgwMzMgMTUuOTY5N0M5LjU3MzIyIDE2LjI2MjYgOS41NzMyMiAxNi43Mzc0IDkuMjgwMzMgMTcuMDMwM0M4Ljk4NzQ0IDE3LjMyMzIgOC41MTI1NiAxNy4zMjMyIDguMjE5NjcgMTcuMDMwM0wwLjcxOTY3IDkuNTMwMzNDMC40MjY3NzcgOS4yMzc0NCAwLjQyNjc3NyA4Ljc2MjU2IDAuNzE5NjcgOC40Njk2N0w4LjIxOTY3IDAuOTY5NjdDOC41MTI1NiAwLjY3Njc3NyA4Ljk4NzQ0IDAuNjc2Nzc3IDkuMjgwMzMgMC45Njk2N1oiIGZpbGw9IiMwNDFDMkMiLz4KPC9zdmc+Cg==);
          transform: none !important;
          margin: 0 0 0 -8px;

          svg {
            display: none;
          }

          &--prev {
            transform-origin: center !important;
            transform: rotate(90deg) !important;
            top: 50% !important;
            left: 0 !important;
            margin: -8px 0 0 0 !important;
          }

          &--next {
            transform: rotate(-90deg) !important;
            top: 50% !important;
            left: auto !important;
            right: 0 !important;
            margin: -8px 0 0 0 !important;
            bottom: auto !important;
          }

        }

        &El {
          text-align: center;
          vertical-align: middle;
          overflow: hidden;
          border: none !important;
          border-radius: 0px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain !important;
          !*
                  &[data-video]:after {
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    top: 50%;
                    left: 50%;
                    margin: -12px 0 0 -12px;
                      background-color: #424242;
                    background-image: inline("play.svg");
                    background-repeat: no-repeat;
                    background-position: 7px 5px;
                    background-size: 12px 14px;
                    border-radius: 50%;
                    content: "";
                  }*!

          &:after {
            display: block;
            padding: 125% 0 0 0;
            content: "";
          }
          &:before {
            border: 1px solid #000;
            border-radius: 0;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transition: all 0.5s;
            display: block;
            opacity: 0;
          }

          &:hover:before {
            display: block;
            opacity: 1;
          }

          &.is-active:before {
            border: 2px solid #000;
            display: block;
            opacity: 1;
            background: rgba(0, 0, 0, 0.05);
          }

          &.is-active {
            //filter: blur(1px);
            //-webkit-filter: blur(1px);
          }

          img {
            max-width: 56px;
            max-height: 56px;
            width: auto;
            height: auto;
            display: inline-block;
            text-align: center;
            line-height: 56px;
            vertical-align: middle;
          }
        }
      }*/
}
.cardMedia .splide__arrow {
  display: block;
  opacity: 1;
  width: 32px;
  background: #fff;
  height: 32px;
  position: absolute;
  top: 50%;
  border-radius: 0;
  margin: -16px 0 0 0;
}
@media all and (max-width: 767px) {
  .cardMedia .splide__arrow {
    display: none !important;
  }
}
.cardMedia .splide__arrow:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjI4MDMzIDAuOTY5NjdDOS41NzMyMiAxLjI2MjU2IDkuNTczMjIgMS43Mzc0NCA5LjI4MDMzIDIuMDMwMzNMMi4zMTA2NiA5TDkuMjgwMzMgMTUuOTY5N0M5LjU3MzIyIDE2LjI2MjYgOS41NzMyMiAxNi43Mzc0IDkuMjgwMzMgMTcuMDMwM0M4Ljk4NzQ0IDE3LjMyMzIgOC41MTI1NiAxNy4zMjMyIDguMjE5NjcgMTcuMDMwM0wwLjcxOTY3IDkuNTMwMzNDMC40MjY3NzcgOS4yMzc0NCAwLjQyNjc3NyA4Ljc2MjU2IDAuNzE5NjcgOC40Njk2N0w4LjIxOTY3IDAuOTY5NjdDOC41MTI1NiAwLjY3Njc3NyA4Ljk4NzQ0IDAuNjc2Nzc3IDkuMjgwMzMgMC45Njk2N1oiIGZpbGw9IiMwNDFDMkMiLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: -9px 0 0 -5px;
  content: "";
}
.cardMedia .splide__arrow svg {
  display: none;
}
.cardMedia .splide__arrow--next {
  right: 0px;
}
.cardMedia .splide__arrow--next:after {
  transform: rotate(180deg);
  transform-origin: center center;
}
.cardMedia .splide__arrow--prev {
  left: 0px;
}
.cardMediaMain {
  text-align: center;
  border: none !important;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: auto;
}
.cardMediaMain .splide__arrow {
  display: block;
}
.cardMediaMainEl {
  text-align: center;
  vertical-align: top;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: auto !important;
  line-height: inherit;
}
.cardMediaMainEl:after {
  display: block;
  padding: 143% 0 0 0;
  content: "";
}
.cardMediaMainEl img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
}
.card > .cardHead {
  display: none;
}
.cardInfo {
  position: relative;
  width: 553px;
  z-index: 1;
}
.cardName {
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
  padding: 0;
  margin: 0;
}
.cardId {
  font-size: 14px;
  line-height: 24px;
  color: #A9B1BB;
  margin: 0 0 24px 0;
}
.cardPriceCurrent {
  font-weight: bold;
  font-size: 26px;
  margin: 0 24px 0 0;
  line-height: 32px;
  display: inline-block;
}
.cardPriceCurrent:after {
  content: " ₽";
}
html[lang=en] .cardPriceCurrent:after {
  display: none;
}
html[lang=en] .cardPriceCurrent:before {
  content: "$ ";
}
.cardPriceOld {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  color: #A9B1BB;
  display: inline-block;
}
html[lang=ru] .cardPriceOld:before {
  content: "";
  display: block;
  position: absolute;
  top: 53%;
  left: 0;
  background-color: #AEAEAE;
  width: calc(100% + 2px);
  height: 1px;
}
html[lang=ru] .cardPriceOld:after {
  content: " ₽";
}
html[lang=en] .cardPriceOld:after {
  content: "";
  display: block;
  position: absolute;
  top: 53%;
  left: 0;
  background-color: #AEAEAE;
  width: calc(100% + 2px);
  height: 1px;
}
html[lang=en] .cardPriceOld:before {
  content: "$ ";
}
@media all and (max-width: 767px) {
  .cardPrice {
    order: 1;
    margin: 0 0 16px 0;
  }
}
.cardBuy {
  display: block;
}
.cardBuyBottom {
  margin: 24px 0 0 0;
  border-top: solid 1px #DDE0E4;
  align-items: center;
  padding: 24px 0 0 0;
  display: flex;
}
@media all and (max-width: 767px) {
  .cardBuyBottom {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
  }
}
.cardBuySubmit {
  margin: 0 40px 0 0;
}
@media all and (max-width: 767px) {
  .cardBuySubmit {
    order: 2;
    margin: 0;
    width: 100%;
  }
}
.cardColor {
  display: block;
  margin: 24px 0 0 0;
  position: relative;
  /*    &El {
        width: 48px;
        height: 24px;
        margin: 4px;
        input {
          display: block;
          width: 10px;
          height: 10px;
          position: relative;
          opacity: 0;
        }
        label {
          width: 48px;
          height: 24px;
          margin: -10px 0 0 0;
          display: block;
          position: relative;
          z-index: 2;
          cursor: pointer;

          &[data-border] {
            border: solid 1px #e5e5e5;
          }
        }

        span {
          display: none;
          font-size: 14px;
          line-height: 24px;
          position: absolute;
          top: 0;
          left: 0;
        }

        input:checked + label {
          cursor: default;
          &:after {
            position: absolute;
            content: "";
            border: solid 2px #000;
            left: -3px;
            top: -3px;
            right: -3px;
            bottom: -3px;
            display: block;
          }
        }
        input:disabled + label {
          overflow: hidden;
          cursor: default;
          &:after {
            border: 1px solid #fff;
            height: 2px;
            background: #B9192B;
            position: absolute;
            content: "";
            left: -20px;
            top: 50%;
            right: -20px;
            transform-origin: center;
            transform: rotate(-26deg);
            margin: -2px 0 0 0;
            display: block;
          }
        }
        input:checked + label + span {
          display: block;
        }
      }*/
}
.cardColorTitle {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 12px 0;
}
.cardColorList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.cardColorEl {
  width: 40px;
  height: 40px;
  margin: 4px;
  position: relative;
  border: solid 3px #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
}
.cardColorEl.bg_white:after {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  z-index: 2;
  content: "";
  border: solid 1px #E7E7E7;
  border-radius: 50%;
}
.cardColorEl.active:after {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  content: "";
  border: solid 1px #041C2C;
  border-radius: 50%;
}
.cardColorEl.disabled {
  overflow: hidden;
  cursor: default;
}
.cardColorEl.disabled:after {
  border: 1px solid #fff;
  height: 4px;
  background: #B9192B;
  position: absolute;
  content: "";
  left: -20px;
  top: 50%;
  right: -20px;
  transform-origin: center;
  transform: rotate(-46deg);
  margin: -2px 0 0 0;
  display: block;
}
.cardSize {
  display: block;
  margin: 24px 0 0 0;
  border-top: solid 1px #DDE0E4;
  padding: 24px 0 0 0;
}
.cardSizeTitle {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.cardSizeHeader {
  margin: 24px 0 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cardSizeHeader:first-child {
  margin-top: 0;
}
.cardSizeHeaderInfo {
  font-size: 14px;
  line-height: 24px;
  color: #041C2C;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: underline;
}
.cardSizeHeaderInfo:hover {
  text-decoration: none;
}
.cardSizePanel {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 8px);
  margin: 0 0 0 -4px;
}
.cardSizeEl {
  width: calc(16.6666% - 8px);
  height: 40px;
  margin: 4px;
  position: relative;
}
@media all and (max-width: 639px) {
  .cardSizeEl {
    width: calc(20% - 8px);
  }
}
@media all and (max-width: 479px) {
  .cardSizeEl {
    width: calc(25% - 8px);
  }
}
.cardSizeEl input {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}
.cardSizeEl label {
  width: 100%;
  height: 40px;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 9px 0;
  text-align: center;
  color: #041C2C;
  position: relative;
  z-index: 2;
  border: solid 1px #DDE0E4;
  cursor: pointer;
}
.cardSizeEl input:checked + label {
  border-color: #041C2C;
  cursor: default;
}
.cardSizeEl input:disabled + label {
  overflow: hidden;
  cursor: default;
  background: #FAFAFA;
  color: #DDE0E4;
  /*   &:after {
       border: 1px solid #fff;
       height: 2px;
       background: #B9192B;
       position: absolute;
       content: "";
       left: -20px;
       top: 50%;
       right: -20px;
       transform-origin: center;
       transform: rotate(-26deg);
       margin: -1px 0 0 0;
       display: block;
     }*/
}
@media all and (max-width: 767px) {
  .cardSize {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.cardFav {
  text-align: center;
  margin: 12px 0 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  text-transform: uppercase;
}
.cardFav span, .cardFav i {
  display: inline-block;
  vertical-align: top;
}
.cardFav i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMzAwMSAwLjY2NjY2N0MxMy4zODk1IDAuNjY2NjY3IDE1LjAwMDEgMi4yNzY3MiAxNS4wMDAxIDQuMzY0NjhDMTUuMDAwMSA1LjY0ODIxIDE0LjQyODYgNi44MzkyIDEzLjM1MjYgOC4xNDc2N0MxMi4yNzMzIDkuNDYwMiAxMC43MTk1IDEwLjg1MjIgOC44MDg0IDEyLjU0Mkw4LjAwMDA4IDEzLjIyOTJMNy4xOTE3NiAxMi41NDJDNS4yODA2MiAxMC44NTIyIDMuNzI2ODcgOS40NjAyIDIuNjQ3NTQgOC4xNDc2N0MxLjU3MTU2IDYuODM5MiAxLjAwMDA4IDUuNjQ4MjEgMS4wMDAwOCA0LjM2NDY4QzEuMDAwMDggMi4yNzY3MiAyLjYxMDY5IDAuNjY2NjY3IDQuNzAwMDggMC42NjY2NjdDNi4xNTI0NiAwLjY2NjY2NyA2LjkxOTEzIDEuNTcyMzMgNy43MzM1NiAyLjUzNDRMNy43NDU2NyAyLjU0ODcxQzcuODA5MDEgMi42MjM1MiA3LjkwMjA2IDIuNjY2NjcgOC4wMDAwOCAyLjY2NjY3QzguMDk4MSAyLjY2NjY3IDguMTkxMTYgMi42MjM1MiA4LjI1NDQ5IDIuNTQ4NzFMOC4yNjY2IDIuNTM0NEM5LjA4MTAzIDEuNTcyMzMgOS44NDc3IDAuNjY2NjY3IDExLjMwMDEgMC42NjY2NjdaTTE1LjY2NjcgNC4zNjQ2OEMxNS42NjY3IDEuOTA4MjIgMTMuNzU3NCAwIDExLjMwMDEgMEM5LjY4MTM5IDAgOC43NDgwMyAwLjk0NjQ3MyA4LjAwMDA4IDEuODE4MjJDNy4yNTIxMyAwLjk0NjQ3MyA2LjMxODc3IDAgNC43MDAwOCAwQzIuMjQyODEgMCAwLjMzMzQxNCAxLjkwODIyIDAuMzMzNDE0IDQuMzY0NjhDMC4zMzM0MTQgNS44NjY0NiAxLjAwODYgNy4yMDQyMiAyLjEzMjYyIDguNTcxMUMzLjI1Mjg0IDkuOTMzMzYgNC44NTE1NSAxMS4zNjI3IDYuNzUyNjIgMTMuMDQzNkw2Ljc1NzQ3IDEzLjA0NzlMNy43ODQxOCAxMy45MjA2QzcuOTA4NjYgMTQuMDI2NSA4LjA5MTUgMTQuMDI2NSA4LjIxNTk4IDEzLjkyMDZMOS4yNDc1OSAxMy4wNDM2QzExLjE0ODcgMTEuMzYyOCAxMi43NDczIDkuOTMzMzYgMTMuODY3NSA4LjU3MTFDMTQuOTkxNiA3LjIwNDIyIDE1LjY2NjcgNS44NjY0NiAxNS42NjY3IDQuMzY0NjhaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 14px;
  margin: 2px 8px 0 0;
}
.cardFav.active i, .cardFav.is-active i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMuNSA3LjA0NzAzQzIzLjUgMy4zNjIzMyAyMC42MzU5IDAuNSAxNi45NSAwLjVDMTQuNTIyIDAuNSAxMy4xMjE5IDEuOTE5NzEgMTIgMy4yMjczM0MxMC44NzgxIDEuOTE5NzEgOS40NzgwNCAwLjUgNy4wNSAwLjVDMy4zNjQwOSAwLjUgMC41IDMuMzYyMzMgMC41IDcuMDQ3MDNDMC41IDkuMjk5NjkgMS41MTI3OCAxMS4zMDYzIDMuMTk4ODEgMTMuMzU2N0M0Ljg3OTEzIDE1LjQgNy4yNzcyMSAxNy41NDQxIDEwLjEyODggMjAuMDY1NEwxMC4xMzYxIDIwLjA3MThMMTEuNjc2MSAyMS4zODA5QzExLjg2MjkgMjEuNTM5NyAxMi4xMzcxIDIxLjUzOTcgMTIuMzIzOSAyMS4zODA5TDEzLjg3MTMgMjAuMDY1NUMxNi43MjI5IDE3LjU0NDEgMTkuMTIwOSAxNS40IDIwLjgwMTIgMTMuMzU2N0MyMi40ODcyIDExLjMwNjMgMjMuNSA5LjI5OTY5IDIzLjUgNy4wNDcwM1oiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==);
}
.cardText {
  font-size: 14px;
  line-height: 24px;
  margin: 24px 0 0 0;
}
.cardText > * {
  margin: 0;
}
.cardAcc {
  margin: 24px 0 0 0;
}
.cardAccEl {
  border-top: solid 1px #DDE0E4;
}
.cardAccElTitle {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 24px 40px 24px 0;
  position: relative;
}
.cardAccElTitle:after {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUgMTMuMjVDNi4yNSAxMy42NjQyIDYuNTg1NzkgMTQgNyAxNEM3LjQxNDIxIDE0IDcuNzUgMTMuNjY0MiA3Ljc1IDEzLjI1VjcuNzVIMTMuMjVDMTMuNjY0MiA3Ljc1IDE0IDcuNDE0MjEgMTQgN0MxNCA2LjU4NTc5IDEzLjY2NDIgNi4yNSAxMy4yNSA2LjI1SDcuNzVWMC43NUM3Ljc1IDAuMzM1Nzg2IDcuNDE0MjEgMCA3IDBDNi41ODU3OSAwIDYuMjUgMC4zMzU3ODYgNi4yNSAwLjc1VjYuMjVIMC43NUMwLjMzNTc4NiA2LjI1IDAgNi41ODU3OSAwIDdDMCA3LjQxNDIxIDAuMzM1Nzg2IDcuNzUgMC43NSA3Ljc1SDYuMjVWMTMuMjVaIiBmaWxsPSIjMDQxQzJDIi8+Cjwvc3ZnPgo=);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  content: "";
  position: absolute;
  top: 24px;
  right: 0;
}
.cardAccElContent {
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s;
}
.cardAccEl.active .cardAccElTitle:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDFDMCAwLjU4NTc4NiAwLjMzNTc4NiAwLjI1IDAuNzUgMC4yNUgxMy4yNUMxMy42NjQyIDAuMjUgMTQgMC41ODU3ODYgMTQgMUMxNCAxLjQxNDIxIDEzLjY2NDIgMS43NSAxMy4yNSAxLjc1SDAuNzVDMC4zMzU3ODYgMS43NSAwIDEuNDE0MjEgMCAxWiIgZmlsbD0iI0E5QjFCQiIvPgo8L3N2Zz4K);
  background-size: 14px 2px;
}
.cardAccEl.active .cardAccElContent {
  max-height: 1500px;
  padding-bottom: 20px;
}
@media all and (max-width: 1400px) {
  .cardMedia {
    width: 50%;
  }
  .cardInfo {
    width: 50%;
    padding-left: 40px;
  }
}
@media all and (max-width: 959px) {
  .card {
    display: block;
  }
  .cardHead {
    display: block;
  }
  .card > .cardHead {
    display: block;
  }
  .cardMedia {
    float: none;
    width: 100%;
    top: 0;
    position: relative;
  }
  .cardMediaPreview {
    display: none;
  }
  .cardHead {
    width: 100%;
    margin: 24px 0 0 0;
    float: none;
  }
  .cardInfo {
    width: 100%;
    padding-left: 0;
    float: none;
  }
}
@media all and (max-width: 767px) {
  .cardMedia {
    margin: 0 -16px;
    width: auto;
  }
  .cardName {
    font-size: 20px;
    line-height: 24px;
  }
  .cardAccEl {
    margin: 0 -16px;
  }
  .cardAccElTitle {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    text-transform: none;
    padding-left: 16px;
  }
  .cardAccElTitle:after {
    top: 16px;
    right: 16px;
  }
  .cardAccElContent {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.infoList {
  display: table;
  width: 100%;
}
.infoListEl {
  display: table-row;
}
.infoListEl > div {
  display: table-cell;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0 0 0;
}
.infoListEl > div a {
  color: #041C2C;
  text-decoration: underline;
}
.infoListEl > div a:hover {
  text-decoration: none;
  color: #041C2C;
}
.infoListEl > div + div {
  padding-left: 10px;
}
.infoListEl > div:first-child {
  width: 174px;
  font-weight: 700;
}
@media all and (max-width: 767px) {
  .infoList {
    display: block;
  }
  .infoListEl {
    display: block;
    padding: 8px 0 0 0;
  }
  .infoListEl > div {
    width: 100% !important;
    padding: 0;
    display: block;
  }
  .infoListEl > div + div {
    padding-left: 0px;
  }
}

.cardSizeInfo {
  display: block;
  flex-wrap: wrap;
  align-items: start;
}
.cardSizeInfo h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin: 30px 0 20px 0;
}
.cardSizeInfo h3:first-child {
  margin-top: 0;
}
.cardSizeInfoTable {
  overflow: auto;
}
.cardSizeInfoTable table {
  min-width: 650px;
}
.cardSizeInfo table {
  border-collapse: collapse;
  width: 100%;
  border: none;
}
.cardSizeInfo table th {
  font-size: 14px;
  line-height: 20px;
  background: #EFEFEF;
  font-weight: 700;
  border: solid 1px #DDE0E4;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  max-width: 130px;
}
.cardSizeInfo table td {
  font-size: 14px;
  line-height: 20px;
  background: #FFFFFF;
  border: solid 1px #DDE0E4;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
.cardSizeInfo table td[colspan="2"][rowspan="2"] {
  border: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA5MCA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02OS40NDg4IDQwLjQ2NDJMNzAuNTM1OCAzNy44NzQyTDcyLjEwNTkgMzMuNTcwOUM3Mi4xMDU5IDMzLjU3MDkgNzIuMzA3MyAzMy4wOTI3IDcxLjk4NTEgMzIuMzc1M0w2OS4xNjY5IDI3LjI3NUw2OC4wNzk5IDI1LjQ4MkM2OC4yMDA5IDIzLjk2NzkgNjkuNDQ4OCAyMC41ODExIDY5Ljc3MSAxOS45MDM4TDcyLjg3MSAxNy43OTE3TDc4LjQ2NzEgMTQuNDQ0N0w3OS4wMzA4IDE0LjIwNTVDNzkuOTk3MSAxNC4yNDUzIDgwLjg4MjcgMTQuNDA0OSA4MS43MjggMTQuNzYzM0M4Mi40NTMxIDE1LjA0MjQgODMuMDk2OSAxNS40NDA5IDgzLjg2MjEgMTUuNjAwMkM4NC41MDYyIDE1LjY0IDg0LjkwODggMTUuMDAyNiA4NS4yNzEgMTQuNjA0Qzg2LjM1ODEgMTQuNjgzNyA4Ny4yODQgMTUuNzk5MyA4OC40MTEyIDE1LjI0MThDODkuMDk1OSAxNC42ODM3IDg5LjUzODYgMTMuODg2OSA4OS45MDA4IDEzLjE2OThDODkuOTQxMiAxMi44OTA3IDkwLjEwMjIgMTIuNTcxOSA4OS45MDA4IDEyLjM3MjdDODguMDA4OCAxMC42NTkyIDg1Ljk1NTUgOC45ODU2OSA4My43ODE0IDcuODcwMDRDODIuNDEyNyA1Ljk1NzM0IDgwLjE1NzkgNS41MTg5OSA3OC41MDc1IDQuMDQ0OTFDNzcuNTAwOCAyLjg0OTM0IDc1LjI4NjcgMC4zMzg5ODUgNzUuMjg2NyAwLjMzODk4NUM3NS4wMDQ1IDAuNDU4NzM4IDc1LjE2NTkgMS4yOTUzNCA3NS4wODUyIDEuNzczNTFDNzUuMDA0OCAyLjA1MjU2IDc1LjEyNTUgMi40OTA5MSA3NC44ODQgMi42OTAwNEM3NC4xOTk2IDIuNTMwNzQgNzMuNjM1OSAyLjQ5MDkxIDcyLjk5MTggMi4yOTE3OUw3MS4yMjAzIDAuMTAwMDM3QzcwLjk3ODggMC4yNTkzMzYgNzEuMDE5MSAxLjMzNTE2IDcwLjYxNjUgMi4wOTIzOUM2OC42NDM2IDIuMDEyNzQgNjYuNzUxMyAxLjk3MjYzIDY0Ljg5OTQgMi40MTA5OUM2Mi4yMDIyIDIuMDEyNzQgNTkuMDYxOCAyLjQ5MDkxIDU2LjYwNTggMy43NjU4NkM1OS41ODUyIDMuNDQ2OTkgNjIuMjgyMyA0Ljg0MTY5IDY1LjE0MDkgNC44MDE4NkM2NC4xMzQ1IDUuMjAwMTEgNjIuOTI2NyA1LjIwMDExIDYxLjg4IDUuMDgwOTFDNTkuNjY1NiA0LjQ4Mjk5IDU2Ljk2ODEgNC4xNjQzOSA1NC42MzMyIDQuNzYyMDRDNTMuNjI2NSA1LjA0MTA5IDUyLjYyMDIgNS4zNTk2OSA1MS43NzQ2IDUuOTU3MzRDNTIuNDE4NyA1Ljk1NzM0IDUzLjA2MjggNS44Mzc4NiA1My43ODc2IDUuOTE3NTFDNTYuNjA1OCA1LjkxNzUxIDU5LjEwMTkgNy4wNzMyNiA2Mi4wMDA1IDcuMDMzMTZDNjAuODczNCA3LjQzMTY5IDU5LjQ2NDEgNy41MTEzNCA1OC4zMzcgNy4zMTIyMUM1NS44MDA2IDYuNzU0MzkgNTMuMTgzNiA2LjM1NTg2IDUwLjUyNjUgNi45MTM5NkM0OS4yMzgyIDcuMjMyNTYgNDcuOTUgNy42NzA5MSA0Ni45MDMgOC41MDc1MUM0OC43NTUyIDguMDY5MTYgNTAuNjQ3MiA4LjE0OTA5IDUyLjQ5OTQgOC4zODgwNEM1NC4yMzA2IDguODI2MzkgNTUuODQxIDkuMTg1MDkgNTcuODU0IDkuMzA0MjhDNTYuNzI2NiA5Ljc0MjkxIDU1LjYzOTUgOS43NDI5MSA1NC40NzIxIDkuNjIzMTZDNTIuMDU2NSA5LjA2NTM0IDUyLjU3OTggOC45NDU4NiA0OS42NDA5IDguOTQ1ODZDNDguMDMwNCA5LjAyNTUxIDQ0LjcyODkgOC44NjYyMSA0My42MDE4IDkuNzgyNzRDNDQuMjA1NiA5LjY2Mjk5IDQ2LjQ2MDQgMTAuMjYwOSA0Ny4wNjQxIDEwLjIyMTFDNDkuODgyNiA5LjgyMjU2IDQ5Ljk2MjggMTEuODE0OSA1Mi43ODEgMTEuOTc0MkM1Mi43MDA2IDEyLjA5NCA1Mi41Nzk4IDEyLjEzMzUgNTIuNDU5MSAxMi4xNzMzQzQ5LjE1NzYgMTMuMzY4OSA0NS42MTQ1IDE0LjMyNSA0MS45MTEgMTMuNzI3M0MzOC43MzAyIDEyLjg5MDcgMzUuMjI3NiAxMi4yNTMgMzEuODQ1OSAxMi44MTExQzI5LjQ3MDQgMTMuMzI5MSAyNy4xMzU1IDE0LjI4NTIgMjUuMDAxNCAxNS45NTg5QzIzLjE5MDEgMTQuNDg0NiAyMS4xNzY4IDEzLjU2OCAxOS4wODM0IDEyLjc3MUMxNS42MjExIDExLjQ1NjIgMTIuODAyOSAxMS4yOTY5IDkuMjE5NTEgMTIuNjExN0M3LjQ4ODM1IDEzLjIwOTMgNy42ODk3OSAxNC40MDQ5IDUuNzU3MTkgMTQuNDg0NkM1Ljc1NzE5IDE0LjQ4NDYgNC41MDkwMyAxNS4yMDE3IDQuNDY4OTcgMTUuMTYxOUMzLjIyMDgyIDE1LjQ4MDcgMi4wOTM0MiAxNS40ODA3IDAuNzY0ODYgMTUuMzIxMkwwIDE1LjIwMTdDMC4zMjIxOTUgMTUuNzU5NSAxLjE2NzQ2IDE2LjE1OCAxLjYxMDQxIDE2LjYzNTlDNC4wNjYzNyAxOC45ODcgNi4yMDAxMyAxOC4zMDk3IDkuMjE5NTEgMTcuMzUzM0M3LjQ0OCAxOC43MDgyIDYuMDc5MzggMTguODY3NSAzLjkwNTI3IDE4LjQ2OUM0LjgzMTIzIDE5LjMwNTkgNS43OTc1MyAyMC4wMjMgNi45MjQ2NSAyMC4zODE3QzkuMzAwMiAyMi42NTMxIDEyLjQ4MDcgMjIuNDUzNyAxNS42NjExIDIxLjYxNzFDMTguMzk5IDIxLjEzODkgMjEuMDU2MSAxOS42MjQ3IDIyLjIyMzUgMTkuNTA1QzIyLjM4NDYgMTkuNTA1IDIyLjYyNjEgMTkuMzA1OSAyMi42NjY1IDE5LjU0NTFDMjIuNDI1IDIwLjA2MzEgMjIuMzA0MiAyMC42NjA3IDIyLjMwNDIgMjEuMjU4NEMyMi4wNjI3IDIyLjczMjcgMjIuNzQ3MiAyMy44ODgyIDIzLjM5MTMgMjUuMDgzNUMyMy40NzE3IDI1LjI0MzEgMjMuNTkyNCAyNS40MDI0IDIzLjcxMzIgMjUuNTYxN0wyNi4wNDg0IDI4LjYyOTlDMjYuNjEyMSAzMC41MDI3IDI0LjExNTggMzEuMTQwMiAyMy41OTI0IDMyLjY5NDJDMjMuNDMxNiAzMy4zNzE1IDIzLjgzNCAzNC4wMDkgMjQuMjM2NiAzNC41NjcxQzI2LjEyMjYgMzYuMzk0NyAyNy45NDg2IDM4LjI4MTYgMjkuNzExOSA0MC4yMjVDMjkuNzkyNiA0MC4zNDQ3IDI5Ljg3MyA0MC40MjQ0IDI5Ljk1MzcgNDAuNTQzOUwzMS42ODQ4IDQ0LjQwOTFDMzIuMDQ3MSA0NC44MDczIDMyLjg1MjMgNDUuMTI2MiAzMi42OTEyIDQ1Ljc2MzdDMzIuNjEwOCA0NS44ODM0IDMxLjQ0MzMgNDYuMDAyOSAzMC45NiA0Ni40ODExQzMwLjU5NzggNDcuMDc4NyAzMi4yMDgyIDUwLjk4MzUgMzMuMDUzNSA1MS4zMDI0QzMzLjQ1NjMgNTEuMjIyNyAzMy44MTg2IDUwLjc4NDQgMzMuOTM5NCA1MC43NDQ2QzM0LjQyMjQgNTEuMzAyNCAzNC43MDQyIDUxLjQyMTkgMzUuMjI3NiA1MS45QzM2LjIzNDIgNTEuNjIxIDM2LjcxNzIgNTAuNjY0OSAzNi45MTg3IDUwLjc0NDNDMzcuNjAzMSA0OC45MTE4IDM3LjgwNDYgNDYuNjQwNCAzNy4zMjEzIDQ0LjYwODJDMzcuMTYwMiA0NC41Njg0IDM2Ljc5NzkgNDMuNjEyIDM2LjM5NTMgNDIuOTc0NkwzNC43ODQ5IDQwLjUwNEwzMy42OTc4IDM4Ljg3MDRDMzMuNDU2MyAzOC40MzIgMzMuMDk0MSAzOC4wNzMzIDMyLjg1MjMgMzcuNjM1QzMyLjI4ODYgMzYuNzU4NiAzMi4yMDgyIDM0LjYwNjkgMzMuNDU2MSAzMy42OTA0QzMzLjQ5NjQgMzMuNjUwNiAzNC42MjM4IDM0Ljg0NjEgMzQuMzgyMyAzNS44NDJDMzQuNzA0MiAzNi41MTkzIDM0LjIyMTIgMzkuMTg5IDM1LjA2NjggMzkuMzQ4M0w0MS44NzA3IDQyLjAxODJDNDIuMzk0IDQyLjM3NjkgNDMuMDM4MSA0Mi42OTU1IDQzLjMyIDQzLjI5MzJDNDMuNDAwNCA0My41NzIyIDQzLjQ4MDggNDMuODUxIDQzLjIzOTYgNDQuMDUwNEM0Mi45MTc0IDQ0LjM2OSA0Mi42MzU4IDQ0LjM2OSA0Mi4xOTI4IDQ0LjQwOTFDNDEuNTQ4NSA0NC43Njc1IDQxLjE4NjIgNDUuMzY1MiA0MS4zMDY5IDQ1LjkyM0M0MS4zMDY5IDQ1LjkyMyA0MS45MTA3IDQ3LjcxNjIgNDMuMTE4OCA0OS4zNDk5QzQzLjg0MzMgNDkuNDY5NiA0NC44MDk2IDQ4Ljc5MiA0NS4wMTA4IDQ4LjExNDdDNDUuNjU1MiA0OC41MTMgNDYuMTc4NSA0OS4xOTA2IDQ2LjkwMyA0OS4xOTA2QzQ3LjUwNjggNDguODMxOSA0OC4wNzA4IDQ3LjE5ODIgNDguMzUyNiA0Ny4xMTg2QzQ4LjU5NDEgNDQuODQ3MiA0OC4wNzA1IDQyLjgxNSA0Ni45MDMgNDEuMTAxN0w0Ni41MDA0IDQwLjUwNEM0NS4yNTI2IDM4LjgzMDMgNDMuNDAwNCAzNy41OTUyIDQxLjc5IDM2LjI4MDRDNDEuNTg4OCAzNi4wODEgNDEuMzg3NCAzNS44MDIyIDQxLjQ2OCAzNS40ODMzTDQ0LjMyNjYgMzAuMTA0Mkw0Ny4zMDU5IDMwLjg2MTJDNTAuMDQzNSAzMS41Mzg3IDUzLjM4NSAzMS42NTgyIDU2LjAwMTggMzAuNTAyN0M1Ni4wODI1IDMwLjQ2MjkgNTYuMjgzOSAzMC4zODMgNTYuMzY0MyAzMC41NDI2QzU3LjA4ODkgMzIuMTc2MiA1Ny42OTI5IDM0LjA4ODkgNTcuMjUwMiAzNS45MjE3QzU2Ljk2ODEgMzcuMDc3NCA1NS4xNTY1IDM3LjkxNCA1Mi45ODI0IDM4LjkwOTlDNTIuODIxNiAzOS4wNjk1IDUyLjEzNjkgMzguNzExMSA1Mi4wOTY1IDM4LjQzMkM1MS4xNzA2IDM3LjgzNDQgNTAuMjA0NiAzNy44MzQ0IDUwLjIwNDYgMzcuODM0NEM0OS40Mzk0IDM4LjU5MTMgNDguNTEzNCAzOS41MDgxIDQ4LjE5MTUgNDAuNDI0NEM0OC4xMTA4IDQwLjcwMzIgNDguMDcwOCA0MC45NDI0IDQ4LjExMDggNDEuMTgxM0M0OC41MTM1IDQxLjUwMDIgNDkuNDM5NyA0MS44MTkxIDQ5LjQzOTcgNDEuODE5MUM0OS41MjAxIDQxLjc3OSA0OC43MTQ2IDQyLjUzNjIgNDguNTUzOCA0My40NTI3QzQ5LjE5NzkgNDMuNzcxMyA1MS4wNDk4IDQzLjk3MDcgNTEuMDQ5OCA0My45NzA3TDYwLjc5MyA0MC41NDM5QzYxLjQ3NzQgNDAuMDY1NyA2Mi4wNDA4IDM5LjcwNyA2Mi4yODI2IDM5LjA2OTVDNjMuMDg3OCAzNy4xNTcxIDYzLjY5MTYgMzUuMTY0NyA2NC4yOTU2IDMzLjE3MjRDNjQuMzM1NyAzMy4wNTI2IDY0LjQ1NjUgMzIuNjk0MiA2NC41Nzc1IDMyLjc3NDFMNjYuMzg5MSAzNC4zMjgxQzY2LjU5MDUgMzQuNTY3MSA2Ni42NzA5IDM1LjA0NSA2Ni42MzA2IDM1LjQ0MzVDNjYuMzQ4NyAzNi41NTkyIDY1Ljg2NTcgMzcuMjc2NiA2NS40MjMgMzguMzUyNEM2NS4wNjA1IDM5LjE4OSA2NC44OTk0IDM5LjkwNjQgNjQuNTc3NSA0MC40MjQ0QzY0LjMzNTcgNDAuODIyNiA2NC4wNTM4IDQxLjA2MjEgNjMuNDkwNCA0MS4xNDE1QzYzLjI4OSA0MS4xNDE1IDYyLjYwNDUgNDAuODYyNyA2Mi4wNDA4IDQwLjk4MjJDNjEuMTU1MiA0MS40NjA0IDU5Ljg2NyA0My40MTI5IDYwLjMwOTcgNDQuNDg4NUw2MS41OTgyIDQ0Ljg4N0M2MS42MzgyIDQ0LjkyNzEgNjEuMDM0NSA0Ni44NzkzIDYxLjAzNDUgNDYuODc5M0M2MS4yNzYgNDcuMjc3OSA2My4zNjk3IDQ3LjAzODkgNjQuNTM3MSA0Ni40ODExQzY1Ljk4NjUgNDUuNjA0NCA2Ni4yNjgzIDQ1LjI0NTcgNjcuOTk5NSA0My43MzE1QzY4LjEyMDIgNDMuNTcyMiA2OC45NjU4IDQxLjg5ODcgNjkuMDA2MSA0MS43NzkzTDY5LjQ0OTEgNDAuNDY0Mkg2OS40NDg4Wk02Ny40MzU4IDIuODA5NTFDNjguMzYxNyAyLjc2OTY5IDY5LjM2ODQgMi43Njk2OSA3MC4yMTM5IDIuOTI5MjZDNjkuMzI4IDMuNzI2MDQgNjguMjgxMyAzLjI4NzY5IDY3LjM1NTQgMy4wMDg5MUw2Ny40MzU4IDIuODA5NTFaTTc0LjU2MTkgMy44MDU2OUM3NS4wNDQ5IDMuODQ1NTEgNzUuNDg3OCA0LjAwNTA5IDc1LjkzMDggNC4xMjQ1NkM3NS45NzExIDMuNDg2ODEgNzUuOTcxMSAzLjIwODA0IDc1LjkzMDggMi41NzA1NkM3Ny4xMzgzIDMuNTI2OTEgNzcuODIzIDQuOTIxMzQgNzkuMTkxOSA1LjQzOTM0QzgwLjM1OTQgNi4wMzY5OSA4MS40ODY1IDYuNzE0NTYgODIuNTczNiA3LjQzMTY5QzgzLjA5NjkgNy44Mjk5MyA4My4yNTggOC41NDczNCA4My45NDI1IDguNzA2OTFDODUuNzE0IDkuNzQyOTEgODcuMzY0NyAxMC45MzgyIDg4Ljk3NTEgMTIuMzcyN0M4OS4wOTU5IDEyLjQ5MjIgODkuMTM1OSAxMi42OTEzIDg5LjA5NTkgMTIuODUwOUM4OC43NzM3IDEzLjQwODcgODguNDUxOCAxNC4wNDYyIDg3LjkyODEgMTQuNDQ0N0M4Ny4xNjM2IDE0LjU2NDIgODYuNTU5NSAxNC4wNDYyIDg1Ljg3NTEgMTMuODA3Qzg1LjYzMzYgMTMuNjQ3NyA4NS45MTUxIDEzLjM2ODkgODUuOTU1NSAxMy4xMjk3Qzg1LjkxNTEgMTIuNjkxMyA4NS41MTI1IDEyLjQxMjYgODUuMjMxIDEyLjEzMzVDODMuNDE5MSAxMC41Mzk3IDgxLjQ0NjQgOS4wMjU1MSA3OS4zNTI3IDcuODcwMDRDNzguNjI4MiA2Ljc5NDIxIDc3LjQ2MDUgNi4xNTY3NCA3Ni40MTM4IDUuNTk4OTFDNzUuNzI5MyA1LjA4MDkxIDc1LjAwNDggNC43MjIyMSA3NC40ODEyIDMuOTY0OTlMNzQuNTYxOSAzLjgwNTY5Wk0zMy40NTYzIDQwLjQ2MzlMMzQuNDIyNCA0MS44OTg3TDM1LjEwNjggNDIuODk0OUMzNS4wMjY0IDQzLjQ1MjcgMzYuMzU1IDQ0LjY0OCAzNi4zMTQ2IDQ1LjE2NkMzNi40NzU3IDQ2LjM2MTMgMzYuNTE2MSA0Ny41MTcxIDM2LjM1NSA0OC42MzI3QzM2LjE5NDIgNDguODMxOSAzNS45OTI3IDQ5LjkwNzcgMzUuMTQ3MiA1MC4zMDYyTDM0LjM4MjMgNDkuNTA5MkMzNC4zODIzIDQ5LjMxIDM0LjUwMzEgNDkuMDcxMSAzNC42NjQyIDQ4LjkxMTVDMzQuODI1IDQ4LjkxMTUgMzUuOTUyNCA0Ni45NTkzIDM0Ljk4NjEgNDQuODg3M0MzNC43NDQ2IDQ0LjQwOTEgMzMuOTc5NyA0My4yOTMyIDM0LjEwMDIgNDMuMTczN0wzMi42MTA1IDQwLjQ2MzlDMzEuNjA0MSAzOC42NzEgMzAuNDM2NyAzNi43NTg2IDI5LjU1MTEgMzUuNDQzNUMyOC44NjY2IDM0LjY0NjcgMjkuNTUxMSAzNC42ODY2IDI5Ljc5MjYgMzMuNjkwNEMzMC4xMTQ1IDMyLjU3NDcgMzAuOTE5NyAzMS43MzgxIDMxLjkyNjMgMzEuMjU5N0MzMi4wODcyIDMxLjI1OTcgMzIuMzY5MyAzMC40NjI5IDMyLjQ5IDMwLjc0MTdMMzMuMDEzNCAzMi4zMzU1QzMxLjgwNTYgMzMuMjUyIDMwLjkyIDM1LjA0NTMgMzEuMjQxOSAzNi41MTkzQzMxLjMyMjMgMzcuMDM3MyAzMS42MDQxIDM3LjQ3NTcgMzEuODA1NiAzNy45MTRMMzMuNDU2MSA0MC40NjQyTDMzLjQ1NjMgNDAuNDYzOVpNNjYuODMyIDQzLjE3MzdDNjUuOTQ2MSA0NC4yODkzIDY1LjE0MDkgNDQuOTI3MSA2My45NzM0IDQ1LjU2NDZMNjIuMzIzIDQ2LjA4MjZWNDQuNzI3N0M2Mi42NDQ2IDQ0LjUyODYgNjMuMDA3MSA0NC4zNjkgNjMuMzY5NyA0NC4xNjk5QzYzLjYxMTIgNDMuODUxIDY0LjYxNzUgNDMuMjkzMiA2NS42MjM5IDQyLjQxNjdDNjYuMDI2OCA0MS44MTkxIDY2LjM4OTEgNDEuMTQxNSA2Ni43NTEzIDQwLjQ2NDJDNjcuOTU5MSAzOC4xNTMgNjguOTI1NCAzNS42MDMxIDY5LjYwOTkgMzMuNjUwNkw2OS40NDkxIDMyLjczNEw2Ni45MTI3IDI4LjgyOUw2NC40MTY0IDI1LjMyMjdDNjUuMTAwOCAyMy4xNzExIDY1Ljc0NDkgMjAuNzAwNiA2Ni4wMjY4IDE4LjcwODJDNjYuMDY2OSAxOC4xNTA0IDY3Ljk1OTQgMTcuMzUzMyA2OC44NDUgMTYuNTU2NkM3MC43Nzc2IDE1LjI0MTUgNzIuNzkwMyAxNC4xNjU3IDc0LjgwMzYgMTMuMDg5OUM3NS4wMDQ4IDEzLjE2OTUgNzUuMjg2NyAxMy4xNjk1IDc1LjQwNzQgMTMuMzY4OUM3NS45MzA4IDEzLjUyODIgNzYuNDk0NSAxMy42MDc5IDc2Ljk3NzUgMTMuODQ3MUM3Ni43NzYzIDE0LjA0NjIgNjkuNTY5NSAxOC4zNDk1IDY4LjcyNDMgMTkuMTQ2NkM2OC41MjI4IDE5LjgyMzkgNjguMzIxNyAyMC4zMDIgNjguMTIwNSAyMC45NzkzQzY3LjcxNzYgMjIuNDUzNyA2Ny4yNzQ3IDIzLjgwODYgNjYuODMyIDI1LjI4MjlMNjYuODcyMSAyNS42MDE1TDY5LjMyOCAyOS45NDQ5TDcwLjg5ODEgMzIuNTM0OUM3MC45Nzg4IDMyLjgxMzcgNzAuOTc4OCAzMy4zNzE1IDcwLjg5ODEgMzMuNjEwN0M3MC45Nzg4IDMzLjY1MDYgNjkuNDQ4OCAzNy42NzUxIDY4LjI0MSA0MC40NjQyQzY3LjYzNzIgNDEuODk4NSA2Ny4wNzM1IDQzLjAxNDQgNjYuODMyIDQzLjE3NFY0My4xNzM3Wk01Ny45MzQ0IDQwLjQ2MzlDNTUuNDc4NCA0MS4zODA3IDUxLjE3MDYgNDMuMDE0NCA1MS4xMzA1IDQyLjk3NDZDNTEuMTMwNSA0Mi45NzQ2IDQ5Ljg0MiA0My4yMTM1IDQ5LjY0MDkgNDIuODE1TDUwLjMyNTMgNDEuNjU5NUM1MC41NjY4IDQxLjU0IDUxLjczNDMgNDEuNDYwNCA1MS44MTUgNDEuNjU5NUM1My4wMjI1IDQxLjE0MTUgNTQuMDI5MSA0MC43ODMxIDU1LjA3NTggNDAuNDY0MkM1Ni4wMjMyIDQwLjE2ODUgNTYuOTYzIDM5Ljg0OTYgNTcuODk0MyAzOS41MDc5QzU4LjU3ODUgMzkuMTA5NiA1OS42MjUyIDM5LjIyOTEgNTkuOTA3MSAzOC4yMzI5QzYwLjU1MTUgMzYuOTU3NyA2MC43MTIzIDM1LjQ0MzUgNjEuMTE0OSAzNC4wNDkxTDYxLjc1OTMgMzAuOTAxTDYzLjE2ODIgMzEuOTM3QzYyLjg0NiAzMy44MDk5IDYyLjMyMjcgMzUuNTIzMiA2MS43NTkzIDM3LjE5NjlDNjEuNDc3MSAzOC4yNzI3IDYwLjYzMTkgMzkuMzg4NCA1OS41ODUyIDM5Ljc4NjlDNTkuNTg1MiAzOS44NjY2IDU4LjkwMDcgNDAuMTA1NSA1Ny45MzQ3IDQwLjQ2NDJMNTcuOTM0NCA0MC40NjM5Wk00Ny4wNjQxIDQzLjk3MDdDNDcuMTg0OSA0NC40MDkxIDQ3LjI2NTYgNDQuOTY2OSA0Ny4zMDU2IDQ1LjQ0NTFDNDcuMTQ0OCA0NS42ODQgNDcuMzA1NiA0Ny4xMTg2IDQ2LjQxOTcgNDcuNjc2NEM0Ni4yMTg2IDQ3Ljg3NTUgNDYuMDE3NCA0Ny41MTcxIDQ1Ljc3NTkgNDcuNDc3QzQ1LjUzNDQgNDcuMzU3NSA0NS40NTM3IDQ3LjExODYgNDUuMjEyMiA0Ni45MTkyQzQ1LjIxMjIgNDYuOTE5MiA0NS42OTUyIDQ2LjEyMjQgNDUuODU2MyA0NS44ODMyQzQ2LjMzOTYgNDQuMzI5MiA0NS42NTUyIDQyLjgxNSA0NC41Mjc4IDQxLjY5OTNMNDIuNTU1MSA0MC4wMjU5TDM4LjM2OCAzNi45NTc3QzM3LjkyNSAzNi41MTkzIDM4LjEyNjUgMzUuNjAzMSAzOC4zMjc2IDM0Ljg0NTlDMzguNTY5MSAzMy42MTA3IDM4Ljg5MTMgMzMuMDkyNyAzOS4zMzQzIDMxLjkzN0MzOS42OTY1IDMxLjEwMDQgMzkuNzM2OSAzMC4wMjQ2IDQwLjA1ODggMjkuMTg3N0w0Mi41OTUyIDI5LjY2NTlMMzkuODE3MyAzNS40NDM1QzM5LjY5NjUgMzUuODgxOSAzOS45MzggMzYuMzIwMiA0MC4yMTk5IDM2LjYzOTFDNDEuODMwMyAzNy43MTQ5IDQzLjUyMTQgMzguOTg5OSA0NC44OSA0MC41NDM5TDQ3LjA2NDEgNDMuOTcwN1pNOC43MzY1IDE5LjU0NTFDMTAuNzA5MiAxOS41NDUxIDEyLjM1OTkgMTguNTg4NyAxNC4wNTA3IDE3LjgzMTVDMTYuMDYzOCAxNy4xMTQ0IDE4LjM1ODkgMTYuNTE2NyAyMC42MTMxIDE3LjMxMzVDMjEuMDU2MSAxNy41MTI5IDIxLjUzOTEgMTcuNjcyMiAyMS45ODIgMTcuOTExMkMyMS45MDE2IDE4LjQyOTIgMjEuMjk3NiAxOC4xMTA2IDIwLjkzNTMgMTguMjNDMjAuNjEzMSAxOC4yMyAyMC4zMzE2IDE4LjM4OTMgMjAuMDA5NCAxOC4zNDk4QzE5LjcyNzIgMTguNTA5MSAxOS4zNjUzIDE4LjUwOTEgMTkuMDgzNCAxOC42Njg0QzE3LjIzMTUgMTkuNTA1IDE1LjQ2IDIwLjcwMDYgMTMuMzI2MiAyMC43ODAyQzExLjcxNTggMjAuODU5OSA5Ljk0NDMxIDIwLjYyMDkgOC42OTY0NCAxOS41ODQ5TDguNzM2NSAxOS41NDUxWiIgZmlsbD0iI0E5QjFCQiIvPgo8L3N2Zz4K);
  background-size: 90px 52px;
  background-repeat: no-repeat;
  background-position: center;
}

.about,
.cardAbout {
  color: #fff;
  background: #2D425C;
  margin: 64px 0;
  width: 100%;
  position: relative;
}
@media all and (max-width: 1440px) {
  .about,
.cardAbout {
    margin-left: -40px;
    margin-right: -40px;
    width: auto;
  }
}
@media all and (max-width: 767px) {
  .about,
.cardAbout {
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
  }
}
.about:before,
.cardAbout:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2000px;
  right: -2000px;
  content: "";
  z-index: 1;
  background: #2D425C;
}
@media all and (max-width: 1440px) {
  .about:before,
.cardAbout:before {
    display: none;
  }
}
.aboutInner,
.cardAboutInner {
  padding: 0;
  position: relative;
  z-index: 2;
}
.aboutList,
.cardAboutList {
  display: flex;
}
.aboutEl,
.cardAboutEl {
  padding: 40px 20px;
  text-align: center;
  width: 20%;
  font-size: 16px;
  line-height: 24px;
}
@media all and (max-width: 959px) {
  .aboutEl,
.cardAboutEl {
    padding: 32px 10px;
    font-size: 14px;
  }
}
.aboutElImg,
.cardAboutElImg {
  height: 38px;
  line-height: 38px;
}
.aboutElImg img,
.cardAboutElImg img {
  max-height: 38px;
  line-height: 38px;
  vertical-align: middle;
}
.aboutElTitle,
.cardAboutElTitle {
  margin: 8px 0 0 0;
}
.aboutElTitle span,
.cardAboutElTitle span {
  display: block;
}
@media all and (max-width: 767px) {
  .about,
.cardAbout {
    margin: 40px -16px;
    padding: 24px 0;
  }
  .aboutList,
.cardAboutList {
    display: block;
  }
  .aboutEl,
.cardAboutEl {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 40px 0 64px;
    text-align: left;
    position: relative;
    min-height: 38px;
  }
  .aboutEl + .aboutEl,
.aboutEl + .cardAboutEl,
.cardAboutEl + .aboutEl,
.cardAboutEl + .cardAboutEl {
    margin-top: 16px;
  }
  .aboutElImg,
.cardAboutElImg {
    height: 24px;
    line-height: 24px;
    width: 24px;
    left: 24px;
    position: absolute;
    top: 50%;
    margin: -12px 0 0 0;
  }
  .aboutElImg img,
.cardAboutElImg img {
    max-height: 24px;
    line-height: 24px;
    vertical-align: middle;
  }
  .aboutElTitle,
.cardAboutElTitle {
    margin: 0;
  }
  .aboutElTitle span,
.cardAboutElTitle span {
    display: inline;
  }
  .aboutElTitle span:after,
.cardAboutElTitle span:after {
    content: " ";
  }
}

.about {
  margin: 0;
}
.about:before {
  display: none;
}
.aboutEl {
  padding: 40px 10px;
  width: 16.6666%;
}
@media all and (max-width: 767px) {
  .aboutEl {
    width: 100%;
    padding: 0 40px 0 64px;
  }
}

.fancybox__thumbs {
  display: none;
}

.cardAvailInfo {
  margin: 0 0 12px 0;
}
.cardAvailInfoEmpty {
  display: block;
}
.cardAvailInfoSize {
  display: none;
}
.cardAvailEl {
  padding: 10px 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  border-bottom: 1px solid #DDE0E4;
}
.cardAvailElTitle {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
.cardAvailElTitle b {
  font-weight: 700;
}
.cardAvailElPhone {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  margin: 4px 0 0 0;
}
.cardAvailElPhone a {
  color: #000000;
  text-decoration: none;
}
.cardAvailElPhone a:hover {
  color: #000000;
  text-decoration: underline;
}
.cardAvailElStatus {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #5FA800;
  padding: 0 0 0 15px;
  margin: 0 0 0 10px;
  position: relative;
}
.cardAvailElStatus:before {
  width: 5px;
  height: 5px;
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  background: #5FA800;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
@media all and (max-width: 767px) {
  .cardAvailEl {
    display: block;
    padding: 20px 0;
  }
  .cardAvailElInfo {
    margin: 0 0 2px 0;
  }
  .cardAvailElStatus {
    margin: 4px 0 0 0;
    display: block;
  }
}

.filter {
  display: block;
  /* &MobileTags {
     display: none;
     margin: 55px -20px 40px -20px;
     border: solid 1px #E5E5E5;
     border-width: 1px 0;

     @media all and (max-width: 600px) {
       display: block;
     }

     .filterTags {
       margin: 0;
       padding: 0;
     }
     &Title {
       font-weight: 600;
       font-size: 12px;
       line-height: 24px;
       text-transform: uppercase;
       color: #000000;
       position: relative;
       padding: 15px 20px;
       cursor: pointer;

       &:after {
         width: 6px;
         height: 6px;
         top: 50%;
         right: 24px;
         position: absolute;
         content: "";
         margin: -3px 0 0 0;
         display: block;
         border: solid 1px #000;
         border-width: 0 1px 1px 0;
         transform: rotate(45deg);
         transform-origin: center;
       }
     }

     &.active &Title:after {
       margin: 0px 0 0 0;
       transform: rotate(-135deg);
     }


     &Content {
       padding: 0 20px;
       transition: all 0.3s;
       max-height: 0;
       overflow: hidden;
     }

     &.active &Content {
       padding-bottom: 15px;
       max-height: 3000px;
     }
   }*/
}
.filterContent {
  display: block;
}
.filterColor {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -4px;
  width: calc(100% + 8px);
}
.filterColorEl {
  width: 40px;
  height: 40px;
  margin: 4px;
  position: relative;
  border: solid 3px #fff;
}
.filterColorEl input {
  display: block;
  width: 10px;
  height: 10px;
  position: relative;
  opacity: 0;
}
.filterColorEl label {
  width: 34px;
  height: 34px;
  display: block;
  position: relative;
  z-index: 2;
  border: solid 1px #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
}
.filterColorEl label[data-border] {
  border: solid 1px #E7E7E7;
}
.filterColorEl label.bg_white:before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  z-index: 2;
  content: "";
  border: solid 1px #E7E7E7;
  border-radius: 50%;
}
.filterColorEl input:checked + label {
  cursor: default;
}
.filterColorEl input:checked + label:after {
  position: absolute;
  content: "";
  border: solid 1px #000;
  left: -3px;
  top: -3px;
  border-radius: 50%;
  right: -3px;
  bottom: -3px;
  display: block;
}
.filterColorEl input:disabled + label {
  overflow: hidden;
  cursor: default;
}
.filterColorEl input:disabled + label:after {
  border: 1px solid #fff;
  height: 2px;
  background: #B9192B;
  position: absolute;
  content: "";
  left: -20px;
  top: 50%;
  right: -20px;
  transform-origin: center;
  transform: rotate(-26deg);
  margin: -1px 0 0 0;
  display: block;
}
.filterSize {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -4px;
  width: calc(100% + 8px);
}
.filterSizeEl {
  width: calc(25% - 8px);
  height: 40px;
  margin: 4px;
  position: relative;
}
.filterSizeEl input {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}
.filterSizeEl label {
  width: 100%;
  height: 40px;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 9px 0;
  text-align: center;
  color: #041C2C;
  position: relative;
  z-index: 2;
  border: solid 1px #DDE0E4;
  cursor: pointer;
}
.filterSizeEl input:checked + label {
  border-color: #041C2C;
  cursor: default;
}
.filterSizeEl input:disabled + label {
  overflow: hidden;
  cursor: default;
}
.filterSizeEl input:disabled + label:after {
  border: 1px solid #fff;
  height: 2px;
  background: #B9192B;
  position: absolute;
  content: "";
  left: -20px;
  top: 50%;
  right: -20px;
  transform-origin: center;
  transform: rotate(-26deg);
  margin: -1px 0 0 0;
  display: block;
}
.filterCh {
  position: relative;
  overflow: hidden;
  margin: 16px 0 0 0;
}
.filterCh:first-child {
  margin: 0;
}
.filterCh input {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
}
.filterCh label {
  padding: 0 0 0 28px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  z-index: 2;
  display: block;
  cursor: pointer;
}
.filterCh label:before {
  background-color: #fff;
  border: 1px solid #DDE0E4;
  border-radius: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
}
.filterCh input:checked + label:before {
  background-color: #041C2C;
  border-color: #041C2C;
  background-size: 13px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.filterCh input:disabled + label {
  color: grey;
  cursor: default;
}
.filterCh input:disabled + label:before, .filterCh input:disabled + label:after {
  opacity: 0.5;
  cursor: default;
}
.filterSubmit {
  margin: 24px 0 0 0;
  display: block;
}
.filterClear {
  margin: 16px 0 0 0;
  display: block;
}
.filterBox {
  display: block;
  border-bottom: solid 1px #DDE0E4;
}
.filterBox a {
  color: #041C2C;
  text-decoration: none;
}
.filterBox a:hover {
  text-decoration: underline;
  color: #041C2C;
}
.filterBoxLinks {
  font-size: 16px;
  line-height: 24px;
}
.filterBoxLinks ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.filterBoxLinks ul li {
  margin: 8px 0 0 0;
}
.filterBoxLinks ul ul {
  padding-left: 16px;
}
.filterBoxLinks ul .active > a,
.filterBoxLinks ul .active > span {
  font-weight: 700;
  font-size: 18px;
}
.filterBoxLinks ul .current > a,
.filterBoxLinks ul .current > span {
  font-weight: 700;
}
.filterBoxLinksEl {
  margin: 6px 0 0 0;
}
.filterBoxLinksEl:first-child {
  margin: 0 !important;
}
.filterBoxSubmit {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  padding: 8px;
  text-align: center;
  border: none;
  display: block;
  width: 100%;
  margin: 16px 0 0 0;
  background: #000;
}
.filterBoxTitle {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  padding: 24px 24px 24px 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.filterBoxTitle:after {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUgMTMuMjVDNi4yNSAxMy42NjQyIDYuNTg1NzkgMTQgNyAxNEM3LjQxNDIxIDE0IDcuNzUgMTMuNjY0MiA3Ljc1IDEzLjI1VjcuNzVIMTMuMjVDMTMuNjY0MiA3Ljc1IDE0IDcuNDE0MjEgMTQgN0MxNCA2LjU4NTc5IDEzLjY2NDIgNi4yNSAxMy4yNSA2LjI1SDcuNzVWMC43NUM3Ljc1IDAuMzM1Nzg2IDcuNDE0MjEgMCA3IDBDNi41ODU3OSAwIDYuMjUgMC4zMzU3ODYgNi4yNSAwLjc1VjYuMjVIMC43NUMwLjMzNTc4NiA2LjI1IDAgNi41ODU3OSAwIDdDMCA3LjQxNDIxIDAuMzM1Nzg2IDcuNzUgMC43NSA3Ljc1SDYuMjVWMTMuMjVaIiBmaWxsPSIjMDQxQzJDIi8+Cjwvc3ZnPgo=);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  content: "";
  position: absolute;
  top: 24px;
  right: 0;
}
.filterBox.active .filterBoxTitle {
  padding-right: 0;
  cursor: default;
}
.filterBox.active .filterBoxTitle:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDFDMCAwLjU4NTc4NiAwLjMzNTc4NiAwLjI1IDAuNzUgMC4yNUgxMy4yNUMxMy42NjQyIDAuMjUgMTQgMC41ODU3ODYgMTQgMUMxNCAxLjQxNDIxIDEzLjY2NDIgMS43NSAxMy4yNSAxLjc1SDAuNzVDMC4zMzU3ODYgMS43NSAwIDEuNDE0MjEgMCAxWiIgZmlsbD0iI0E5QjFCQiIvPgo8L3N2Zz4K);
  background-size: 14px 2px;
}
.filterBoxContent {
  display: block;
  max-height: 0;
  overflow: hidden;
}
.filterBox.fixed .filterBoxTitle:after {
  display: none;
}
.filterBox.active .filterBoxContent, .filterBox.fixed .filterBoxContent {
  display: block;
  padding: 24px 0 40px 0;
  max-height: none;
}
.filterBox.active .filterBoxTitle + .filterBoxContent, .filterBox.fixed .filterBoxTitle + .filterBoxContent {
  padding-top: 0;
}
.filterTags {
  /*  @media all and (max-width: 600px) {
      .filter & {
        display: none;
      }
    }*/
  /*
      &El {
        display: inline-block;
        vertical-align: top;
        margin: 0 40px 0 0;
        font-size: 14px;
        line-height: 24px;
        color: #000000;

        b {
          font-weight: 600;
          margin: 0 10px 0 0;
        }
        a {
          color: #000000;
          text-decoration: none;
          margin: 0 10px 0 0;
          padding: 0 24px 0 0;
          display: inline-block;
          position: relative;

          &:hover {
            color: #000000;
            text-decoration: none;
          }

          &:after {
            width: 10px;
            height: 10px;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NCA5LjE1ODI5IDAuNDUxMTg0IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg0IDEuMTU4MjkgMC40NTExODQgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjQUVBRUFFIi8+Cjwvc3ZnPgo=);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            display: block;
            content: "";
            position: absolute;
            top: 8px;
            right: 6px;
          }

          &:hover:after {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NCA5LjE1ODI5IDAuNDUxMTg0IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg0IDEuMTU4MjkgMC40NTExODQgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjQjkxOTJCIi8+Cjwvc3ZnPgo=);
          }
        }
      }

      &Clear {
        color: #B9192B;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        vertical-align: top;
        text-decoration: none;
      }*/
}
.filterTags a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #041C2C;
  text-decoration: none;
  padding: 8px 40px 8px 16px;
  border: 1px solid #DDE0E4;
  position: relative;
  margin: 4px 8px 4px 0;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.filterTags a:after {
  top: 15px;
  right: 19px;
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NCA5LjE1ODI5IDAuNDUxMTg0IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg0IDEuMTU4MjkgMC40NTExODQgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjOTQ5NDk0Ii8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  position: absolute;
}
.filterTags a:hover {
  border: 1px solid #000;
}
.filterClose {
  display: none;
}
.filterToggle {
  display: none;
  font-size: 14px;
  line-height: 24px;
  color: #041C2C;
  padding: 0 24px 0 0;
  cursor: pointer;
  position: relative;
}
.filterToggle:after {
  top: 7px;
  right: 3px;
  position: absolute;
  content: "";
  display: block;
  transform-origin: center;
}
@media all and (max-width: 959px) {
  .filterToggle {
    display: block;
    position: absolute;
    padding: 7px 39px 7px 15px;
    border: 1px solid #DDE0E4;
    top: 12px;
    right: 40px;
    width: 236px;
    z-index: 3;
  }
  .filterToggle:after {
    top: 14px;
    right: 16px;
    width: 12px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjY2NjY5IDAuNUMyLjk0MjgzIDAuNSAzLjE2NjY5IDAuNzIzODU4IDMuMTY2NjkgMVYxLjgzMzMzTDExLjMzMzQgMS44MzMzM0MxMS42MDk1IDEuODMzMzMgMTEuODMzNCAyLjA1NzE5IDExLjgzMzQgMi4zMzMzM0MxMS44MzM0IDIuNjA5NDggMTEuNjA5NSAyLjgzMzMzIDExLjMzMzQgMi44MzMzM0wzLjE2NjY5IDIuODMzMzNWMy42NjY2N0MzLjE2NjY5IDMuOTQyODEgMi45NDI4MyA0LjE2NjY3IDIuNjY2NjkgNC4xNjY2N0MyLjM5MDU0IDQuMTY2NjcgMi4xNjY2OSAzLjk0MjgxIDIuMTY2NjkgMy42NjY2N1YyLjgzMzMzTDAuNjY2Njg3IDIuODMzMzNDMC4zOTA1NDUgMi44MzMzMyAwLjE2NjY4NyAyLjYwOTQ4IDAuMTY2Njg3IDIuMzMzMzNDMC4xNjY2ODcgMi4wNTcxOSAwLjM5MDU0NSAxLjgzMzMzIDAuNjY2Njg3IDEuODMzMzNMMi4xNjY2OSAxLjgzMzMzVjFDMi4xNjY2OSAwLjcyMzg1OCAyLjM5MDU0IDAuNSAyLjY2NjY5IDAuNVpNOS4zMzMzNSA1LjgzMzMzQzkuNjA5NSA1LjgzMzMzIDkuODMzMzUgNi4wNTcxOSA5LjgzMzM1IDYuMzMzMzNWNy4xNjY2N0gxMS4zMzM0QzExLjYwOTUgNy4xNjY2NyAxMS44MzM0IDcuMzkwNTIgMTEuODMzNCA3LjY2NjY3QzExLjgzMzQgNy45NDI4MSAxMS42MDk1IDguMTY2NjcgMTEuMzMzNCA4LjE2NjY3SDkuODMzMzVWOUM5LjgzMzM1IDkuMjc2MTQgOS42MDk1IDkuNSA5LjMzMzM1IDkuNUM5LjA1NzIxIDkuNSA4LjgzMzM1IDkuMjc2MTQgOC44MzMzNSA5VjguMTY2NjdMMC42NjY2ODcgOC4xNjY2N0MwLjM5MDU0NSA4LjE2NjY3IDAuMTY2Njg3IDcuOTQyODEgMC4xNjY2ODcgNy42NjY2N0MwLjE2NjY4NyA3LjM5MDUyIDAuMzkwNTQ1IDcuMTY2NjcgMC42NjY2ODcgNy4xNjY2N0w4LjgzMzM1IDcuMTY2NjdWNi4zMzMzM0M4LjgzMzM1IDYuMDU3MTkgOS4wNTcyMSA1LjgzMzMzIDkuMzMzMzUgNS44MzMzM1oiIGZpbGw9IiMwNDFDMkMiLz4KPC9zdmc+Cg==);
    position: absolute;
    content: "";
    display: block;
    transform-origin: center;
  }
}
@media all and (max-width: 767px) {
  .filterToggle {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
}
.filterHeader {
  display: none;
}
.filterOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
@media all and (max-width: 959px) {
  .filter {
    display: block;
    position: fixed;
    z-index: 200;
    right: -100vw;
    width: 420px;
    top: 0;
    background: #fff;
    bottom: 0;
    margin: 0;
    padding: 40px;
  }
  .filter .onlyM {
    display: block !important;
  }
  .showFilter .filter {
    right: 0;
  }
  .showFilter .filterOverlay {
    z-index: 198;
    background: rgba(0, 0, 0, 0.4);
    display: block;
  }
  .filter:before {
    content: "";
  }
  .filterHeader {
    display: block;
    padding: 16px 40px 15px 40px;
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    font-weight: 700;
    color: #000;
    left: 0;
    top: 0;
    right: 0;
    border-bottom: solid 1px #DDE0E4;
    z-index: 8;
  }
  .filterClose {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjM1MzYgMi4zNTM1NUMyMi41NDg4IDIuMTU4MjkgMjIuNTQ4OCAxLjg0MTcxIDIyLjM1MzYgMS42NDY0NUMyMi4xNTgzIDEuNDUxMTggMjEuODQxNyAxLjQ1MTE4IDIxLjY0NjQgMS42NDY0NUwxMiAxMS4yOTI5TDIuMzUzNTUgMS42NDY0NUMyLjE1ODI5IDEuNDUxMTkgMS44NDE3MSAxLjQ1MTE5IDEuNjQ2NDUgMS42NDY0NUMxLjQ1MTE4IDEuODQxNzEgMS40NTExOCAyLjE1ODI5IDEuNjQ2NDUgMi4zNTM1NUwxMS4yOTI5IDEyTDEuNjQ2NDUgMjEuNjQ2NEMxLjQ1MTE5IDIxLjg0MTcgMS40NTExOSAyMi4xNTgzIDEuNjQ2NDUgMjIuMzUzNkMxLjg0MTcxIDIyLjU0ODggMi4xNTgyOSAyMi41NDg4IDIuMzUzNTUgMjIuMzUzNkwxMiAxMi43MDcxTDIxLjY0NjQgMjIuMzUzNkMyMS44NDE3IDIyLjU0ODggMjIuMTU4MyAyMi41NDg4IDIyLjM1MzYgMjIuMzUzNkMyMi41NDg4IDIyLjE1ODMgMjIuNTQ4OCAyMS44NDE3IDIyLjM1MzYgMjEuNjQ2NEwxMi43MDcxIDEyTDIyLjM1MzYgMi4zNTM1NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .filterInner {
    position: absolute;
    top: 56px;
    left: 0;
    padding: 0px 40px 40px 40px;
    bottom: 0;
    right: 0;
    overflow: auto;
  }
  .filterContent {
    display: block;
    width: 100%;
    margin: 0;
  }
}
@media all and (max-width: 767px) {
  .filter {
    padding: 32px;
    width: 100%;
  }
  .filterHeader {
    padding-left: 32px;
  }
  .filterInner {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
  }
}

.catalogInfo {
  margin: 16px auto 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.catalogCounter {
  color: grey;
}

.pageHeader_sort {
  position: relative;
  padding-right: 300px;
  padding-left: 300px;
}
@media all and (max-width: 959px) {
  .pageHeader_sort {
    padding-left: 40px;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .pageHeader_sort {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.sort {
  display: block;
  position: absolute;
  top: 12px;
  right: 40px;
  width: 236px;
  z-index: 3;
}
.sortTitle {
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #DDE0E4;
  padding: 8px 40px 8px 16px;
  position: relative;
  cursor: pointer;
}
.sortTitle:after {
  position: absolute;
  top: 17px;
  right: 16px;
  width: 12px;
  height: 7px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC42NDY0NDcgMC42NDY0NDdDMC44NDE3MDkgMC40NTExODQgMS4xNTgyOSAwLjQ1MTE4NCAxLjM1MzU1IDAuNjQ2NDQ3TDYgNS4yOTI4OUwxMC42NDY0IDAuNjQ2NDQ3QzEwLjg0MTcgMC40NTExODQgMTEuMTU4MyAwLjQ1MTE4NCAxMS4zNTM2IDAuNjQ2NDQ3QzExLjU0ODggMC44NDE3MDkgMTEuNTQ4OCAxLjE1ODI5IDExLjM1MzYgMS4zNTM1NUw2LjM1MzU1IDYuMzUzNTVDNi4xNTgyOSA2LjU0ODgyIDUuODQxNzEgNi41NDg4MiA1LjY0NjQ1IDYuMzUzNTVMMC42NDY0NDcgMS4zNTM1NUMwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDAuODQxNzA5IDAuNjQ2NDQ3IDAuNjQ2NDQ3WiIgZmlsbD0iIzA0MUMyQyIvPgo8L3N2Zz4K);
}
.sort.active .sortList {
  display: block;
}
.sort.active .sortTitle:after {
  transform: rotate(180deg);
}
.sortList {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #DDE0E4;
  padding: 10px;
  background: #fff;
  display: none;
}
.sortList a, .sortList span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #041C2C;
  margin: 8px 0 0 0;
}
.sortList a:hover {
  text-decoration: none;
}
.sortList .active {
  font-weight: 700;
}
.sortList > *:first-child {
  margin: 0;
}
@media all and (max-width: 959px) {
  .sort {
    display: none;
  }
}

.getNews {
  background: #2D425C;
  margin: 64px 0 0 0;
}
.getNewsInner {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.getNewsTitle {
  font-size: 32px;
  line-height: 40px;
  width: 322px;
}
.getNewsTitle span {
  display: block;
}
.getNewsList {
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 485px;
  list-style: none;
  line-height: 24px;
}
.getNewsList li {
  padding: 0 0 0 34px;
  position: relative;
}
.getNewsList li:before {
  width: 14px;
  height: 13px;
  left: 5px;
  top: 6px;
  content: "";
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4zOTIyIDAuMzYwODY0QzEzLjc0NTMgMC41Nzc1MDUgMTMuODU1OCAxLjAzOTMyIDEzLjYzOTIgMS4zOTIzN0w2Ljg4OTIgMTIuMzkyNEM2Ljc4MjI4IDEyLjU2NjYgNi42MDg4OSAxMi42ODk2IDYuNDA5MTMgMTIuNzMzQzYuMjA5MzcgMTIuNzc2NCA2LjAwMDU1IDEyLjczNjQgNS44MzEgMTIuNjIyMkwwLjU4MTAwNCA5LjA4NjQ3QzAuMjM3NDQgOC44NTUwOSAwLjE0NjQ5NyA4LjM4OTAxIDAuMzc3ODc3IDguMDQ1NDRDMC42MDkyNTcgNy43MDE4OCAxLjA3NTM0IDcuNjEwOTMgMS40MTg5IDcuODQyMzFMNi4wMTk5MyAxMC45NDFMMTIuMzYwNyAwLjYwNzg0NEMxMi41Nzc0IDAuMjU0OCAxMy4wMzkyIDAuMTQ0MjI0IDEzLjM5MjIgMC4zNjA4NjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.getNewsList li + li {
  margin: 3px 0 0 0;
}
.getNewsForm {
  padding: 0 24px;
  width: 553px;
  display: inline-flex;
  flex-wrap: wrap;
}
.getNewsForm .alert {
  width: 100%;
  display: block;
}
.getNewsForm .alert.alert-danger {
  margin: 0 0 20px 0;
}
.getNewsForm input {
  font-size: 14px;
  line-height: 24px;
  color: #000;
  padding: 7px 15px;
  background: #fff;
  width: calc(100% - 144px);
  border: solid 1px #fff;
}
.getNewsForm input:placeholder {
  color: #A9B1BB;
}
.getNewsForm button {
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  margin: 0 0 0 24px;
  padding: 9px 19px;
  width: 120px;
  min-width: 120px;
  border: solid 1px #fff;
  background: transparent;
  cursor: pointer;
}
.getNewsFormCh {
  display: block;
  text-align: left;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  margin: 19px 0 0 0;
}
@media all and (max-width: 768px) {
  .getNewsFormCh {
    margin: 15px 0 0 0;
  }
}
.getNewsFormCh input {
  position: absolute;
  z-index: 0;
  opacity: 0;
  width: 16px;
  height: 16px;
  top: 4px;
  left: 0;
}
.getNewsFormCh label {
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  display: block;
  cursor: pointer;
  padding: 1px 0 0 26px;
  z-index: 2;
}
.getNewsFormCh label a {
  color: inherit;
  text-decoration: underline;
}
.getNewsFormCh label a:hover {
  text-decoration: none;
}
.getNewsFormCh label:before {
  border: 1px solid #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  left: 0;
  display: block;
  border-radius: 2px;
  content: "";
}
.getNewsFormCh label img, .getNewsFormCh label span {
  display: inline-block;
  vertical-align: middle;
}
.getNewsFormChError {
  padding: 0 0 0 16px;
  margin: 8px 0 0 26px;
  color: #B9192B;
  font-size: 10px;
  line-height: 14px;
  display: none;
  position: relative;
}
.getNewsFormChError:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMwNTFfMTUwKSI+CjxwYXRoIGQ9Ik01LjUwMDAyIDEwLjA4MzNDOC4wMzEzMyAxMC4wODMzIDEwLjA4MzQgOC4wMzEyNiAxMC4wODM0IDUuNDk5OTZDMTAuMDgzNCAyLjk2ODY1IDguMDMxMzMgMC45MTY2MjYgNS41MDAwMiAwLjkxNjYyNkMyLjk2ODcyIDAuOTE2NjI2IDAuOTE2Njg3IDIuOTY4NjUgMC45MTY2ODcgNS40OTk5NkMwLjkxNjY4NyA4LjAzMTI2IDIuOTY4NzIgMTAuMDgzMyA1LjUwMDAyIDEwLjA4MzNaIiBzdHJva2U9IiNCOTE5MkIiIHN0cm9rZS13aWR0aD0iMC42ODc1Ii8+CjxwYXRoIGQ9Ik01LjUgMy4yMDgzN1Y1Ljk1ODM3IiBzdHJva2U9IiNCOTE5MkIiIHN0cm9rZS13aWR0aD0iMC42ODc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTUuNTAwMDIgNy43OTE2N0M1Ljc1MzE1IDcuNzkxNjcgNS45NTgzNSA3LjU4NjQ2IDUuOTU4MzUgNy4zMzMzM0M1Ljk1ODM1IDcuMDgwMiA1Ljc1MzE1IDYuODc1IDUuNTAwMDIgNi44NzVDNS4yNDY4OSA2Ljg3NSA1LjA0MTY5IDcuMDgwMiA1LjA0MTY5IDcuMzMzMzNDNS4wNDE2OSA3LjU4NjQ2IDUuMjQ2ODkgNy43OTE2NyA1LjUwMDAyIDcuNzkxNjdaIiBmaWxsPSIjQjkxOTJCIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzA1MV8xNTAiPgo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
}
.form--invalid-on .getNewsFormCh input:invalid + label:before {
  border-color: #B9192B;
}
.form--invalid-on .getNewsFormCh input:invalid ~ .getNewsFormChError {
  display: block;
}
.getNewsFormCh input:checked + label:before {
  background-color: #041C2C;
  border-color: #041C2C;
  background-size: 13px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.getNewsFormInfo {
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
.getNewsFormInfo a {
  color: #fff;
  text-decoration: none;
}
.getNewsFormInfo a:hover {
  color: #fff;
  text-decoration: underline;
}
@media all and (max-width: 1099px) {
  .getNews {
    margin: 40px 0 0 0;
  }
  .getNewsInner {
    display: block;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .getNewsTitle {
    font-size: 28px;
    line-height: 32px;
    width: 100%;
  }
  .getNewsList {
    margin: 24px 0 24px 0;
    font-size: 16px;
    width: 100%;
  }
  .getNewsForm {
    padding: 0;
    margin: 24px 0 0 0;
    width: 100%;
    display: block;
  }
  .getNewsForm input {
    display: block;
    width: 100%;
  }
  .getNewsForm button {
    display: block;
    margin: 16px 0 0 0;
    width: 100%;
  }
}

.footer {
  margin: 64px 0 0 0;
  /*  @media all and (max-width: 380px) {
      &ElPay {
        display: flex;
        justify-content: space-between;
        &El {
          margin: 0;
        }
      }
    }*/
  /*  @media all and (max-width: 1100px) {

      &List {
        width: calc(100% + 12px);
        margin: 0 0 10px -6px;
      }

    }*/
  /*

  @media all and (max-width: 1100px) and (min-width: 768px) {
    &El {
      width: calc(18% - 12px);
      margin: 32px 6px 0;

      &:first-child {
        width: calc(21% - 12px);
      }

      &:nth-child(4n) {
        width: calc(19% - 12px);
      }

      &.footerNews {
        width: calc(24% - 12px);
      }

      &.footerPay,
      &.footerDelivery {
        width: calc(38% - 12px);
      }
    }
  }
  */
  /*
  @media all and (max-width: 959px) {
    &El {
      &.footerPay {
        width: calc(57% - 12px);
      }
      &.footerDelivery {
        width: calc(43% - 12px);
      }

    }
  }
  */
  /*  @media all and (max-width: 999px) {
      &ElBox {
        padding-left: 0;
      }
      &Bottom {
        margin: 8px 0 0 0;
      }
    }*/
}
.footerList {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin: 0 0 10px -12px;
}
.footerSocialIcon {
  margin: 8px 16px 0 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  vertical-align: top;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}
.footerSocialBox {
  margin: 16px 0 0 0;
}
.footerSocialBoxTitle {
  font-size: 14px;
  line-height: 24px;
  color: #A9B1BB;
}
.footerContactsBoxTitle {
  font-size: 14px;
  line-height: 24px;
  color: #A9B1BB;
}
.footerContactsBox a {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #041C2C;
  text-decoration: none;
  display: block;
}
.footerContactsBox a[href^=mailto] {
  font-weight: 400;
}
.footerEl {
  width: calc(25% - 24px);
  margin: 0 12px 40px 12px;
}
.footerElTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
}
.footerElContent {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.footerElItem {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 0 0;
}
.footerElItem a {
  color: #041C2C;
  text-decoration: none;
  cursor: pointer;
}
.footerElItem a:hover {
  text-decoration: underline;
}
.footerElSocial {
  margin: 40px 0 0;
}
.footerElSocial .footerElTitle {
  margin-bottom: 17px;
}
.footerElSocialBox {
  display: flex;
  flex-wrap: wrap;
  /*
          @media all and (max-width: 1300px) {
            max-width: 130px;
          }
          @media all and (max-width: 767px) {
            max-width: 100%;
          }*/
}
.footerElSocialIcon {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 8px 0;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
.footerElSocialIcon img {
  max-width: 100%;
  height: auto;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.footerElSocialIcon:last-child {
  margin-right: 0;
}
.footerElPayEl, .footerElWayEl {
  display: inline-block;
  text-decoration: none;
  margin: 0 24px 0 0;
}
.footerElPayEl img, .footerElWayEl img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.footerBottom {
  background: #F8F8F8;
  padding-top: 16px;
  padding-bottom: 16px;
}
.footerBottomInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footerBottom .footerElContacts {
  display: none;
}
.footerBottom .footerElSocial {
  display: none;
}
.footerDeliveryTitle {
  font-size: 14px;
  line-height: 24px;
  color: #A9B1BB;
  display: block;
}
.footerDeliveryContent {
  display: flex;
  min-height: 24px;
  align-items: center;
}
.footerPayTitle {
  font-size: 14px;
  line-height: 24px;
  color: #A9B1BB;
  display: block;
}
.footerPayContent {
  min-height: 24px;
  align-items: center;
  display: flex;
}
.footerDelivery {
  padding: 0 24px;
}
.footerDeliveryEl, .footerPayEl {
  margin: 0 24px 0 0;
  line-height: 2px;
}
.footerDeliveryEl:last-child, .footerPayEl:last-child {
  margin: 0;
}
.footerCopyright {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media all and (max-width: 959px) {
  .footerEl {
    width: calc(33.3333% - 24px);
  }
  .footerEl:last-child {
    display: none;
  }
  .footerBottom .footerElContacts, .footerBottom .footerElSocial, .footerBottom .footerCopyright {
    padding: 0 12px;
    width: calc(33.3333% - 24px);
  }
  .footerBottom .footerElContacts {
    display: block;
  }
  .footerBottom .footerElContactsTitle {
    font-size: 14px;
    line-height: 24px;
    color: #A9B1BB;
  }
  .footerBottom .footerElContacts a {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #041C2C;
    text-decoration: none;
    display: block;
  }
  .footerBottom .footerElContacts a[href^=mailto] {
    font-weight: 400;
  }
  .footerBottom .footerElSocial {
    display: block;
    margin: 0;
  }
  .footerBottom .footerElSocialTitle {
    font-size: 14px;
    line-height: 24px;
    color: #A9B1BB;
    margin: 0 0 8px 0;
  }
  .footerBottomInner {
    margin: 0 -12px;
    align-items: start;
  }
  .footerDelivery, .footerPay {
    display: none;
  }
  .footerCopyright {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  }
}
@media all and (max-width: 767px) {
  .footer {
    margin: 40px 0 0 0;
  }
  .footerList {
    margin: 0 0 0 -16px;
    width: calc(100% + 32px);
    display: flex;
    flex-direction: column;
  }
  .footerEl:last-child {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .footerEl:last-child .footerElTitle {
    display: none;
  }
  .footerEl:last-child .footerElContent {
    display: block;
    max-height: 4000px;
    text-align: center;
  }
  .footerEl .footerEl + .footerEl {
    margin: 0;
  }
  .footerEl {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    order: 10;
    border-top: solid 1px #e5e5e5;
  }
  .footerEl.footerNews {
    order: 1;
  }
  .footerElCombo {
    border: none;
  }
  .footerElTitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin: 0;
    text-transform: uppercase;
    padding: 16px 40px 16px 16px;
    cursor: pointer;
    color: #000000;
    position: relative;
  }
  .footerElTitle:after {
    position: absolute;
    transform-origin: center;
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUgMTMuMjVDNi4yNSAxMy42NjQyIDYuNTg1NzkgMTQgNyAxNEM3LjQxNDIxIDE0IDcuNzUgMTMuNjY0MiA3Ljc1IDEzLjI1VjcuNzVIMTMuMjVDMTMuNjY0MiA3Ljc1IDE0IDcuNDE0MjEgMTQgN0MxNCA2LjU4NTc5IDEzLjY2NDIgNi4yNSAxMy4yNSA2LjI1SDcuNzVWMC43NUM3Ljc1IDAuMzM1Nzg2IDcuNDE0MjEgMCA3IDBDNi41ODU3OSAwIDYuMjUgMC4zMzU3ODYgNi4yNSAwLjc1VjYuMjVIMC43NUMwLjMzNTc4NiA2LjI1IDAgNi41ODU3OSAwIDdDMCA3LjQxNDIxIDAuMzM1Nzg2IDcuNzUgMC43NSA3Ljc1SDYuMjVWMTMuMjVaIiBmaWxsPSIjMDQxQzJDIi8+Cjwvc3ZnPgo=);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
    right: 16px;
    top: 50%;
    margin: -12px 0 0 0;
    transition: transform 0.5s;
  }
  .footerEl.active .footerElTitle:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDFDMCAwLjU4NTc4NiAwLjMzNTc4NiAwLjI1IDAuNzUgMC4yNUgxMy4yNUMxMy42NjQyIDAuMjUgMTQgMC41ODU3ODYgMTQgMUMxNCAxLjQxNDIxIDEzLjY2NDIgMS43NSAxMy4yNSAxLjc1SDAuNzVDMC4zMzU3ODYgMS43NSAwIDEuNDE0MjEgMCAxWiIgZmlsbD0iI0E5QjFCQiIvPgo8L3N2Zz4K);
    background-size: 14px 2px;
  }
  .footerEl.fixed .footerElTitle {
    cursor: default;
  }
  .footerElContent {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s, padding 0.25s;
    padding: 0 16px;
  }
  .footerEl.fixed .footerElContent, .footerEl.active .footerElContent {
    padding-bottom: 16px;
    max-height: 500px;
  }
  .footerBottom {
    margin: 0;
  }
  .footerBottomInner {
    margin: 0;
  }
  .footerBottom .footerElContacts, .footerBottom .footerElSocial {
    display: none;
  }
  .footerBottom .footerCopyright {
    padding: 0;
    text-align: center;
    width: 100%;
  }
}

.basketEl {
  padding: 24px;
  display: flex;
  align-items: center;
}
.basketElImg {
  display: block;
  text-decoration: none;
  width: 96px;
  text-align: center;
}
.basketElImg img {
  max-width: 100%;
  max-height: 120px;
}
.basketElInfo {
  padding: 0 10px 0 24px;
  width: calc(100% - 96px - 108px - 169px - 24px);
}
.basketElQnt {
  position: relative;
  width: 108px;
  min-width: 108px;
  max-width: 108px;
}
.basketElQnt.hide {
  display: none;
}
.basketElQnt input {
  text-align: center;
  padding-left: 32px;
  padding-right: 32px;
}
.basketElQnt .qntMinus,
.basketElQnt .qntPlus {
  cursor: pointer;
}
.basketElQnt .qntMinus:before, .basketElQnt .qntMinus:after,
.basketElQnt .qntPlus:before,
.basketElQnt .qntPlus:after {
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  content: "";
  left: 50%;
  transform: translate(-50%, -50%);
}
.basketElQnt .qntMinus:before,
.basketElQnt .qntPlus:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.basketElQnt .qntMinus.disabled,
.basketElQnt .qntPlus.disabled {
  cursor: default;
}
.basketElQnt .qntMinus.disabled:after, .basketElQnt .qntMinus.disabled:before,
.basketElQnt .qntPlus.disabled:after,
.basketElQnt .qntPlus.disabled:before {
  background: #AEAEAE;
}
.basketElQnt .qntMinus {
  font-size: 0;
  line-height: 0;
  width: 32px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.basketElQnt .qntMinus:before {
  display: none;
}
.basketElQnt .qntPlus {
  font-size: 0;
  line-height: 0;
  width: 32px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
.basketElQnt .qntPlus.disabled {
  cursor: default;
}
.basketElQnt.hide + .basketElPrice {
  width: 277px;
}
.basketElPrice {
  width: 169px;
  text-align: right;
  padding: 0 16px 0 10px;
  display: inline-flex;
  flex-direction: column;
}
.basketElPriceOld {
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  text-decoration-line: line-through;
  color: #AEAEAE;
  order: 2;
}
.basketElPriceOld span:after {
  content: "₽";
}
.basketElPriceCurrent {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  text-align: right;
  order: 1;
}
.basketElPriceCurrent_gift {
  color: #000 !important;
}
.basketElPriceCurrent span:after {
  content: "₽";
}
.basketElPriceOld + .basketElPriceCurrent {
  color: #B9192B;
}
.basketElPriceQnt {
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  color: #AEAEAE;
  order: 3;
}
.basketElPriceQnt span:after {
  content: "₽";
}
.basketElRemove {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}
.basketElRemove.hide {
  display: none;
}
.basketElRemove:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NCA5LjE1ODI5IDAuNDUxMTg0IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg0IDEuMTU4MjkgMC40NTExODQgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjOTQ5NDk0Ii8+Cjwvc3ZnPgo=);
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
}
.basketEl + .basketEl {
  border-top: solid 1px #E5E5E5;
}
.basketElName {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
}
.basketElDetails {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #949494;
  margin: 8px 0 0 0;
}
@media all and (max-width: 767px) {
  .basketElInfo {
    width: calc(100% - 96px - 108px - 109px - 24px);
  }
  .basketElPrice {
    width: 109px;
  }
  .basketElQnt.hide + .basketElPrice {
    width: 217px;
  }
}
@media all and (max-width: 640px) {
  .basketEl {
    padding: 24px 0;
  }
}
@media all and (max-width: 579px) {
  .basketEl {
    padding: 24px 32px 24px 88px;
    position: relative;
    display: block;
  }
  .basketElImg {
    position: absolute;
    top: 50%;
    width: 72px;
    text-align: center;
    left: 0;
    transform: translate(0, -50%);
  }
  .basketElImg img {
    max-height: 90px;
  }
  .basketElDetails {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #949494;
    margin: 8px 0 0 0;
  }
  .basketElDetails > div {
    display: inline;
  }
  .basketElDetails > div:after {
    content: ", ";
  }
  .basketElDetails > div:last-child:after {
    display: none;
  }
  .basketElRemove {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
  }
  .basketElInfo {
    display: block;
    width: 100%;
    padding: 0;
  }
  .basketElQnt {
    margin: 16px 0 0 0;
    display: block;
    width: 100%;
    padding: 0;
  }
  .basketElQnt.hide + .basketElPrice {
    width: 100%;
  }
  .basketElPrice {
    margin: 16px 0 0 0;
    display: flex;
    width: 100%;
    padding: 0;
    flex-direction: row;
    text-align: left;
  }
  .basketElPriceOld {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    vertical-align: baseline;
    display: inline-block;
    text-decoration-line: line-through;
    color: #AEAEAE;
    order: 2;
  }
  .basketElPriceOld span:after {
    content: "₽";
  }
  .basketElPriceCurrent {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    vertical-align: baseline;
    padding: 0 5px 0 0;
    color: #000000;
    text-align: left;
    order: 1;
  }
  .basketElPriceCurrent_gift {
    color: #000 !important;
  }
  .basketElPriceCurrent span:after {
    content: "₽";
  }
  .basketElPriceOld + .basketElPriceCurrent {
    color: #B9192B;
  }
  .basketElPriceQnt {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    display: inline-block;
    vertical-align: baseline;
    color: #AEAEAE;
    order: 3;
  }
  .basketElPriceQnt span:after {
    content: "₽";
  }
}

.chooseShop {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
}
.chooseShopMap {
  width: 59%;
  order: 1;
}
.chooseShopSidebar {
  width: 41%;
  height: 100%;
  position: relative;
  padding: 40px 24px 0 24px;
  order: 2;
}
.chooseShopHeader {
  display: none;
}
.chooseShopTitle {
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}
.chooseShopCity {
  margin: 24px 0 0 0;
  height: 40px;
}
.chooseShopList {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 148px;
  bottom: 0;
  overflow: auto;
  padding: 0 0 16px 0;
}
.chooseShopEl {
  cursor: pointer;
  display: none;
}
.chooseShopEl.active {
  display: block;
}
.chooseShopElTitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #B9192B;
}
.chooseShopElContent {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  margin: 4px 0 0 0;
}
.chooseShopElSave {
  background: #000000;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  width: 120px;
  min-width: 120px;
  padding: 6px 0;
  margin-top: 10px;
  cursor: pointer;
  display: none;
}
@media all and (max-width: 767px) {
  .chooseShopElSave {
    display: block;
  }
}
.chooseShopEl + .chooseShopEl {
  margin-top: 16px;
  padding-top: 16px;
  border-top: solid 1px #E5E5E5;
}
@media all and (max-width: 767px) {
  .chooseShop {
    display: block;
  }
  .chooseShopMap {
    display: none;
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .chooseShopMap.active {
    display: block;
  }
  .chooseShopSidebar {
    width: 100%;
    padding: 16px 16px 0 16px;
    display: block;
  }
  .chooseShopCity {
    display: none;
  }
  .chooseShopSidebar.active .chooseShopCity {
    display: block;
  }
  .chooseShopList {
    display: none;
    position: absolute;
    top: 166px;
    left: 16px;
    right: 16px;
    overflow: auto;
    bottom: 0;
  }
  .chooseShopSidebar.active .chooseShopList {
    display: block;
  }
  .chooseShopHeader {
    display: block;
    margin: 16px 0 0 0;
    font-weight: normal;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    text-transform: uppercase;
    color: #949494;
  }
  .chooseShopHeader span {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
  }
  .chooseShopHeader span.active {
    color: #B9192B;
  }
  .chooseShopHeader span + span {
    margin-left: 28px;
  }
}

.choosePickPoint {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
}
.choosePickPointMap {
  width: 100%;
  order: 1;
}
@media all and (max-width: 767px) {
  .choosePickPoint {
    display: block;
  }
  .choosePickPointMap {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .choosePickPointMap.active {
    display: block;
  }
}

.chooseAddressEl + .chooseAddressEl {
  margin-top: 24px;
  padding-top: 24px;
  border-top: solid 1px #E5E5E5;
}
.chooseAddressElHeader {
  display: flex;
  line-height: 32px;
  margin: 0 0 16px 0;
  justify-content: space-between;
  align-items: start;
}
@media all and (max-width: 767px) {
  .chooseAddressElHeader {
    display: block;
  }
}
.chooseAddressElTitle {
  padding: 0 16px 0 0;
  font-weight: 300;
  font-size: 20px;
  line-height: 32px;
  color: #000000;
}
.chooseAddressElUse {
  background: #000000;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  width: 120px;
  min-width: 120px;
  padding: 6px 0;
  cursor: pointer;
}
.chooseAddressElHeader .chooseAddressElUse {
  margin-left: 20px;
}
@media all and (max-width: 767px) {
  .chooseAddressElHeader .chooseAddressElUse {
    margin: 15px 0 0 0;
  }
}
.chooseAddressElLocation, .chooseAddressElPhone {
  margin: 8px 0 0 0;
  padding: 0 0 0 32px;
  position: relative;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.chooseAddressElPhone:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUzNTM1IDExLjU3MTVDOC44ODA5OSAxMC43NDY0IDguNDQxNyAxMC4wNTM1IDguMTM1MTIgOS4zNDY4N0M4LjU2NTI1IDguOTU5MzkgOC45Njc5MyA4LjU1MzY3IDkuMzU2ODkgOC4xNTcwN0M5LjQ5NDE2IDguMDE1NzUgOS42MzYwMiA3Ljg3NDQzIDkuNzc3ODcgNy43MzMxMUMxMC4yNzIxIDcuMjQwNzggMTAuNTM3NSA2LjY3MDk1IDEwLjUzNzUgNi4wOTJDMTAuNTM3NSA1LjUxMzA1IDEwLjI3NjYgNC45NDMyMiA5Ljc3Nzg3IDQuNDUwODlMOC40MTQyNSAzLjA5MjQyQzguMjU4NCAyLjkzNzE2IDguMTExMjIgMi43ODYyMiA3Ljk2MDA2IDIuNjMxMkw3Ljk0NzUgMi42MTgzMkM3LjY0NTQ5IDIuMzA4MzMgNy4zMjk3NSAxLjk4OTIzIDcuMDE4NTkgMS43MDIwM0M2LjU0NzI3IDEuMjQxNjEgNS45OTM1OCAxIDUuNDA3ODcgMUM0LjgyNjcyIDEgNC4yNjg0NiAxLjI0MTYxIDMuNzc4ODQgMS43MDY1OUwyLjA2NzQ0IDMuNDExNTJDMS40NDUxMiA0LjAzMTUgMS4wOTI3NyA0Ljc4MzY3IDEuMDE5NTYgNS42NTQzN0MwLjkzMjYxNSA2Ljc0Mzg5IDEuMTMzOTYgNy45MDE3OCAxLjY1NTYxIDkuMzAxMjhDMi40NTY0IDExLjQ2NjYgMy42NjQ0NCAxMy40NzcgNS40NTgyIDE1LjYyNDFDNy42MzYzNCAxOC4yMTggMTAuMjU4MyAyMC4yNjAzIDEzLjI1MSAyMS43MDUzQzE0LjM5MDQgMjIuMjQzMyAxNS45MTQyIDIyLjg4MTUgMTcuNjExOCAyMi45OTA5TDE3LjYyNDQgMjIuOTkxNEMxNy43MjUxIDIyLjk5NTggMTcuODIxOSAyMyAxNy45MjMgMjNDMTkuMDYyNCAyMyAxOS45Nzc2IDIyLjYwOCAyMC43MjM1IDIxLjgwMTFDMjAuNzI4MSAyMS43OTY1IDIwLjczNzIgMjEuNzg3NCAyMC43NDE4IDIxLjc3ODNDMjAuOTg4OSAyMS40ODExIDIxLjI2NzggMjEuMjExNyAyMS41NiAyMC45Mjk0QzIxLjU4MTUgMjAuOTA4NSAyMS42MDMyIDIwLjg4NzYgMjEuNjI0OSAyMC44NjY2QzIxLjg0IDIwLjY2MTQgMjIuMDU5NiAyMC40NDcyIDIyLjI3MDEgMjAuMjI4M0MyMy4yNDQ4IDE5LjIxNjMgMjMuMjQ0OCAxNy45MzA4IDIyLjI2MSAxNi45NTA3TDE5LjUxMDkgMTQuMjEwOUMxOS4wNDQxIDEzLjcyNzcgMTguNDg1OSAxMy40NzI0IDE3LjkwMDEgMTMuNDcyNEMxNy4zMTQ0IDEzLjQ3MjQgMTYuNzUxNiAxMy43Mjc3IDE2LjI3MTEgMTQuMjA2NEwxNC42MzI5IDE1LjgzODRDMTQuNDgxOSAxNS43NTE4IDE0LjMyNjMgMTUuNjc0MyAxNC4xNzk5IDE1LjYwMTNDMTMuOTk2OSAxNS41MTAyIDEzLjgyNzYgMTUuNDIzNSAxMy42NzY2IDE1LjMyNzhDMTIuMTg0OCAxNC4zODQyIDEwLjgzMDMgMTMuMTUzMyA5LjUzNTM1IDExLjU3MTVaTTEzLjE0MTEgMTYuMTcyNEMxMS41NDU0IDE1LjE2MjggMTAuMTEzMSAxMy44NTU4IDguNzYxNTcgMTIuMjA0OUw4Ljc1MTgzIDEyLjE5MjlDOC4wNjM4NCAxMS4zMjUzIDcuNTcwMDkgMTAuNTU3IDcuMjE3NzUgOS43NDQ5MUM3LjA0NjczIDkuMzUwNzggNy4xNDY1OSA4Ljg5MTQ1IDcuNDY1ODEgOC42MDM4OUM3Ljg3MDMzIDguMjM5NDcgOC4yNTM2NyA3Ljg1Mzc4IDguNjQxMjcgNy40NTg1N0M4Ljc4MzczIDcuMzExOTYgOC45Mjk4MiA3LjE2NjQyIDkuMDY5MjIgNy4wMjc1NEw5LjA3MjEgNy4wMjQ2N0M5LjQyMTM0IDYuNjc2NzUgOS41Mzc0NyA2LjM0OTUyIDkuNTM3NDcgNi4wOTJDOS41Mzc0NyA1LjgzMDkgOS40MjI5MiA1LjUwNTYzIDkuMDc1MzggNS4xNjI1OEw5LjA3MjEgNS4xNTkzNEw3LjcwODQ4IDMuODAwODZDNy41NDc0MyAzLjY0MDQyIDcuMzk1ODEgMy40ODQ5MiA3LjI0NTkyIDMuMzMxMjFMNy4yMzE1NCAzLjMxNjQ2QzYuOTMxMTEgMy4wMDgwOSA2LjYzMDcgMi43MDQ4NiA2LjM0MDM1IDIuNDM2ODdDNi4zMzM0MSAyLjQzMDQ3IDYuMzI2NTYgMi40MjM5NiA2LjMxOTggMi40MTczNkM2LjAwOTU1IDIuMTE0MjggNS42OTg1IDIgNS40MDc4NyAyQzUuMTI1NyAyIDQuODA3ODYgMi4xMTE0NiA0LjQ3NTM3IDIuNDI0MjNMMi43NzMyMSA0LjExOTk2QzIuMzE3NDcgNC41NzM5OCAyLjA2OTc0IDUuMTA0ODQgMi4wMTYyMSA1LjczNjFDMS45NDQ3MyA2LjYzNjc4IDIuMTA0OTQgNy42NDM2MyAyLjU5MjYzIDguOTUyMDJMMi41OTM1MyA4Ljk1NDQzQzMuMzQ3MzIgMTAuOTkyNyA0LjQ4OTk4IDEyLjkwNTMgNi4yMjQ4OSAxNC45ODIxQzguMzEyMTkgMTcuNDY3NSAxMC44MjAyIDE5LjQyMDQgMTMuNjgxOSAyMC44MDI5QzE0Ljc5NDYgMjEuMzI4MSAxNi4xNzEyIDIxLjg5MzggMTcuNjY2MSAyMS45OTIzQzE3Ljc3MDcgMjEuOTk2OCAxNy44NDYxIDIyIDE3LjkyMyAyMkMxOC43ODM0IDIyIDE5LjQyMyAyMS43MjM3IDE5Ljk2NzIgMjEuMTQ1OEMxOS45NjkxIDIxLjE0MzUgMTkuOTcxIDIxLjE0MTIgMTkuOTcyOSAyMS4xMzg4QzIwLjI1NjYgMjAuNzk3NyAyMC41NzM2IDIwLjQ5MTYgMjAuODU4MyAyMC4yMTY3QzIwLjg4MjMgMjAuMTkzNSAyMC45MDYxIDIwLjE3MDYgMjAuOTI5NyAyMC4xNDc4TDIwLjkzNDcgMjAuMTQyOUMyMS4xNDQ5IDE5Ljk0MjQgMjEuMzUzMSAxOS43MzkyIDIxLjU0OTUgMTkuNTM1MUMyMS44ODggMTkuMTgzNiAyMi4wMDA1IDE4Ljg0ODkgMjIgMTguNTc5NkMyMS45OTk1IDE4LjMxMjYgMjEuODg4MyAxNy45OTA5IDIxLjU1NTIgMTcuNjU5MUwxOC44MDUxIDE0LjkxOTRMMTguNzkxNiAxNC45MDU3QzE4LjQ4MzkgMTQuNTg3MSAxOC4xNzUgMTQuNDcyNCAxNy45MDAxIDE0LjQ3MjRDMTcuNjIzNiAxNC40NzI0IDE3LjMwNDEgMTQuNTg4OCAxNi45NzY5IDE0LjkxNDhMMTUuMzM4NyAxNi41NDY4QzE1LjAxOTMgMTYuODY1IDE0LjUyNjUgMTYuOTMwMSAxNC4xMzU0IDE2LjcwNThDMTQuMDEzOSAxNi42MzYxIDEzLjg4NDQgMTYuNTcxMyAxMy43MzQgMTYuNDk2NEMxMy41NTIzIDE2LjQwNTkgMTMuMzQwNiAxNi4yOTg5IDEzLjE0MTEgMTYuMTcyNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.chooseAddressElLocation:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCA1LjVDNy41MTQ3MiA1LjUgNS41IDcuNTE0NzIgNS41IDEwQzUuNSAxMi40ODUzIDcuNTE0NzIgMTQuNSAxMCAxNC41QzEyLjQ4NTMgMTQuNSAxNC41IDEyLjQ4NTMgMTQuNSAxMEMxNC41IDcuNTE0NzIgMTIuNDg1MyA1LjUgMTAgNS41Wk02LjUgMTBDNi41IDguMDY3IDguMDY3IDYuNSAxMCA2LjVDMTEuOTMzIDYuNSAxMy41IDguMDY3IDEzLjUgMTBDMTMuNSAxMS45MzMgMTEuOTMzIDEzLjUgMTAgMTMuNUM4LjA2NyAxMy41IDYuNSAxMS45MzMgNi41IDEwWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc3NTkzIDIzLjk0N0M5Ljc3NjE4IDIzLjk0NzEgOS43NzYzOSAyMy45NDcyIDEwIDIzLjVMOS43NzU5MyAyMy45NDdDOS45MTY2OSAyNC4wMTc0IDEwLjA4MjggMjQuMDE3NiAxMC4yMjM2IDIzLjk0NzJMMTAgMjMuNUMxMC4yMjM2IDIzLjk0NzIgMTAuMjIzNCAyMy45NDczIDEwLjIyMzYgMjMuOTQ3MkwxMC4yMjQ3IDIzLjk0NjZMMTAuMjI2NyAyMy45NDU3TDEwLjIzMyAyMy45NDI0TDEwLjI1NTMgMjMuOTMxQzEwLjI3NDQgMjMuOTIxMiAxMC4zMDE3IDIzLjkwNjkgMTAuMzM2NyAyMy44ODgyQzEwLjQwNjkgMjMuODUwNyAxMC41MDc5IDIzLjc5NTQgMTAuNjM1NiAyMy43MjIyQzEwLjg5MDcgMjMuNTc1NyAxMS4yNTI0IDIzLjM1NzQgMTEuNjg1MiAyMy4wNjY2QzEyLjU0OTggMjIuNDg1NCAxMy43MDI2IDIxLjYxMTQgMTQuODU2NCAyMC40Mzg1QzE3LjE2MjggMTguMDk0IDE5LjUgMTQuNTI1OCAxOS41IDkuNzAyN0MxOS41IDQuNjA0NDkgMTUuMjMwNyAwLjUgMTAgMC41QzQuNzY5MjYgMC41IDAuNSA0LjYwNDQ5IDAuNSA5LjcwMjdDMC41IDE0LjUyNTggMi44MzcxNyAxOC4wOTQgNS4xNDM1NiAyMC40Mzg1QzYuMjk3NDUgMjEuNjExNCA3LjQ1MDE3IDIyLjQ4NTQgOC4zMTQ4MiAyMy4wNjY2QzguNzQ3NTUgMjMuMzU3NCA5LjEwOTI2IDIzLjU3NTcgOS4zNjQ0NCAyMy43MjIyQzkuNDkyMDcgMjMuNzk1NCA5LjU5MzE0IDIzLjg1MDcgOS42NjMyNSAyMy44ODgyQzkuNjk4MzEgMjMuOTA2OSA5LjcyNTY0IDIzLjkyMTIgOS43NDQ2NyAyMy45MzFMOS43NjY5NSAyMy45NDI0TDkuNzczMyAyMy45NDU3TDkuNzc1OTMgMjMuOTQ3Wk0xLjUgOS43MDI3QzEuNSA1LjE4ODE3IDUuMjg5NjIgMS41IDEwIDEuNUMxNC43MTA0IDEuNSAxOC41IDUuMTg4MTcgMTguNSA5LjcwMjdDMTguNSAxNC4xNzY5IDE2LjMzNzIgMTcuNTA3NCAxNC4xNDM2IDE5LjczNzJDMTMuMDQ3NCAyMC44NTE0IDExLjk1MDIgMjEuNjgzNSAxMS4xMjczIDIyLjIzNjZDMTAuNzE2MyAyMi41MTI5IDEwLjM3NDkgMjIuNzE4OCAxMC4xMzc5IDIyLjg1NDhDMTAuMDg3IDIyLjg4NCAxMC4wNDA5IDIyLjkxIDEwIDIyLjkzMjdDOS45NTkxMSAyMi45MSA5LjkxMzAzIDIyLjg4NCA5Ljg2MjEyIDIyLjg1NDhDOS42MjUxMiAyMi43MTg4IDkuMjgzNyAyMi41MTI5IDguODcyNjggMjIuMjM2NkM4LjA0OTgzIDIxLjY4MzUgNi45NTI1NSAyMC44NTE0IDUuODU2NDQgMTkuNzM3MkMzLjY2MjgzIDE3LjUwNzQgMS41IDE0LjE3NjkgMS41IDkuNzAyN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.modalMapPopupTitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #B9192B;
}
.modalMapPopupContent {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  margin: 4px 0 0 0;
}
.modalMapPopupSave {
  background: #000000;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  width: 120px;
  min-width: 120px;
  padding: 6px 0;
  margin-top: 10px;
  cursor: pointer;
}

.order {
  display: flex;
  width: 100%;
  align-items: start;
}
.orderInfo {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #949494;
  margin: 8px 0 24px 0;
}
@media all and (max-width: 959px) {
  .orderInfo {
    text-align: center;
  }
}
.orderInput, .formEl > input, .prFormEl > input, .orderAddressCol > input, .orderUserCol > input, .orderPromoVal input, .basketElQnt input, .chooseShopCity select, .orderSelect, .formEl > select, .prFormEl > select {
  display: block;
  width: 100%;
  padding: 8px 8px;
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  outline: none;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #DDE0E4;
  transition: all 0.5s;
}
.orderInput::placeholder, .formEl > input::placeholder, .prFormEl > input::placeholder, .orderAddressCol > input::placeholder, .orderUserCol > input::placeholder, .orderPromoVal input::placeholder, .basketElQnt input::placeholder, .chooseShopCity select::placeholder, .orderSelect::placeholder, .formEl > select::placeholder, .prFormEl > select::placeholder {
  color: #AEAEAE;
}
.orderInput:focus, .formEl > input:focus, .prFormEl > input:focus, .orderAddressCol > input:focus, .orderUserCol > input:focus, .orderPromoVal input:focus, .basketElQnt input:focus, .chooseShopCity select:focus, .orderSelect:focus, .formEl > select:focus, .prFormEl > select:focus {
  border-color: #000;
}
.orderTextarea, .formEl > textarea, .prFormEl > textarea, .orderAddressCol > textarea {
  display: block;
  width: 100%;
  padding: 8px 8px;
  height: 64px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  resize: none;
  border: 1px solid #DDE0E4;
}
.orderTextarea::placeholder, .formEl > textarea::placeholder, .prFormEl > textarea::placeholder, .orderAddressCol > textarea::placeholder {
  color: #AEAEAE;
}
.orderContent {
  width: calc(100% - 397px - 24px);
}
.orderSidebar {
  width: 397px;
  position: sticky;
  top: 90px;
  margin: 0 0 0 24px;
}
.orderTotalContent {
  background: #FAFAFA;
  padding: 40px;
}
.orderTotalInfo {
  padding: 24px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #949494;
}
.orderTotalInfo a {
  color: #000;
  text-decoration: none;
}
.orderTotalInfo a:hover {
  color: #000;
  text-decoration: underline;
}
.orderTotalRow {
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  display: flex;
  justify-content: space-between;
}
.orderTotalRow span + span {
  padding: 0 0 0 10px;
  font-weight: 700;
}
.orderTotalRow + .orderTotalRow {
  margin: 8px 0 0 0;
}
.orderTotalRow_final {
  font-size: 18px;
  line-height: 24px;
  margin: 32px 0 0 0;
  text-transform: uppercase;
}
.orderTotalRow_final span + span {
  font-weight: 700;
}
.orderSubmit {
  margin: 32px 0 0 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #000;
}
.orderPromo {
  margin: 32px 0 0 0;
}
.orderPromoForm {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.orderPromoVal {
  width: calc(100% - 68px);
}
.orderPromoSubmit {
  width: 60px;
  height: 40px;
  background: #000;
  position: relative;
  border: none;
  cursor: pointer;
  padding: 0;
}
.orderPromoSubmit i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC45MzM0IDAuNjc5ODk4QzE1LjExMDIgMC44MjcyMTYgMTUuMTM0IDEuMDg5OTUgMTQuOTg2NyAxLjI2NjczTDYuNjUzNCAxMS4yNjY3QzYuNTA2MDggMTEuNDQzNSA2LjI0MzM0IDExLjQ2NzQgNi4wNjY1NiAxMS4zMjAxTDEuMDY2NTYgNy4xNTM0MkMwLjg4OTc3OCA3LjAwNjEgMC44NjU4OTMgNi43NDMzNiAxLjAxMzIxIDYuNTY2NThDMS4xNjA1MyA2LjM4OTggMS40MjMyNiA2LjM2NTkxIDEuNjAwMDUgNi41MTMyM0w2LjI3OTk1IDEwLjQxMzJMMTQuMzQ2NSAwLjczMzI0N0MxNC40OTM5IDAuNTU2NDY1IDE0Ljc1NjYgMC41MzI1OCAxNC45MzM0IDAuNjc5ODk4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  width: 16px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.orderTitle {
  font-weight: bold;
  font-size: 50px;
  line-height: 56px;
}
.orderForm {
  margin: 64px 0 0 0;
}
.orderTitle + .orderBox {
  padding-top: 0;
  border: none;
  margin: 24px 0 0 0;
}
.orderBox {
  padding: 40px 0 0 0;
  border-top: solid 1px #E5E5E5;
  margin: 40px 0 0 0;
}
.orderBoxHeader {
  margin: 0 0 16px 0;
}
.orderBoxHeaderInfo {
  display: inline;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
.orderBoxHeaderInfo span, .orderBoxHeaderInfo a {
  color: #B9192B;
  text-decoration: none;
}
.orderBoxHeaderInfo a:hover {
  text-decoration: underline;
}
.orderBoxTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  display: inline-block;
  padding: 0 20px 0 0;
  color: #000000;
}
.orderCh {
  position: relative;
  overflow: hidden;
  margin: 8px 0 0 0;
}
.orderCh:first-child {
  margin: 0;
}
.orderCh input {
  opacity: 0;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}
.orderCh label {
  padding: 0 0 0 28px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  z-index: 2;
  display: block;
  cursor: pointer;
}
.orderCh label:before {
  background-color: #fff;
  border: 1px solid #041C2C;
  border-radius: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: "";
}
.orderCh input:checked + label:before {
  border-color: #041C2C;
  background-size: 13px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSIjMDQxQzJDIi8+Cjwvc3ZnPgo=);
}
.orderTimeBox {
  padding-top: 0;
  border-top: 0;
}
.orderChoose, .orderPay, .orderDelivery {
  overflow: hidden;
}
.orderChooseList, .orderPayList, .orderDeliveryList {
  display: flex;
  margin: -16px 0 0 -16px;
  flex-wrap: wrap;
  align-items: stretch;
}
.orderChoose_mw .orderChooseEl label, .orderChoose_mw .orderPayEl label, .orderChoose_mw .orderDeliveryEl label, .orderPay_mw .orderChooseEl label, .orderPay_mw .orderPayEl label, .orderPay_mw .orderDeliveryEl label, .orderDelivery_mw .orderChooseEl label, .orderDelivery_mw .orderPayEl label, .orderDelivery_mw .orderDeliveryEl label {
  min-width: 100px;
}
.orderChooseEl, .orderPayEl, .orderDeliveryEl {
  position: relative;
  overflow: hidden;
  margin: 16px 0 0 16px;
  text-align: center;
}
.orderChooseEl input, .orderPayEl input, .orderDeliveryEl input {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.orderChooseEl label, .orderPayEl label, .orderDeliveryEl label {
  z-index: 2;
  display: block;
  position: relative;
  height: 100%;
  padding: 16px 4px;
  background: #FFFFFF;
  cursor: pointer;
  border: 1px solid #DDE0E4;
}
.orderChooseEl input:checked + label, .orderPayEl input:checked + label, .orderDeliveryEl input:checked + label {
  border-color: #000;
  border-width: 2px;
  padding: 15px 3px;
}
.orderChooseElTitle, .orderPayElTitle, .orderDeliveryElTitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: block;
  color: #041C2C;
}
.orderChooseElText, .orderPayElText, .orderDeliveryElText {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #A9B1BB;
  margin: 4px 0 0 0;
  display: block;
}
.orderChooseElText img, .orderPayElText img, .orderDeliveryElText img {
  margin-right: 12px;
  vertical-align: middle;
}
.orderDateBox .orderChooseEl {
  width: calc(14.2857142857% - 16px);
}
.orderDateBox .orderChooseEl label {
  padding-left: 3px;
  padding-right: 3px;
}
.orderDateBox .orderChooseEl input:checked + label {
  padding-left: 3px;
  padding-right: 3px;
}
@media all and (max-width: 1100px) {
  .orderDateBox .orderChooseEl {
    width: calc(20% - 16px);
  }
}
.orderTimeBox .orderChooseEl {
  width: calc(20% - 16px);
}
.orderTimeBox .orderChooseEl label {
  padding-left: 3px;
  padding-right: 3px;
}
.orderTimeBox .orderChooseEl input:checked + label {
  padding-left: 3px;
  padding-right: 3px;
}
.orderDeliveryEl {
  text-align: left;
  width: calc(33.3333333333% - 16px);
}
.orderDeliveryEl label {
  padding: 24px;
}
.orderDeliveryEl input:checked + label {
  border-color: #000;
  border-width: 2px;
  padding: 23px;
}
@media all and (max-width: 959px) {
  .orderDeliveryEl label {
    padding: 16px;
  }
  .orderDeliveryEl input:checked + label {
    padding: 15px;
  }
}
.orderPayEl {
  text-align: left;
  width: calc(50% - 16px);
}
.orderPayEl label {
  padding: 24px;
}
.orderPayEl input:checked + label {
  padding: 23px;
}
.orderCalendar {
  height: 44px;
  display: block;
  position: relative;
}
.orderCalendar:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTFDNi41NTIyOCAxMSA3IDEwLjU1MjMgNyAxMEM3IDkuNDQ3NzEgNi41NTIyOCA5IDYgOUM1LjQ0NzcyIDkgNSA5LjQ0NzcxIDUgMTBDNSAxMC41NTIzIDUuNDQ3NzIgMTEgNiAxMVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik03IDE0QzcgMTQuNTUyMyA2LjU1MjI4IDE1IDYgMTVDNS40NDc3MiAxNSA1IDE0LjU1MjMgNSAxNEM1IDEzLjQ0NzcgNS40NDc3MiAxMyA2IDEzQzYuNTUyMjggMTMgNyAxMy40NDc3IDcgMTRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTEgMTFDMTEuNTUyMyAxMSAxMiAxMC41NTIzIDEyIDEwQzEyIDkuNDQ3NzEgMTEuNTUyMyA5IDExIDlDMTAuNDQ3NyA5IDEwIDkuNDQ3NzEgMTAgMTBDMTAgMTAuNTUyMyAxMC40NDc3IDExIDExIDExWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTEyIDE0QzEyIDE0LjU1MjMgMTEuNTUyMyAxNSAxMSAxNUMxMC40NDc3IDE1IDEwIDE0LjU1MjMgMTAgMTRDMTAgMTMuNDQ3NyAxMC40NDc3IDEzIDExIDEzQzExLjU1MjMgMTMgMTIgMTMuNDQ3NyAxMiAxNFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNiAxMUMxNi41NTIzIDExIDE3IDEwLjU1MjMgMTcgMTBDMTcgOS40NDc3MSAxNi41NTIzIDkgMTYgOUMxNS40NDc3IDkgMTUgOS40NDc3MSAxNSAxMEMxNSAxMC41NTIzIDE1LjQ0NzcgMTEgMTYgMTFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNSAxQzYuNSAwLjcyMzg1OCA2LjI3NjE0IDAuNSA2IDAuNUM1LjcyMzg2IDAuNSA1LjUgMC43MjM4NTggNS41IDFWMi41SDFDMC43MjM4NTggMi41IDAuNSAyLjcyMzg2IDAuNSAzVjE5QzAuNSAxOS4yNzYxIDAuNzIzODU4IDE5LjUgMSAxOS41SDIxQzIxLjI3NjEgMTkuNSAyMS41IDE5LjI3NjEgMjEuNSAxOVYzQzIxLjUgMi43MjM4NiAyMS4yNzYxIDIuNSAyMSAyLjVIMTYuNVYxQzE2LjUgMC43MjM4NTggMTYuMjc2MSAwLjUgMTYgMC41QzE1LjcyMzkgMC41IDE1LjUgMC43MjM4NTggMTUuNSAxVjIuNUg2LjVWMVpNMS41IDMuNUg1LjVWNUM1LjUgNS4yNzYxNCA1LjcyMzg2IDUuNSA2IDUuNUM2LjI3NjE0IDUuNSA2LjUgNS4yNzYxNCA2LjUgNVYzLjVIMTUuNVY1QzE1LjUgNS4yNzYxNCAxNS43MjM5IDUuNSAxNiA1LjVDMTYuMjc2MSA1LjUgMTYuNSA1LjI3NjE0IDE2LjUgNVYzLjVIMjAuNVYxOC41SDEuNVYzLjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
  width: 22px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
}
.order #orderCalendarBtn span span {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 5px;
}
.orderDeliveryType {
  display: none;
}
.orderDeliveryType.active {
  display: block;
}
.orderDeliveryType .orderBox:first-child {
  padding-top: 0;
  border: none;
}
.orderUser {
  margin: -12px 0 0 -24px;
  display: flex;
  width: calc(100% + 24px);
}
.orderUserCol {
  width: calc(25% - 24px);
  margin: 24px 0 0 24px;
}
.orderUserCol > label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #041C2C;
  margin: 0 0 4px 0;
}
.orderAddress {
  margin: -12px 0 0 -24px;
  display: flex;
  flex-wrap: wrap;
}
.orderAddressCol {
  width: calc(25% - 24px);
  margin: 24px 0 0 24px;
}
.orderAddressCol_m {
  width: calc(50% - 24px);
}
.orderAddressCol_w {
  width: calc(100% - 24px);
}
.orderAddressCol > label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #041C2C;
  margin: 0 0 4px 0;
}
.orderPick {
  min-height: 240px;
  position: relative;
  overflow: hidden;
}
.orderPickInfo {
  position: absolute;
  transition: 0.2s;
  transform: translateX(-100%);
  padding: 0 30px 0 0;
  width: 50%;
  top: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  font-size: 14px;
  overflow: auto;
  line-height: 24px;
  color: #000;
  z-index: 1;
}
.orderPickInfo.active {
  transition: 0.2s;
  transform: translateX(0);
}
.orderPickInfo p {
  margin: 0;
}
.orderPickInfoTitle {
  margin: 0 0 4px 0;
  font-size: 16px;
  line-height: 24px;
  color: #B9192B;
}
.orderPickInfoTel a {
  color: #000;
  text-decoration: none;
}
.orderPickInfoBtn {
  display: inline-block;
  margin: 16px 0 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  cursor: pointer;
  background: #fff;
  text-align: center;
  border: solid 1px #000;
  padding: 6px 30px;
  transition: all 0.3s;
}
.orderPickInfoBtn:hover {
  background: #000;
  color: #fff;
}
.orderPickAddress .orderPickInfo.active + .orderPickMap {
  width: 50%;
  margin-left: 50%;
}
.orderPickMap {
  width: 50%;
  margin-left: 50%;
  height: 240px;
}
.orderFinalInfoUser {
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.orderFinalInfoUser a {
  color: #000;
  text-decoration: none;
}
.orderFinalInfoUserPhone {
  position: relative;
  margin: 16px 0 0 0;
  padding: 0 0 0 32px;
}
.orderFinalInfoUserPhone:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjUzNTM1IDExLjU3MTVDOC44ODA5OSAxMC43NDY0IDguNDQxNyAxMC4wNTM1IDguMTM1MTIgOS4zNDY4N0M4LjU2NTI1IDguOTU5MzkgOC45Njc5MyA4LjU1MzY3IDkuMzU2ODkgOC4xNTcwN0M5LjQ5NDE2IDguMDE1NzUgOS42MzYwMiA3Ljg3NDQzIDkuNzc3ODcgNy43MzMxMUMxMC4yNzIxIDcuMjQwNzggMTAuNTM3NSA2LjY3MDk1IDEwLjUzNzUgNi4wOTJDMTAuNTM3NSA1LjUxMzA1IDEwLjI3NjYgNC45NDMyMiA5Ljc3Nzg3IDQuNDUwODlMOC40MTQyNSAzLjA5MjQyQzguMjU4NCAyLjkzNzE2IDguMTExMjIgMi43ODYyMiA3Ljk2MDA2IDIuNjMxMkw3Ljk0NzUgMi42MTgzMkM3LjY0NTQ5IDIuMzA4MzMgNy4zMjk3NSAxLjk4OTIzIDcuMDE4NTkgMS43MDIwM0M2LjU0NzI3IDEuMjQxNjEgNS45OTM1OCAxIDUuNDA3ODcgMUM0LjgyNjcyIDEgNC4yNjg0NiAxLjI0MTYxIDMuNzc4ODQgMS43MDY1OUwyLjA2NzQ0IDMuNDExNTJDMS40NDUxMiA0LjAzMTUgMS4wOTI3NyA0Ljc4MzY3IDEuMDE5NTYgNS42NTQzN0MwLjkzMjYxNSA2Ljc0Mzg5IDEuMTMzOTYgNy45MDE3OCAxLjY1NTYxIDkuMzAxMjhDMi40NTY0IDExLjQ2NjYgMy42NjQ0NCAxMy40NzcgNS40NTgyIDE1LjYyNDFDNy42MzYzNCAxOC4yMTggMTAuMjU4MyAyMC4yNjAzIDEzLjI1MSAyMS43MDUzQzE0LjM5MDQgMjIuMjQzMyAxNS45MTQyIDIyLjg4MTUgMTcuNjExOCAyMi45OTA5TDE3LjYyNDQgMjIuOTkxNEMxNy43MjUxIDIyLjk5NTggMTcuODIxOSAyMyAxNy45MjMgMjNDMTkuMDYyNCAyMyAxOS45Nzc2IDIyLjYwOCAyMC43MjM1IDIxLjgwMTFDMjAuNzI4MSAyMS43OTY1IDIwLjczNzIgMjEuNzg3NCAyMC43NDE4IDIxLjc3ODNDMjAuOTg4OSAyMS40ODExIDIxLjI2NzggMjEuMjExNyAyMS41NiAyMC45Mjk0QzIxLjU4MTUgMjAuOTA4NSAyMS42MDMyIDIwLjg4NzYgMjEuNjI0OSAyMC44NjY2QzIxLjg0IDIwLjY2MTQgMjIuMDU5NiAyMC40NDcyIDIyLjI3MDEgMjAuMjI4M0MyMy4yNDQ4IDE5LjIxNjMgMjMuMjQ0OCAxNy45MzA4IDIyLjI2MSAxNi45NTA3TDE5LjUxMDkgMTQuMjEwOUMxOS4wNDQxIDEzLjcyNzcgMTguNDg1OSAxMy40NzI0IDE3LjkwMDEgMTMuNDcyNEMxNy4zMTQ0IDEzLjQ3MjQgMTYuNzUxNiAxMy43Mjc3IDE2LjI3MTEgMTQuMjA2NEwxNC42MzI5IDE1LjgzODRDMTQuNDgxOSAxNS43NTE4IDE0LjMyNjMgMTUuNjc0MyAxNC4xNzk5IDE1LjYwMTNDMTMuOTk2OSAxNS41MTAyIDEzLjgyNzYgMTUuNDIzNSAxMy42NzY2IDE1LjMyNzhDMTIuMTg0OCAxNC4zODQyIDEwLjgzMDMgMTMuMTUzMyA5LjUzNTM1IDExLjU3MTVaTTEzLjE0MTEgMTYuMTcyNEMxMS41NDU0IDE1LjE2MjggMTAuMTEzMSAxMy44NTU4IDguNzYxNTcgMTIuMjA0OUw4Ljc1MTgzIDEyLjE5MjlDOC4wNjM4NCAxMS4zMjUzIDcuNTcwMDkgMTAuNTU3IDcuMjE3NzUgOS43NDQ5MUM3LjA0NjczIDkuMzUwNzggNy4xNDY1OSA4Ljg5MTQ1IDcuNDY1ODEgOC42MDM4OUM3Ljg3MDMzIDguMjM5NDcgOC4yNTM2NyA3Ljg1Mzc4IDguNjQxMjcgNy40NTg1N0M4Ljc4MzczIDcuMzExOTYgOC45Mjk4MiA3LjE2NjQyIDkuMDY5MjIgNy4wMjc1NEw5LjA3MjEgNy4wMjQ2N0M5LjQyMTM0IDYuNjc2NzUgOS41Mzc0NyA2LjM0OTUyIDkuNTM3NDcgNi4wOTJDOS41Mzc0NyA1LjgzMDkgOS40MjI5MiA1LjUwNTYzIDkuMDc1MzggNS4xNjI1OEw5LjA3MjEgNS4xNTkzNEw3LjcwODQ4IDMuODAwODZDNy41NDc0MyAzLjY0MDQyIDcuMzk1ODEgMy40ODQ5MiA3LjI0NTkyIDMuMzMxMjFMNy4yMzE1NCAzLjMxNjQ2QzYuOTMxMTEgMy4wMDgwOSA2LjYzMDcgMi43MDQ4NiA2LjM0MDM1IDIuNDM2ODdDNi4zMzM0MSAyLjQzMDQ3IDYuMzI2NTYgMi40MjM5NiA2LjMxOTggMi40MTczNkM2LjAwOTU1IDIuMTE0MjggNS42OTg1IDIgNS40MDc4NyAyQzUuMTI1NyAyIDQuODA3ODYgMi4xMTE0NiA0LjQ3NTM3IDIuNDI0MjNMMi43NzMyMSA0LjExOTk2QzIuMzE3NDcgNC41NzM5OCAyLjA2OTc0IDUuMTA0ODQgMi4wMTYyMSA1LjczNjFDMS45NDQ3MyA2LjYzNjc4IDIuMTA0OTQgNy42NDM2MyAyLjU5MjYzIDguOTUyMDJMMi41OTM1MyA4Ljk1NDQzQzMuMzQ3MzIgMTAuOTkyNyA0LjQ4OTk4IDEyLjkwNTMgNi4yMjQ4OSAxNC45ODIxQzguMzEyMTkgMTcuNDY3NSAxMC44MjAyIDE5LjQyMDQgMTMuNjgxOSAyMC44MDI5QzE0Ljc5NDYgMjEuMzI4MSAxNi4xNzEyIDIxLjg5MzggMTcuNjY2MSAyMS45OTIzQzE3Ljc3MDcgMjEuOTk2OCAxNy44NDYxIDIyIDE3LjkyMyAyMkMxOC43ODM0IDIyIDE5LjQyMyAyMS43MjM3IDE5Ljk2NzIgMjEuMTQ1OEMxOS45NjkxIDIxLjE0MzUgMTkuOTcxIDIxLjE0MTIgMTkuOTcyOSAyMS4xMzg4QzIwLjI1NjYgMjAuNzk3NyAyMC41NzM2IDIwLjQ5MTYgMjAuODU4MyAyMC4yMTY3QzIwLjg4MjMgMjAuMTkzNSAyMC45MDYxIDIwLjE3MDYgMjAuOTI5NyAyMC4xNDc4TDIwLjkzNDcgMjAuMTQyOUMyMS4xNDQ5IDE5Ljk0MjQgMjEuMzUzMSAxOS43MzkyIDIxLjU0OTUgMTkuNTM1MUMyMS44ODggMTkuMTgzNiAyMi4wMDA1IDE4Ljg0ODkgMjIgMTguNTc5NkMyMS45OTk1IDE4LjMxMjYgMjEuODg4MyAxNy45OTA5IDIxLjU1NTIgMTcuNjU5MUwxOC44MDUxIDE0LjkxOTRMMTguNzkxNiAxNC45MDU3QzE4LjQ4MzkgMTQuNTg3MSAxOC4xNzUgMTQuNDcyNCAxNy45MDAxIDE0LjQ3MjRDMTcuNjIzNiAxNC40NzI0IDE3LjMwNDEgMTQuNTg4OCAxNi45NzY5IDE0LjkxNDhMMTUuMzM4NyAxNi41NDY4QzE1LjAxOTMgMTYuODY1IDE0LjUyNjUgMTYuOTMwMSAxNC4xMzU0IDE2LjcwNThDMTQuMDEzOSAxNi42MzYxIDEzLjg4NDQgMTYuNTcxMyAxMy43MzQgMTYuNDk2NEMxMy41NTIzIDE2LjQwNTkgMTMuMzQwNiAxNi4yOTg5IDEzLjE0MTEgMTYuMTcyNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.orderFinalInfoUserName {
  position: relative;
  padding: 0 0 0 32px;
}
.orderFinalInfoUserName:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 23px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi41NjYzIDEwLjg2NThDMTQuMzExIDkuOTQzNzYgMTUuNSA4LjExMDczIDE1LjUgNkMxNS41IDIuOTYyNDMgMTMuMDM3NiAwLjUgMTAgMC41QzYuOTYyNDMgMC41IDQuNSAyLjk2MjQzIDQuNSA2QzQuNSA4LjExMDczIDUuNjg4OTkgOS45NDM3NiA3LjQzMzc0IDEwLjg2NThDMy40MjI0NyAxMi4wMzggMC41IDE1Ljg5MDEgMC41IDIwLjQyODZDMC41IDIwLjYzNDYgMC42MjYzOCAyMC44MTk1IDAuODE4MzMzIDIwLjg5NDRMMC44MTk4MzIgMjAuODk1TDAuODIyODA0IDIwLjg5NjFMMC44MzMxMzEgMjAuOTAwMUwwLjg3MTA3NSAyMC45MTQ0QzAuOTAzOTU5IDIwLjkyNjggMC45NTE5MDQgMjAuOTQ0NSAxLjAxNDE1IDIwLjk2NjhDMS4xMzg2NCAyMS4wMTE0IDEuMzIwNCAyMS4wNzQ1IDEuNTUzMzggMjEuMTQ5OEMyLjAxOTIxIDIxLjMwMDUgMi42OTA1MiAyMS41MDA2IDMuNTE4OCAyMS43MDAzQzUuMTczNTEgMjIuMDk5NSA3LjQ2NDI2IDIyLjUgMTAgMjIuNUMxMi41MzU3IDIyLjUgMTQuODI2NSAyMi4wOTk1IDE2LjQ4MTIgMjEuNzAwM0MxNy4zMDk1IDIxLjUwMDYgMTcuOTgwOCAyMS4zMDA1IDE4LjQ0NjYgMjEuMTQ5OEMxOC42Nzk2IDIxLjA3NDUgMTguODYxNCAyMS4wMTE0IDE4Ljk4NTggMjAuOTY2OEMxOS4wNDgxIDIwLjk0NDUgMTkuMDk2IDIwLjkyNjggMTkuMTI4OSAyMC45MTQ0TDE5LjE2NjkgMjAuOTAwMUwxOS4xNzcyIDIwLjg5NjFMMTkuMTgwMiAyMC44OTVMMTkuMTgxNyAyMC44OTQ0QzE5LjM3MzYgMjAuODE5NSAxOS41IDIwLjYzNDYgMTkuNSAyMC40Mjg2QzE5LjUgMTUuODkwMSAxNi41Nzc1IDEyLjAzOCAxMi41NjYzIDEwLjg2NThaTTUuNSA2QzUuNSAzLjUxNDcyIDcuNTE0NzIgMS41IDEwIDEuNUMxMi40ODUzIDEuNSAxNC41IDMuNTE0NzIgMTQuNSA2QzE0LjUgOC40ODUyOCAxMi40ODUzIDEwLjUgMTAgMTAuNUM3LjUxNDcyIDEwLjUgNS41IDguNDg1MjggNS41IDZaTTEgMjAuNDI4NkwwLjgxODMzMyAyMC44OTQ0QzAuODE4MzMzIDIwLjg5NDQgMC44MTgzMzMgMjAuODk0NCAxIDIwLjQyODZaTTEwIDExLjVDNS40Mzc0MiAxMS41IDEuNjgwOTYgMTUuMjkgMS41MDYzNCAyMC4wNzk5QzEuNjA0MSAyMC4xMTM2IDEuNzIyODYgMjAuMTUzNiAxLjg2MTE1IDIwLjE5ODRDMi4zMDYxNiAyMC4zNDIzIDIuOTUyODggMjAuNTM1MiAzLjc1MzI4IDIwLjcyODJDNS4zNTU5MyAyMS4xMTQ4IDcuNTY1MTcgMjEuNSAxMCAyMS41QzEyLjQzNDggMjEuNSAxNC42NDQxIDIxLjExNDggMTYuMjQ2NyAyMC43MjgyQzE3LjA0NzEgMjAuNTM1MiAxNy42OTM4IDIwLjM0MjMgMTguMTM4OCAyMC4xOTg0QzE4LjI3NzEgMjAuMTUzNiAxOC4zOTU5IDIwLjExMzYgMTguNDkzNyAyMC4wNzk5QzE4LjMxOSAxNS4yOSAxNC41NjI2IDExLjUgMTAgMTEuNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.orderFinalInfoUserAddress {
  position: relative;
  margin: 16px 0 0 0;
  padding: 0 0 0 32px;
}
.orderFinalInfoUserAddress:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 24px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCA1LjVDNy41MTQ3MiA1LjUgNS41IDcuNTE0NzIgNS41IDEwQzUuNSAxMi40ODUzIDcuNTE0NzIgMTQuNSAxMCAxNC41QzEyLjQ4NTMgMTQuNSAxNC41IDEyLjQ4NTMgMTQuNSAxMEMxNC41IDcuNTE0NzIgMTIuNDg1MyA1LjUgMTAgNS41Wk02LjUgMTBDNi41IDguMDY3IDguMDY3IDYuNSAxMCA2LjVDMTEuOTMzIDYuNSAxMy41IDguMDY3IDEzLjUgMTBDMTMuNSAxMS45MzMgMTEuOTMzIDEzLjUgMTAgMTMuNUM4LjA2NyAxMy41IDYuNSAxMS45MzMgNi41IDEwWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc3NTkzIDIzLjk0N0M5Ljc3NjE4IDIzLjk0NzEgOS43NzYzOSAyMy45NDcyIDEwIDIzLjVMOS43NzU5MyAyMy45NDdDOS45MTY2OSAyNC4wMTc0IDEwLjA4MjggMjQuMDE3NiAxMC4yMjM2IDIzLjk0NzJMMTAgMjMuNUMxMC4yMjM2IDIzLjk0NzIgMTAuMjIzNCAyMy45NDczIDEwLjIyMzYgMjMuOTQ3MkwxMC4yMjQ3IDIzLjk0NjZMMTAuMjI2NyAyMy45NDU3TDEwLjIzMyAyMy45NDI0TDEwLjI1NTMgMjMuOTMxQzEwLjI3NDQgMjMuOTIxMiAxMC4zMDE3IDIzLjkwNjkgMTAuMzM2NyAyMy44ODgyQzEwLjQwNjkgMjMuODUwNyAxMC41MDc5IDIzLjc5NTQgMTAuNjM1NiAyMy43MjIyQzEwLjg5MDcgMjMuNTc1NyAxMS4yNTI0IDIzLjM1NzQgMTEuNjg1MiAyMy4wNjY2QzEyLjU0OTggMjIuNDg1NCAxMy43MDI2IDIxLjYxMTQgMTQuODU2NCAyMC40Mzg1QzE3LjE2MjggMTguMDk0IDE5LjUgMTQuNTI1OCAxOS41IDkuNzAyN0MxOS41IDQuNjA0NDkgMTUuMjMwNyAwLjUgMTAgMC41QzQuNzY5MjYgMC41IDAuNSA0LjYwNDQ5IDAuNSA5LjcwMjdDMC41IDE0LjUyNTggMi44MzcxNyAxOC4wOTQgNS4xNDM1NiAyMC40Mzg1QzYuMjk3NDUgMjEuNjExNCA3LjQ1MDE3IDIyLjQ4NTQgOC4zMTQ4MiAyMy4wNjY2QzguNzQ3NTUgMjMuMzU3NCA5LjEwOTI2IDIzLjU3NTcgOS4zNjQ0NCAyMy43MjIyQzkuNDkyMDcgMjMuNzk1NCA5LjU5MzE0IDIzLjg1MDcgOS42NjMyNSAyMy44ODgyQzkuNjk4MzEgMjMuOTA2OSA5LjcyNTY0IDIzLjkyMTIgOS43NDQ2NyAyMy45MzFMOS43NjY5NSAyMy45NDI0TDkuNzczMyAyMy45NDU3TDkuNzc1OTMgMjMuOTQ3Wk0xLjUgOS43MDI3QzEuNSA1LjE4ODE3IDUuMjg5NjIgMS41IDEwIDEuNUMxNC43MTA0IDEuNSAxOC41IDUuMTg4MTcgMTguNSA5LjcwMjdDMTguNSAxNC4xNzY5IDE2LjMzNzIgMTcuNTA3NCAxNC4xNDM2IDE5LjczNzJDMTMuMDQ3NCAyMC44NTE0IDExLjk1MDIgMjEuNjgzNSAxMS4xMjczIDIyLjIzNjZDMTAuNzE2MyAyMi41MTI5IDEwLjM3NDkgMjIuNzE4OCAxMC4xMzc5IDIyLjg1NDhDMTAuMDg3IDIyLjg4NCAxMC4wNDA5IDIyLjkxIDEwIDIyLjkzMjdDOS45NTkxMSAyMi45MSA5LjkxMzAzIDIyLjg4NCA5Ljg2MjEyIDIyLjg1NDhDOS42MjUxMiAyMi43MTg4IDkuMjgzNyAyMi41MTI5IDguODcyNjggMjIuMjM2NkM4LjA0OTgzIDIxLjY4MzUgNi45NTI1NSAyMC44NTE0IDUuODU2NDQgMTkuNzM3MkMzLjY2MjgzIDE3LjUwNzQgMS41IDE0LjE3NjkgMS41IDkuNzAyN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.orderFinalInfoBottom {
  margin: 40px 0 0 0;
}
.orderSidebar .orderFinalInfoBottom {
  display: none;
}
.orderFinalInfoBottom a {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin: 0 20px 0 0;
}
.orderFinalInfoBottom a:first-child {
  background: #000;
  color: #fff;
}
@media all and (max-width: 767px) {
  .orderFinalInfoBottom {
    display: none;
  }
  .orderFinalInfoBottom a {
    display: block;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin: 16px 0 0 0;
  }
  .orderSidebar .orderFinalInfoBottom {
    display: block;
    margin: 40px 20px 0 20px;
  }
}
@media all and (max-width: 1200px) {
  .orderContent {
    width: calc(100% - 330px - 24px);
  }
  .orderSidebar {
    width: 330px;
  }
  .orderTotalContent {
    padding: 20px;
  }
}
@media all and (max-width: 1100px) {
  .orderContent {
    width: calc(100% - 300px - 16px);
  }
  .orderSidebar {
    width: 300px;
    margin: 0 0 0 16px;
  }
}
@media all and (max-width: 959px) {
  .order {
    display: block;
  }
  .orderContent {
    width: 100%;
  }
  .orderSidebar {
    width: 100%;
    top: auto;
    position: relative;
    margin: 40px 0 0 0;
  }
  .orderTotalContent {
    padding: 40px;
  }
}
@media all and (max-width: 767px) {
  .orderSidebar {
    width: auto;
    margin: 40px -16px 0 -16px;
  }
  .orderTotalContent {
    padding: 24px 16px;
  }
  .orderChooseEl, .orderPayEl, .orderDeliveryEl {
    min-width: 100px;
  }
  .orderChooseEl label, .orderPayEl label, .orderDeliveryEl label {
    padding: 16px;
  }
  .orderDeliveryEl {
    width: calc(100% - 16px);
  }
  .orderDeliveryEl label {
    padding: 16px;
  }
  .orderPayEl {
    width: calc(100% - 16px);
  }
  .orderPayEl label {
    padding: 16px;
  }
  .orderMkadBox .orderChoose, .orderTimeBox .orderChoose, .orderDateBox .orderChoose {
    overflow: visible;
  }
  .orderMkadBox .orderChooseEl, .orderTimeBox .orderChooseEl, .orderDateBox .orderChooseEl {
    width: auto;
    display: inline-block;
    vertical-align: top;
  }
  .orderMkadBox .orderChooseEl:first-child, .orderTimeBox .orderChooseEl:first-child, .orderDateBox .orderChooseEl:first-child {
    margin-left: 20px;
  }
  .orderMkadBox .orderChooseEl:last-child, .orderTimeBox .orderChooseEl:last-child, .orderDateBox .orderChooseEl:last-child {
    margin-right: 20px;
  }
  .orderMkadBox .orderChooseList, .orderTimeBox .orderChooseList, .orderDateBox .orderChooseList {
    display: block;
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 5px;
    text-align: left;
    overflow: auto;
    white-space: nowrap;
  }
  .orderUser {
    margin: 0;
    display: block;
    width: 100%;
  }
  .orderUserCol {
    display: block;
    width: 100%;
    margin: 16px 0 0 0;
  }
  .orderUserCol:first-child {
    margin: 0;
  }
  .orderAddress {
    margin: 0;
    display: block;
  }
  .orderAddressCol {
    display: block;
    width: 100%;
    margin: 16px 0 0 0;
  }
  .orderAddressCol_m {
    width: 100%;
  }
  .orderAddressCol_w {
    width: 100%;
  }
  .orderAddressCol:first-child {
    margin: 0;
  }
  .orderTitle {
    font-weight: 300;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
  }
  .orderForm {
    margin: 40px 0 0 0;
  }
  .orderBoxHeader {
    margin: 0 0 16px 0;
  }
  .orderBoxHeaderInfo {
    display: block;
    margin: 8px 0 0 0;
    text-align: left;
  }
  .orderBoxTitle {
    display: block;
    text-align: left;
    padding: 0;
  }
  .orderPick {
    min-height: 0;
  }
  .orderPickInfo {
    padding: 15px 0;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    bottom: auto;
    position: relative;
  }
  .orderPickMap {
    width: 100%;
    margin: 0;
    height: 160px;
  }
  .orderPickMap iframe {
    min-height: 0px;
  }
  .orderPickMap > ymaps, .orderPickMap > ymaps > ymaps {
    height: 160px !important;
  }
  .orderPickInfo.active + .orderPickMap {
    margin: 0;
  }
  .orderPickInfo.active + .orderPickMap iframe {
    min-height: 160px;
  }
  .orderPickInfo.active + .orderPickMap > ymaps, .orderPickInfo.active + .orderPickMap > ymaps > ymaps {
    height: 160px !important;
  }
  .orderPickAddress .orderPickInfo.active + .orderPickMap {
    width: 100%;
    margin-left: 0;
    margin-top: 0px;
  }
}
.orderCalendarSave {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 10px;
  margin: 16px 0 0 0;
  cursor: default;
  opacity: 0.5;
  background-color: #000;
  text-align: center;
}
.orderCalendarSave.active {
  cursor: pointer;
  opacity: 1;
}
.orderCalendarBox {
  position: relative;
}
.orderCalendarBox:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  content: "";
}
.orderCalendarBox.active:after {
  display: none;
}

.modalCalendar .datepicker-header .datepicker-controls .button[disabled] {
  display: none;
}

.modalCalendar .datepicker-cell.selected,
.modalCalendar .datepicker-cell.selected:hover {
  background-color: #000;
  color: #fff;
  border-radius: 0;
}

.modalCalendar .datepicker-cell.focused:not(.selected) {
  background-color: #fff;
}

.showModal {
  cursor: pointer;
}

.modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  /* &_new-message {
      .modal__body {
        justify-content: flex-start;
      }
    }
  */
  /* &Video &Body {
     padding: 0 !important;
   }*/
  /* &VideoYd {
     @extend .videoBox;
     margin-top: 0;
   }*/
  /*
  &FullScreen &VideoYd {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  */
  /* &__description {
      font-size: 14px;
      line-height: 20px;
      text-align: center;
    }

    &__btn-row {
      display: flex;
      margin-top: 25px;
    }

    &__btn {
      width: 94px;
      height: 36px;

      & + & {
        margin-left: 30px;
      }

      &_confirm {
        @include red-button;
      }

      &_reject {
        @include gray-button;
      }
    }
  */
  /* &#buy-lizing {
      @media all and (max-width: 767px) {
        .btnRed {
          box-sizing: border-box;
          text-align: center;
        }
      }
    }
  */
  /*  &ChoosePicPoint {
      display: flex;
      right: auto;
      left: -100%;
      width: 100%;

      &.active {
        left: 0;
      }
    }

    &ChoosePicPoint &Overlay {
      right: auto;
      left: -100%;
      width: 100%;
    }

    &ChoosePicPoint.active &Overlay {
      left: 0;
    }*/
  /*  &Form {
      display: block;
      width: 100%;

      &Title {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
      }

      &Ch {
        @extend .filterCh;
      }

      &Rd {
        @extend .filterRd;
      }

      &Row {
        margin: 10px 0;

        & > input {
          @extend .formInput;
        }

        textarea {
          @extend .formTextarea;
        }

      }

      &Submit {
        button {
          @extend .formSubmitBtn;
        }
      }
    }*/
}
.modal.active {
  display: flex;
}
.modalSuccess {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 35px;
  color: #000000;
}
.modalSuccess p {
  margin: 5px 0;
}
@media all and (max-width: 767px) {
  .modalSuccess {
    font-size: 20px;
    line-height: 1.2;
  }
}
.modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.4);
}
.modalBody {
  position: relative;
  display: flex;
  flex-flow: column;
  margin: auto;
  align-items: center;
  overflow: auto;
  padding: 45px 40px 40px 40px;
  padding: 24px;
  width: 100%;
  max-height: 100%;
  max-width: 1200px;
  background: #FFFFFF;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.modalTitle {
  margin-bottom: 24px;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  text-align: left;
  width: 100%;
}
.modalVideo .modalClose:before {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: rgba(255, 255, 255, 0.5);
  content: "";
}
.modalClose {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1000;
}
.modalClose:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjM1MzYgMi4zNTM1NUMyMi41NDg4IDIuMTU4MjkgMjIuNTQ4OCAxLjg0MTcxIDIyLjM1MzYgMS42NDY0NUMyMi4xNTgzIDEuNDUxMTggMjEuODQxNyAxLjQ1MTE4IDIxLjY0NjQgMS42NDY0NUwxMiAxMS4yOTI5TDIuMzUzNTUgMS42NDY0NUMyLjE1ODI5IDEuNDUxMTkgMS44NDE3MSAxLjQ1MTE5IDEuNjQ2NDUgMS42NDY0NUMxLjQ1MTE4IDEuODQxNzEgMS40NTExOCAyLjE1ODI5IDEuNjQ2NDUgMi4zNTM1NUwxMS4yOTI5IDEyTDEuNjQ2NDUgMjEuNjQ2NEMxLjQ1MTE5IDIxLjg0MTcgMS40NTExOSAyMi4xNTgzIDEuNjQ2NDUgMjIuMzUzNkMxLjg0MTcxIDIyLjU0ODggMi4xNTgyOSAyMi41NDg4IDIuMzUzNTUgMjIuMzUzNkwxMiAxMi43MDcxTDIxLjY0NjQgMjIuMzUzNkMyMS44NDE3IDIyLjU0ODggMjIuMTU4MyAyMi41NDg4IDIyLjM1MzYgMjIuMzUzNkMyMi41NDg4IDIyLjE1ODMgMjIuNTQ4OCAyMS44NDE3IDIyLjM1MzYgMjEuNjQ2NEwxMi43MDcxIDEyTDIyLjM1MzYgMi4zNTM1NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
@media all and (max-width: 959px) {
  .modalClose {
    top: 10px;
    right: 10px;
  }
}
.modalChoosePicPoint .modalClose:before {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: -16px;
  right: -16px;
  bottom: -16px;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
}
.modalChoosePicPoint .modalClose:hover:before {
  background: rgb(255, 255, 255);
}
.modalCompact .modalBody {
  max-width: 700px;
}
@media all and (max-width: 767px) {
  .modalCompact .modalBody {
    max-width: 100%;
  }
}
.modalMiddle .modalBody {
  max-width: 500px;
}
@media all and (max-width: 767px) {
  .modalMiddle .modalBody {
    max-width: 100%;
  }
}
.modalCalendar .modalBody {
  max-width: 336px;
}
@media all and (max-width: 767px) {
  .modalCalendar .modalBody {
    max-width: 100%;
  }
}
.modalLocation .modalBody {
  max-width: 446px;
}
@media all and (max-width: 767px) {
  .modalLocation .modalBody {
    max-width: 100%;
  }
}
.modalChooseAddress .modalBody {
  max-width: 446px;
}
@media all and (max-width: 767px) {
  .modalChooseAddress .modalBody {
    max-width: 100%;
  }
}
.modalChooseShop .modalBody, .modalChoosePicPoint .modalBody {
  max-width: 1078px;
  padding: 0;
  height: 90vw;
  max-height: 600px;
  align-items: stretch;
  position: relative;
}
@media all and (max-width: 1200px) {
  .modalChooseShop .modalBody, .modalChoosePicPoint .modalBody {
    max-width: 90vw;
  }
}
@media all and (max-width: 767px) {
  .modalChooseShop .modalBody, .modalChoosePicPoint .modalBody {
    max-width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.modalChoosePicPoint .modalContent, .modalChooseShop .modalContent {
  height: 100%;
}
.modalFullScreen .modalBody {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.modalContent_emptyTitle {
  padding-top: 25px;
}
@media all and (max-width: 767px) {
  .modal {
    background: #fff;
  }
  .modalOverlay {
    display: none !important;
  }
  .modalContent {
    box-shadow: none !important;
  }
  .modalBody {
    max-width: 100%;
    width: 100%;
    height: auto;
    height: 100%;
    padding: 16px;
    align-items: start;
    justify-content: start;
    box-shadow: none !important;
    position: static;
    margin: auto;
    display: block;
  }
  .modalCompact .modalBody {
    max-width: 100%;
  }
  .modalMiddle .modalBody {
    max-width: 100%;
  }
}
.modalContent {
  display: block;
  width: 100%;
  margin: auto;
}

.chooseCityForm {
  margin: 0 0 16px 0;
  position: relative;
}
.chooseCityFormVal {
  display: block;
  width: 100%;
  padding: 8px 48px 8px 8px;
  height: 40px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  outline: none;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #D5D3D2;
  transition: all 0.5s;
}
.chooseCityFormVal::placeholder {
  color: #AEAEAE;
}
.chooseCityFormVal:focus {
  border-color: #000;
}
.chooseCityFormSubmit {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 38px;
  height: 38px;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC41IDAuNUM0Ljk3NzE1IDAuNSAwLjUgNC45NzcxNSAwLjUgMTAuNUMwLjUgMTYuMDIyOCA0Ljk3NzE1IDIwLjUgMTAuNSAyMC41QzEzLjA4MTUgMjAuNSAxNS40MzQ2IDE5LjUyMTggMTcuMjA4NyAxNy45MTU4TDIxLjY0NjQgMjIuMzUzNkMyMS44NDE3IDIyLjU0ODggMjIuMTU4MyAyMi41NDg4IDIyLjM1MzYgMjIuMzUzNkMyMi41NDg4IDIyLjE1ODMgMjIuNTQ4OCAyMS44NDE3IDIyLjM1MzYgMjEuNjQ2NEwxNy45MTU4IDE3LjIwODdDMTkuNTIxOCAxNS40MzQ2IDIwLjUgMTMuMDgxNSAyMC41IDEwLjVDMjAuNSA0Ljk3NzE1IDE2LjAyMjggMC41IDEwLjUgMC41Wk0xLjUgMTAuNUMxLjUgNS41Mjk0NCA1LjUyOTQ0IDEuNSAxMC41IDEuNUMxNS40NzA2IDEuNSAxOS41IDUuNTI5NDQgMTkuNSAxMC41QzE5LjUgMTUuNDcwNiAxNS40NzA2IDE5LjUgMTAuNSAxOS41QzUuNTI5NDQgMTkuNSAxLjUgMTUuNDcwNiAxLjUgMTAuNVoiIGZpbGw9IiNlNWU1ZTUiLz4KPC9zdmc+Cg==);
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 0;
  cursor: pointer;
}
.chooseCityResults, .chooseCityTop {
  height: 440px;
  display: none;
  overflow: auto;
}
@media all and (max-width: 767px) {
  .chooseCityResults, .chooseCityTop {
    height: calc(100vh - 156px);
  }
}
.chooseCityResults.active, .chooseCityTop.active {
  display: block;
}
.chooseCityResultsEl, .chooseCityTopEl {
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  margin: 8px 0px;
}
.chooseCityResultsEl:first-child, .chooseCityTopEl:first-child {
  margin-top: 0;
}
.chooseCityResultsEl:last-child, .chooseCityTopEl:last-child {
  margin-bottom: 0;
}
.chooseCityResultsEl a, .chooseCityTopEl a {
  color: #000000;
  text-decoration: none;
}
.chooseCityResultsEl a:hover, .chooseCityTopEl a:hover {
  color: #000000;
  text-decoration: underline;
}

.errorPageBanner {
  margin-top: 32px;
}
.errorPageInfo {
  padding: 0 125px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.errorPageInfo a {
  text-decoration: underline;
  color: #000000;
}
.errorPageLinks {
  margin: 16px 0 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
}
.errorPageLinksEl {
  display: block;
  position: relative;
  color: #000000;
  text-decoration: none;
}
.errorPageLinksEl a {
  padding-right: 9px;
  padding-left: 9px;
  color: #000000;
  text-decoration: none;
}
.errorPageLinksEl a:hover {
  text-decoration: underline;
}
.errorPageLinksEl:after {
  content: " | ";
}
.errorPageLinksEl:last-child:after {
  display: none;
}
@media all and (max-width: 959px) {
  .errorPageBanner {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .errorPageInfo {
    padding: 0;
  }
  .errorPageLinks {
    margin: 24px 0 0;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .errorPageBanner {
    margin-top: 24px;
  }
}

.faqBox {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.faqEl {
  display: block;
  width: calc(14.285% - 20px);
  margin: 24px 10px 0;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  padding: 9px 0 15px;
  text-align: center;
  text-decoration: none;
}
.faqElImg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.faqElImg svg {
  max-width: 100px;
  max-height: 50px;
  width: auto;
  height: auto;
}
.faqEl.active, .faqEl:hover {
  background-color: #000000;
  color: #ffffff;
}
.faqEl.active .faqElImg, .faqEl:hover .faqElImg {
  filter: invert(1);
}
.faqElTitle {
  display: block;
  font-weight: 400;
  font-size: 12px;
  padding: 0 2px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
}
@media all and (max-width: 959px) {
  .faqBox {
    margin-right: -5px;
    margin-left: -5px;
  }
  .faqEl {
    margin-right: 5px;
    margin-left: 5px;
    width: calc(14.285% - 10px);
  }
  .faqElImg {
    height: 40px;
  }
  .faqElImg svg {
    max-height: 30px;
    width: auto;
    height: auto;
  }
  .faqElTitle {
    margin: 14px 0 0 0;
    height: 32px;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
  }
}
@media all and (max-width: 767px) {
  .faqBox {
    margin: 0 -20px;
    overflow: auto;
    flex-wrap: nowrap;
  }
  .faqEl {
    width: 112px;
    min-width: 112px;
  }
  .faqEl:first-child {
    margin-left: 20px;
  }
  .faqEl:last-child {
    margin-right: 20px;
  }
}
.faqQuestion {
  margin: 40px -20px 0;
  padding: 36px 20px;
  position: relative;
  border-top: solid 1px #E5E5E5;
  border-bottom: solid 1px #E5E5E5;
  /* &:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: -20px;
     width: calc(100% + 40px);
     height: 1px;
     background-color: #E5E5E5;
   }*/
}
.faqQuestionInner {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.faqQuestionText {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding: 0 24px 0 0;
}
.faqQuestionBtn {
  display: inline-block;
  min-width: 292px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .faqQuestion {
    border-bottom: none;
  }
  .faqQuestionInner {
    display: block;
  }
  .faqQuestionText {
    text-align: center;
    width: 100%;
    padding: 0;
  }
  .faqQuestionBtn {
    width: 100%;
    text-align: center;
    margin-top: 16px;
  }
}

.accordion {
  margin: 40px 0 0;
}
.accordionEl {
  margin-top: 24px;
}
.accordionElTitle {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  position: relative;
  padding-right: 32px;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .accordionElTitle {
    display: block;
  }
}
.accordionElTitle:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 9px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjY3ODMgOC43MzQ4QzEzLjI3MjUgOS4xMDk0IDEyLjYzOTggOS4wODQxIDEyLjI2NTIgOC42NzgyOEw3IDIuOTc0MzFMMS43MzQ4IDguNjc4MjhDMS4zNjAyIDkuMDg0MSAwLjcyNzUzNiA5LjEwOTQgMC4zMjE3MTUgOC43MzQ4Qy0wLjA4NDEwNTUgOC4zNjAxOSAtMC4xMDk0MTIgNy43Mjc1NCAwLjI2NTE5MiA3LjMyMTcxTDYuMjY1MTkgMC44MjE3MTVDNi40NTQ1IDAuNjE2NjMyIDYuNzIwOSAwLjQ5OTk5NSA3IDAuNDk5OTk1QzcuMjc5MDkgMC40OTk5OTUgNy41NDU0OSAwLjYxNjYzMiA3LjczNDggMC44MjE3MTVMMTMuNzM0OCA3LjMyMTcxQzE0LjEwOTQgNy43Mjc1NCAxNC4wODQxIDguMzYwMTkgMTMuNjc4MyA4LjczNDhaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=) no-repeat center;
  background-size: contain;
  width: 14px;
  height: 9px;
  transform-origin: center;
  transition: all 0.2s;
}
.accordionEl.active .accordionElTitle:after {
  transform: rotate(-180deg);
}
.accordionElContent {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  transition: all 0.2s;
  max-height: 0;
  overflow: hidden;
}
.accordionEl.active .accordionElContent {
  padding-top: 8px;
  max-height: 1500px;
}

.pr {
  margin: 24px 0 0 0;
}
.prTitle {
  font-weight: bold;
  font-size: 50px;
  line-height: 56px;
  text-align: center;
  color: #000000;
  padding-bottom: 16px;
}
.prBox {
  display: flex;
  margin: 24px 0 0 0;
  width: 100%;
  justify-content: space-between;
}
.prSidebar {
  width: 292px;
}
.prContent {
  width: calc(100% - 316px);
}
.prContentSection {
  margin: 64px 0 0 0;
}
.prContentSectionBtn {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #000;
  padding: 10px 30px;
  border: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  margin: 24px 0 0 0;
  display: inline-block;
}
.prContentSection > p {
  font-size: 14px;
  line-height: 24px;
  margin: 8px 0;
}
.prContentSectionInfo {
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0;
}
.prContentSection:first-child {
  margin: 0;
}
.prContentSectionTitle {
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
  color: #000000;
  margin: 0 0 8px 0;
}
.prNav {
  background: #fff;
  padding: 16px 0;
}
.prNavEl {
  font-size: 16px;
  line-height: 24px;
  color: #041C2C;
  margin: 16px 0 0 0;
  padding: 0;
  position: relative;
}
.prNavEl:first-child {
  margin: 0;
}
.prNavEl.active {
  /*  &:before {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 2px;
      left: 0;
      content: "";
      background: #000;
    }*/
}
.prNavEl.active a, .prNavEl.active span {
  color: #041C2C;
  text-decoration: none;
  border-bottom: solid 1px #041C2C;
}
.prNavEl a, .prNavEl span {
  color: #041C2C;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}
.prNavEl a:hover, .prNavEl span:hover {
  color: #041C2C;
  text-decoration: none;
}
.prForm {
  margin: -24px 0 0 0;
}
.prFormSubmit {
  /*      font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #000;
        padding: 10px 30px;
        border: none;
        cursor: pointer;*/
  margin: 40px 0 0 0;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
}
.prFormBox {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
}
.prFormEl {
  width: 33.3333%;
  padding: 0 12px;
  margin: 24px 0 0 0;
}
.prFormEl_wide {
  width: 66.6666%;
}
.prFormEl > label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #041C2C;
  margin: 0 0 4px 0;
}
.prFormCh {
  position: relative;
  overflow: hidden;
  margin: 8px 0 0 0;
}
.prFormCh:first-child {
  margin: 0;
}
.prFormCh input {
  opacity: 0;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}
.prFormCh label {
  padding: 0 0 0 28px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  z-index: 2;
  display: block;
  cursor: pointer;
}
.prFormCh label:before {
  background-color: #fff;
  border: 1px solid #041C2C;
  border-radius: 0px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: "";
}
.prFormCh input:checked + label:before {
  border-color: #041C2C;
  background-size: 13px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSIjMDQxQzJDIi8+Cjwvc3ZnPgo=);
}
.prFormDateInput {
  padding-right: 40px !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTFDNi41NTIyOCAxMSA3IDEwLjU1MjMgNyAxMEM3IDkuNDQ3NzEgNi41NTIyOCA5IDYgOUM1LjQ0NzcyIDkgNSA5LjQ0NzcxIDUgMTBDNSAxMC41NTIzIDUuNDQ3NzIgMTEgNiAxMVoiIGZpbGw9IiM5NDk0OTQiLz4KPHBhdGggZD0iTTcgMTRDNyAxNC41NTIzIDYuNTUyMjggMTUgNiAxNUM1LjQ0NzcyIDE1IDUgMTQuNTUyMyA1IDE0QzUgMTMuNDQ3NyA1LjQ0NzcyIDEzIDYgMTNDNi41NTIyOCAxMyA3IDEzLjQ0NzcgNyAxNFoiIGZpbGw9IiM5NDk0OTQiLz4KPHBhdGggZD0iTTExIDExQzExLjU1MjMgMTEgMTIgMTAuNTUyMyAxMiAxMEMxMiA5LjQ0NzcxIDExLjU1MjMgOSAxMSA5QzEwLjQ0NzcgOSAxMCA5LjQ0NzcxIDEwIDEwQzEwIDEwLjU1MjMgMTAuNDQ3NyAxMSAxMSAxMVoiIGZpbGw9IiM5NDk0OTQiLz4KPHBhdGggZD0iTTEyIDE0QzEyIDE0LjU1MjMgMTEuNTUyMyAxNSAxMSAxNUMxMC40NDc3IDE1IDEwIDE0LjU1MjMgMTAgMTRDMTAgMTMuNDQ3NyAxMC40NDc3IDEzIDExIDEzQzExLjU1MjMgMTMgMTIgMTMuNDQ3NyAxMiAxNFoiIGZpbGw9IiM5NDk0OTQiLz4KPHBhdGggZD0iTTE2IDExQzE2LjU1MjMgMTEgMTcgMTAuNTUyMyAxNyAxMEMxNyA5LjQ0NzcxIDE2LjU1MjMgOSAxNiA5QzE1LjQ0NzcgOSAxNSA5LjQ0NzcxIDE1IDEwQzE1IDEwLjU1MjMgMTUuNDQ3NyAxMSAxNiAxMVoiIGZpbGw9IiM5NDk0OTQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjUgMUM2LjUgMC43MjM4NTggNi4yNzYxNCAwLjUgNiAwLjVDNS43MjM4NiAwLjUgNS41IDAuNzIzODU4IDUuNSAxVjIuNUgxQzAuNzIzODU4IDIuNSAwLjUgMi43MjM4NiAwLjUgM1YxOUMwLjUgMTkuMjc2MSAwLjcyMzg1OCAxOS41IDEgMTkuNUgyMUMyMS4yNzYxIDE5LjUgMjEuNSAxOS4yNzYxIDIxLjUgMTlWM0MyMS41IDIuNzIzODYgMjEuMjc2MSAyLjUgMjEgMi41SDE2LjVWMUMxNi41IDAuNzIzODU4IDE2LjI3NjEgMC41IDE2IDAuNUMxNS43MjM5IDAuNSAxNS41IDAuNzIzODU4IDE1LjUgMVYyLjVINi41VjFaTTEuNSAzLjVINS41VjVDNS41IDUuMjc2MTQgNS43MjM4NiA1LjUgNiA1LjVDNi4yNzYxNCA1LjUgNi41IDUuMjc2MTQgNi41IDVWMy41SDE1LjVWNUMxNS41IDUuMjc2MTQgMTUuNzIzOSA1LjUgMTYgNS41QzE2LjI3NjEgNS41IDE2LjUgNS4yNzYxNCAxNi41IDVWMy41SDIwLjVWMTguNUgxLjVWMy41WiIgZmlsbD0iIzk0OTQ5NCIvPgo8L3N2Zz4K) !important;
  background-size: 22px 20px !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) center !important;
}
.prOrdersList {
  border-bottom: solid 1px #E5E5E5;
}
.prOrdersEl {
  border-top: solid 1px #E5E5E5;
}
.prOrdersEl.active .prOrdersElContent {
  display: block;
}
.prOrdersEl.active .prOrdersElHeader {
  background: #fff;
}
.prOrdersEl.active .prOrdersElHeader:after {
  transform: rotate(180deg);
}
.prOrdersElHeader {
  background: #FAFAFA;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
  color: #000000;
  display: flex;
  justify-content: space-between;
  padding: 16px 56px 16px 0px;
  position: relative;
}
.prOrdersElHeader:after {
  width: 20px;
  height: 12px;
  right: 18px;
  top: 50%;
  margin: -6px 0 0 0;
  position: absolute;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY2NTUyMSAwLjYyODM1M0MwLjg3MDc3NiAwLjQ0MzYyNCAxLjE4NjkyIDAuNDYwMjYyIDEuMzcxNjUgMC42NjU1MThMMTAgMTAuMjUyNkwxOC42Mjg0IDAuNjY1NTE3QzE4LjgxMzEgMC40NjAyNjEgMTkuMTI5MiAwLjQ0MzYyMyAxOS4zMzQ1IDAuNjI4MzUyQzE5LjUzOTcgMC44MTMwODIgMTkuNTU2NCAxLjEyOTIzIDE5LjM3MTcgMS4zMzQ0OEwxMC4zNzE3IDExLjMzNDVDMTAuMjc2OCAxMS40Mzk4IDEwLjE0MTcgMTEuNSAxMCAxMS41QzkuODU4MjYgMTEuNSA5LjcyMzE4IDExLjQzOTggOS42MjgzNiAxMS4zMzQ1TDAuNjI4MzU3IDEuMzM0NDhDMC40NDM2MjcgMS4xMjkyMyAwLjQ2MDI2NiAwLjgxMzA4MyAwLjY2NTUyMSAwLjYyODM1M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
}
.prOrdersElHeader_cancel {
  color: rgba(0, 0, 0, 0.3);
}
.prOrdersElHeader_id {
  padding-left: 16px;
  width: 200px;
}
.prOrdersElHeader_id span {
  display: inline-block;
  white-space: nowrap;
}
.prOrdersElHeader_date {
  width: calc(100% - 200px - 154px - 110px - 108px);
}
.prOrdersElHeader_qnt {
  width: 154px;
}
.prOrdersElHeader_status {
  color: #949494;
  width: 110px;
}
.prOrdersElHeader_status-cancel {
  color: #B9192B;
}
.prOrdersElHeader_status-ok {
  color: #3C9C51;
}
.prOrdersElHeader_price {
  width: 108px;
  font-weight: bold;
  text-align: right;
}
.prOrdersElHeader_price span:after {
  content: " ₽";
}
.prOrdersElContent {
  display: none;
  border-top: solid 1px #E5E5E5;
}
.prOrdersElContent .basket {
  margin: 0 48px 0 0;
}
.prOrdersElContent .basketEl {
  justify-content: space-between;
  padding: 16px 8px 16px 0;
}
.prOrdersElContent .basketElPrice {
  padding-right: 0;
  width: 209px;
}
.pr .catalogEl {
  width: 33.3333%;
}
.prLocation {
  margin: 0 -12px;
}
.prLocationList {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.prLocationEl {
  padding: 0 12px;
  margin: 0 0 40px 0;
  width: 50%;
}
.prLocationElTitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #041C2C;
  margin: 0 0 24px 0;
}
.prLocationElPhone:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02Ljk0NzUgMS42MTgzMkM2LjY0NTQ5IDEuMzA4MzMgNi4zMjk3NSAwLjk4OTIyNSA2LjAxODU5IDAuNzAyMDMxQzUuNTQ3MjcgMC4yNDE2MDggNC45OTM1OCAwIDQuNDA3ODcgMEMzLjgyNjcyIDAgMy4yNjg0NiAwLjI0MTYwOCAyLjc3ODg0IDAuNzA2NTg5TDEuMDY3NDQgMi40MTE1MkMwLjQ0NTExOCAzLjAzMTUgMC4wOTI3NzE5IDMuNzgzNjcgMC4wMTk1NTcxIDQuNjU0MzdDLTAuMDY3Mzg1NCA1Ljc0Mzg5IDAuMTMzOTU1IDYuOTAxNzggMC42NTU2MSA4LjMwMTI4QzEuNDU2NCAxMC40NjY2IDIuNjY0NDQgMTIuNDc3IDQuNDU4MiAxNC42MjQxQzYuNjM2MzQgMTcuMjE4IDkuMjU4MzQgMTkuMjYwMyAxMi4yNTEgMjAuNzA1M0MxMy4zOTA0IDIxLjI0MzMgMTQuOTE0MiAyMS44ODE1IDE2LjYxMTggMjEuOTkwOUwxNi42MjQ0IDIxLjk5MTRDMTYuNzI1MSAyMS45OTU4IDE2LjgyMTkgMjIgMTYuOTIzIDIyQzE4LjA2MjQgMjIgMTguOTc3NiAyMS42MDggMTkuNzIzNSAyMC44MDExQzE5LjcyODEgMjAuNzk2NSAxOS43MzcyIDIwLjc4NzQgMTkuNzQxOCAyMC43NzgzQzE5Ljk4ODkgMjAuNDgxMSAyMC4yNjc4IDIwLjIxMTcgMjAuNTYgMTkuOTI5NEMyMC41ODE1IDE5LjkwODUgMjAuNjAzMiAxOS44ODc2IDIwLjYyNDkgMTkuODY2NkMyMC44NCAxOS42NjE0IDIxLjA1OTYgMTkuNDQ3MiAyMS4yNzAxIDE5LjIyODNDMjIuMjQ0OCAxOC4yMTYzIDIyLjI0NDggMTYuOTMwOCAyMS4yNjEgMTUuOTUwN0wxOC41MTA5IDEzLjIxMDlDMTguMDQ0MSAxMi43Mjc3IDE3LjQ4NTkgMTIuNDcyNCAxNi45MDAxIDEyLjQ3MjRDMTYuMzE0NCAxMi40NzI0IDE1Ljc1MTYgMTIuNzI3NyAxNS4yNzExIDEzLjIwNjRMMTMuNjMyOSAxNC44Mzg0QzEzLjQ4MTkgMTQuNzUxOCAxMy4zMjYzIDE0LjY3NDMgMTMuMTc5OSAxNC42MDEzQzEyLjk5NjkgMTQuNTEwMiAxMi44Mjc2IDE0LjQyMzUgMTIuNjc2NiAxNC4zMjc4QzExLjE4NDggMTMuMzg0MiA5LjgzMDMzIDEyLjE1MzMgOC41MzUzNSAxMC41NzE1QzcuODgwOTkgOS43NDYzNyA3LjQ0MTcgOS4wNTM0NiA3LjEzNTEyIDguMzQ2ODdDNy41NjUyNSA3Ljk1OTM5IDcuOTY3OTMgNy41NTM2NyA4LjM1Njg5IDcuMTU3MDdDOC40OTQxNiA3LjAxNTc1IDguNjM2MDIgNi44NzQ0MyA4Ljc3Nzg3IDYuNzMzMTFDOS4yNzIwNyA2LjI0MDc4IDkuNTM3NDcgNS42NzA5NSA5LjUzNzQ3IDUuMDkyQzkuNTM3NDcgNC41MTMwNSA5LjI3NjY1IDMuOTQzMjIgOC43Nzc4NyAzLjQ1MDg5TDcuNDE0MjUgMi4wOTI0MkM3LjI1ODQgMS45MzcxNiA3LjExMTIyIDEuNzg2MjIgNi45NjAwNiAxLjYzMTJMNi45NDc1IDEuNjE4MzJaTTcuMjgzNTEgNi4xMDkyN0M3LjQyODU4IDUuOTU5OTggNy41NzY4MyA1LjgxMjMgNy43MTUxNiA1LjY3NDQ5TDcuNzE5MjIgNS42NzA0NUM3Ljk5NTk4IDUuMzk0NzMgOC4wMzc0NyA1LjE4ODggOC4wMzc0NyA1LjA5MkM4LjAzNzQ3IDQuOTg5ODIgNy45OTYwNSA0Ljc4Njg0IDcuNzI0MTMgNC41MTg0Mkw3LjcxOTIxIDQuNTEzNTdMNi4zNTU2IDMuMTU1MDhDNi4xOTE5MiAyLjk5MjAyIDYuMDM4MDQgMi44MzQyMSA1Ljg4ODcyIDIuNjgxMDhMNS44NzM1NiAyLjY2NTUzQzUuNTczOTIgMi4zNTc5OCA1LjI4MTE4IDIuMDYyNjggNS4wMDEyMyAxLjgwNDI5QzQuOTkwODIgMS43OTQ2OCA0Ljk4MDU0IDEuNzg0OTIgNC45NzA0MSAxLjc3NTAyQzQuNzQwNjkgMS41NTA2MiA0LjU1MDk2IDEuNSA0LjQwNzg3IDEuNUM0LjI3Mzc5IDEuNSA0LjA3NTc5IDEuNTQ3NjQgMy44MjI4OSAxLjc4MzhMMi4xMjYwOSAzLjQ3NDE5QzEuNzUzNjQgMy44NDUyNCAxLjU1ODE4IDQuMjY1NSAxLjUxNDU0IDQuNzc3MDNDMS40NTA3OCA1LjU4MzM1IDEuNTkwNDkgNi41MTQ3MiAyLjA2MTE0IDcuNzc3MzhMMi4wNjI0OSA3Ljc4MUMyLjc5Mjc3IDkuNzU1NzEgMy45MDI3MSAxMS42MTkzIDUuNjA4MTEgMTMuNjYwOUM3LjY1IDE2LjA5MjIgMTAuMTAxIDE4LjAwMDQgMTIuODk3MyAxOS4zNTE3QzEzLjk5NjMgMTkuODcwMyAxNS4yOTk0IDIwLjQgMTYuNjkzMyAyMC40OTNDMTYuNzk2MyAyMC40OTc0IDE2Ljg1OTcgMjAuNSAxNi45MjMgMjAuNUMxNy42NDUzIDIwLjUgMTguMTQ5MyAyMC4yODAxIDE4LjU5MjYgMTkuODE0MkMxOC44OTM3IDE5LjQ1MyAxOS4yMjgxIDE5LjEzMDEgMTkuNTA4NyAxOC44NTkyQzE5LjUzMzYgMTguODM1MiAxOS41NTgxIDE4LjgxMTYgMTkuNTgyIDE4Ljc4ODRMMTkuNTg5NiAxOC43ODExQzE5Ljc5NzMgMTguNTgzIDE5Ljk5OTggMTguMzg1MyAyMC4xODkxIDE4LjE4ODRDMjAuNDUzMyAxNy45MTQyIDIwLjUwMDIgMTcuNjk5MyAyMC41IDE3LjU4MDZDMjAuNDk5OCAxNy40NjU0IDIwLjQ1NTkgMTcuMjY2IDIwLjIwMjMgMTcuMDEzM0wxNy40NTIyIDE0LjI3MzZMMTcuNDMyIDE0LjI1MzFDMTcuMjAzOCAxNC4wMTY4IDE3LjAxOTYgMTMuOTcyNCAxNi45MDAxIDEzLjk3MjRDMTYuNzc4MiAxMy45NzI0IDE2LjU4MDQgMTQuMDE5NCAxNi4zMjk4IDE0LjI2OUwxNC42OTE2IDE1LjkwMUMxNC4yMTI1IDE2LjM3ODMgMTMuNDczMiAxNi40NzYgMTIuODg2NiAxNi4xMzk1QzEyLjc3OTkgMTYuMDc4MyAxMi42NjM1IDE2LjAxOTkgMTIuNTExMSAxNS45NDRDMTIuMzMwMSAxNS44NTM4IDEyLjA5NzYgMTUuNzM2OCAxMS44NzQxIDE1LjU5NTFDMTAuMjI2MSAxNC41NTI2IDguNzU0NjIgMTMuMjA3MyA3LjM3NDY4IDExLjUyMTdMNy4zNjAwNyAxMS41MDM1QzYuNjU1MjYgMTAuNjE0OCA2LjEzNDI4IDkuODA4NyA1Ljc1OTA3IDguOTQzOTRDNS41MDI1NCA4LjM1MjczIDUuNjUyMzMgNy42NjM3NCA2LjEzMTE1IDcuMjMyNEM2LjUyMjkyIDYuODc5NDggNi44OTY2MSA2LjUwMzc2IDcuMjgzNTEgNi4xMDkyN1pNMTguNjY0OCAxOS43Mzg0QzE4LjY2MTggMTkuNzQxNCAxOC42NTg5IDE5Ljc0NDQgMTguNjU1OSAxOS43NDczQzE4LjY2MjQgMTkuNzQwNyAxOC42NjU4IDE5LjczNzQgMTguNjY0OCAxOS43Mzg0WiIgZmlsbD0iIzA0MUMyQyIvPgo8L3N2Zz4K);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.prLocationElPhone a {
  color: #041C2C;
  text-decoration: none;
}
.prLocationElAddress:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNTcwNDMgMjEuNjE0OEM4LjU3MDQzIDIxLjYxNDggOC41NzA4NSAyMS42MTUxIDkgMjFMOS40MjkxNSAyMS42MTUxQzkuMTcxMzMgMjEuNzk1IDguODI4MjYgMjEuNzk0NyA4LjU3MDQzIDIxLjYxNDhaIiBmaWxsPSIjMDQxQzJDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA0LjI1QzYuMzc2NjUgNC4yNSA0LjI1IDYuMzc2NjUgNC4yNSA5QzQuMjUgMTEuNjIzNCA2LjM3NjY1IDEzLjc1IDkgMTMuNzVDMTEuNjIzNCAxMy43NSAxMy43NSAxMS42MjM0IDEzLjc1IDlDMTMuNzUgNi4zNzY2NSAxMS42MjM0IDQuMjUgOSA0LjI1Wk01Ljc1IDlDNS43NSA3LjIwNTA3IDcuMjA1MDcgNS43NSA5IDUuNzVDMTAuNzk0OSA1Ljc1IDEyLjI1IDcuMjA1MDcgMTIuMjUgOUMxMi4yNSAxMC43OTQ5IDEwLjc5NDkgMTIuMjUgOSAxMi4yNUM3LjIwNTA3IDEyLjI1IDUuNzUgMTAuNzk0OSA1Ljc1IDlaIiBmaWxsPSIjMDQxQzJDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC41NzA0MyAyMS42MTQ4TDkgMjFDOS40MjkxNSAyMS42MTUxIDkuNDMwMTcgMjEuNjE0NCA5LjQzMDE3IDIxLjYxNDRMOS40MzE5MSAyMS42MTMyTDkuNDM3NTcgMjEuNjA5Mkw5LjQ1NzQxIDIxLjU5NTFDOS40NzQzNSAyMS41ODMxIDkuNDk4NjYgMjEuNTY1NyA5LjUyOTg1IDIxLjU0MzFDOS41OTIyMyAyMS40OTc5IDkuNjgyMTQgMjEuNDMxOSA5Ljc5NTY3IDIxLjM0NjJDMTAuMDIyNyAyMS4xNzQ4IDEwLjM0NDQgMjAuOTI0NCAxMC43Mjk1IDIwLjYwNDNDMTEuNDk4NSAxOS45NjQ5IDEyLjUyNTQgMTkuMDQyNyAxMy41NTQ3IDE3LjkxMTZDMTUuNTg1MiAxNS42ODA0IDE3Ljc1IDEyLjUwMDYgMTcuNzUgOUMxNy43NSA0LjE2NzUxIDEzLjgzMjUgMC4yNSA5IDAuMjVDNC4xNjc1MSAwLjI1IDAuMjUgNC4xNjc1MSAwLjI1IDlDMC4yNSAxMi41MDA2IDIuNDE0ODMgMTUuNjgwNCA0LjQ0NTMxIDE3LjkxMTZDNS40NzQ2IDE5LjA0MjcgNi41MDE1NSAxOS45NjQ5IDcuMjcwNTEgMjAuNjA0M0M3LjY1NTU1IDIwLjkyNDQgNy45NzczNSAyMS4xNzQ4IDguMjA0MzMgMjEuMzQ2MkM4LjMxNzg2IDIxLjQzMTkgOC40MDc3NyAyMS40OTc5IDguNDcwMTUgMjEuNTQzMUM4LjUwMTM0IDIxLjU2NTcgOC41MjU2NSAyMS41ODMxIDguNTQyNTkgMjEuNTk1MUw4LjU2MjQzIDIxLjYwOTJMOC41NjgwOSAyMS42MTMyTDguNTcwNDMgMjEuNjE0OFpNMS43NSA5QzEuNzUgNC45OTU5NCA0Ljk5NTk0IDEuNzUgOSAxLjc1QzEzLjAwNDEgMS43NSAxNi4yNSA0Ljk5NTk0IDE2LjI1IDlDMTYuMjUgMTEuOTE3NyAxNC40MTQ4IDE0LjczNzggMTIuNDQ1MyAxNi45MDIxQzExLjQ3NDYgMTcuOTY4NyAxMC41MDE1IDE4Ljg0MzEgOS43NzA1MSAxOS40NTA5QzkuNDY0MDEgMTkuNzA1NyA5LjIwMTA3IDE5LjkxMjggOSAyMC4wNjY4QzguNzk4OTMgMTkuOTEyOCA4LjUzNTk5IDE5LjcwNTcgOC4yMjk0OSAxOS40NTA5QzcuNDk4NDUgMTguODQzMSA2LjUyNTQgMTcuOTY4NyA1LjU1NDY5IDE2LjkwMjFDMy41ODUxNyAxNC43Mzc4IDEuNzUgMTEuOTE3NyAxLjc1IDlaIiBmaWxsPSIjMDQxQzJDIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.prLocationElAddress, .prLocationElPhone {
  margin: 16px 0 0 0;
  font-weight: normal;
  font-size: 14px;
  position: relative;
  line-height: 24px;
  color: #041C2C;
  padding: 0 0 0 32px;
}
.prLocationElChange {
  margin: 16px 0 0 0;
  width: auto;
  color: #000;
  text-decoration: none !important;
  display: inline-block;
  cursor: pointer;
}
@media all and (max-width: 1100px) {
  .prOrdersElHeader {
    padding-bottom: 32px;
    padding-right: 48px;
  }
  .prOrdersElHeader_date {
    line-height: 16px;
    color: #949494;
    width: auto;
    position: absolute;
    left: 16px;
    bottom: 16px;
  }
  .prOrdersElHeader_status {
    line-height: 16px;
    color: #949494;
    width: auto;
    position: absolute;
    right: 48px;
    text-align: right;
    bottom: 16px;
  }
  .prOrdersElContent .basketElPrice {
    width: 120px;
  }
  .prOrdersElContent .basketElImg {
    width: 72px;
  }
  .prOrdersElContent .basketElQnt {
    width: 120px;
    font-size: 14px;
  }
  .prOrdersElContent .basketElInfo {
    width: calc(100% - 72px - 120px - 120px);
  }
}
@media all and (max-width: 959px) {
  .prTitle {
    margin-left: 188px;
  }
  .prSidebar {
    width: 164px;
  }
  .prContent {
    width: calc(100% - 188px);
  }
  .prFormEl {
    width: 50%;
  }
  .prFormEl_wide {
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  .pr .catalogEl {
    width: 50%;
  }
  .prTitle {
    margin-left: 0px;
    font-size: 24px;
    padding-top: 16px;
    margin-top: -16px;
    padding-right: 30px;
    cursor: pointer;
    line-height: 28px;
    position: relative;
  }
  .prTitle:after {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    right: 0;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjY3ODMgOC43MzQ4QzEzLjI3MjUgOS4xMDk0IDEyLjYzOTggOS4wODQxIDEyLjI2NTIgOC42NzgyOEw3IDIuOTc0MzFMMS43MzQ4IDguNjc4MjhDMS4zNjAyIDkuMDg0MSAwLjcyNzUzNiA5LjEwOTQgMC4zMjE3MTUgOC43MzQ4Qy0wLjA4NDEwNTUgOC4zNjAxOSAtMC4xMDk0MTIgNy43Mjc1NCAwLjI2NTE5MiA3LjMyMTcxTDYuMjY1MTkgMC44MjE3MTVDNi40NTQ1IDAuNjE2NjMyIDYuNzIwOSAwLjQ5OTk5NSA3IDAuNDk5OTk1QzcuMjc5MDkgMC40OTk5OTUgNy41NDU0OSAwLjYxNjYzMiA3LjczNDggMC44MjE3MTVMMTMuNzM0OCA3LjMyMTcxQzE0LjEwOTQgNy43Mjc1NCAxNC4wODQxIDguMzYwMTkgMTMuNjc4MyA4LjczNDhaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=);
    background-size: 14px 9px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
  }
  .pr.showNav .prTitle:after {
    transform: rotate(0deg);
  }
  .prBox {
    display: block;
    margin: 0;
  }
  .prSidebar {
    width: auto;
    margin: 0 -20px;
    height: 0;
    z-index: 10;
    position: relative;
    overflow: visible;
  }
  .prNav {
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .prNavEl {
    padding-left: 20px;
  }
  .pr.showNav .prNav {
    display: block;
  }
  .prContent {
    width: 100%;
    padding: 24px 0 0 0;
    margin: 0;
  }
  .prContentSection {
    margin: 40px 0 0 0;
  }
  .prContentSection:first-child {
    margin: 0;
  }
  .prContentSectionTitle {
    font-size: 24px;
    line-height: 28px;
  }
  .prContentSectionBtn {
    width: 100%;
    display: block;
  }
  .prFormEl {
    width: 100%;
  }
  .prFormEl_wide {
    width: 100%;
  }
  .prFormSubmit {
    display: block;
    width: 100%;
  }
  .prLocationEl {
    width: 100%;
  }
  .prLocationEl:last-child {
    margin-bottom: 0;
  }
  .prLocationElChange {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media all and (max-width: 579px) {
  .prOrders {
    margin: 0 -20px;
  }
  .prOrdersElHeader {
    padding-bottom: 32px;
    padding-right: 48px;
  }
  .prOrdersElHeader_date {
    line-height: 16px;
    color: #949494;
    width: auto;
    position: absolute;
    left: 16px;
    bottom: 16px;
  }
  .prOrdersElHeader_status {
    line-height: 16px;
    color: #949494;
    width: auto;
    position: absolute;
    right: 48px;
    text-align: right;
    bottom: 16px;
  }
  .prOrdersElContent .basket {
    padding: 0 20px;
    margin: 0;
  }
  .prOrdersElContent .basketEl {
    padding: 16px 0px 16px 88px;
    min-height: 90px;
  }
  .prOrdersElContent .basketElPrice {
    margin: 6px 0 0 0;
    width: 100%;
    display: block;
  }
  .prOrdersElContent .basketElPriceOld {
    display: block;
  }
  .prOrdersElContent .basketElPriceQnt {
    display: block;
  }
  .prOrdersElContent .basketElImg {
    width: 72px;
  }
  .prOrdersElContent .basketElQnt {
    margin: 0px 0 0 0;
    display: block;
    width: 100%;
    color: #949494;
    padding: 0;
  }
  .prOrdersElContent .basketElInfo {
    display: block;
    width: 100%;
    padding: 0;
  }
}

.datepicker.active {
  z-index: 100;
}

.form {
  display: block;
}
.form_middle {
  max-width: 760px;
}
.form_compact {
  max-width: 400px;
}
.form_middle .formEl, .form_compact .formEl {
  width: 100%;
}
.formBox {
  margin: 40px 0 0 0;
}
.formBox:first-child {
  margin: 0;
}
.formBoxTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #292929;
}
.formRow {
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
  flex-wrap: wrap;
}
.formEl {
  width: 50%;
  padding: 0 16px;
  margin: 24px 0 0 0;
}
@media all and (max-width: 767px) {
  .formEl {
    width: 100%;
  }
}
.formEl.wide {
  width: 100%;
}
.formEl > label {
  font-size: 14px;
  line-height: 24px;
  color: #212121;
  display: block;
  margin: 0 0 2px 0;
}
.formEl textarea {
  min-height: 120px;
  resize: none;
}
.formFilePickerFiles {
  margin: 0 0 10px 0;
  font-size: 0;
  line-height: 0;
}
.formFilePickerEl {
  font-size: 14px;
  line-height: 24px;
}
.formFilePickerElName {
  display: inline-block;
  margin: 0 5px 0 0;
}
.formFilePickerElRemove {
  color: #B9192B;
  cursor: pointer;
  display: inline-block;
}
.formFilePickerAdd input {
  display: none;
}
.formFilePicker input {
  display: none;
}
.formSubmit {
  width: auto;
  display: inline-block;
}
.formCh, .formRd {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  margin: 16px 40px 0 0;
}
.formCh input, .formRd input {
  position: absolute;
  top: 0;
  left: -30px;
}
.formCh label, .formRd label {
  font-size: 14px;
  line-height: 24px;
  color: #000;
  display: block;
  padding: 0 0 0 24px;
}
.formCh label:before, .formRd label:before {
  background-color: #fff;
  border: 1px solid #D5D3D2;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  border-radius: 50%;
  content: "";
}
.formCh label img, .formCh label span, .formRd label img, .formRd label span {
  display: inline-block;
  vertical-align: middle;
}
.formCh input:checked + label, .formRd input:checked + label {
  /*
        &:after {
          width: 8px;
          height: 8px;
          background: $red;
          position: absolute;
          border-radius: 50%;
          display: block;
          top: 12px;
          left: 12px;
          margin: -4px 0 0 -4px;
          content: "";
          z-index: 2;
        }*/
}
.formCh input:checked + label:before, .formRd input:checked + label:before {
  background-color: #B9192B;
  border-color: #B9192B;
  background-size: 13px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44IDAuMjAwMDU5QzEyLjI0MTggMC41MzE0MyAxMi4zMzEzIDEuMTU4MjMgMTIgMS42MDAwNkw1Ljk5OTk3IDkuNjAwMDZDNS44MzQwNiA5LjgyMTI3IDUuNTgzOTUgOS45NjM5MSA1LjMwOTA5IDkuOTk0MDlDNS4wMzQyMiAxMC4wMjQzIDQuNzU5MTMgOS45MzkyNyA0LjU0OTE4IDkuNzU5MzJMMS4wNDkxOCA2Ljc1OTMyQzAuNjI5ODUyIDYuMzk5ODkgMC41ODEyOTEgNS43Njg1OSAwLjk0MDcxMyA1LjM0OTI3QzEuMzAwMTMgNC45Mjk5NCAxLjkzMTQzIDQuODgxMzggMi4zNTA3NiA1LjI0MDhMNS4wNDAzNyA3LjU0NjE5TDEwLjQgMC40MDAwNTlDMTAuNzMxMyAtMC4wNDE3Njg5IDExLjM1ODEgLTAuMTMxMzEyIDExLjggMC4yMDAwNTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}
.formCh label {
  /* &:after {
     border-radius: 0;
   }*/
}
.formCh label:before {
  border-radius: 2px;
}

.contacts {
  margin-top: 32px;
}
.contactsHeader {
  margin: 0 0 24px 0;
}
.contactsTabs {
  display: inline-block;
  vertical-align: middle;
}
.contactsTabs > span {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: #575757;
  vertical-align: top;
  margin: 0 0 0 40px;
  cursor: pointer;
}
.contactsTabs > span i {
  width: 32px;
  height: 24px;
  padding: 0 8px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.contactsTabs > span i svg {
  width: 24px;
  height: 24px;
}
.contactsTabs > span span {
  display: inline-block;
  vertical-align: middle;
}
.contactsTabs > span i path {
  fill: #575757 !important;
}
.contactsTabs > span.active {
  color: #000000;
  font-weight: 600;
  cursor: default;
}
.contactsTabs > span.active i path {
  fill: #000 !important;
}
.contactsPanel {
  height: 0;
  overflow: hidden;
}
.contactsPanel.active {
  overflow: visible;
  height: auto;
}
.contactsMap {
  height: 700px;
  display: block;
  background: grey;
}
.contactsTitle {
  text-align: center;
  font-weight: 400;
  font-size: 38px;
  line-height: 48px;
  color: #000000;
}
.contactsText {
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  margin: 32px 105px 24px 105px;
}
.contactsCity {
  text-align: center;
  width: 398px;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.contactsCity select {
  display: block;
  width: 398px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  text-transform: uppercase;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #000000;
  height: 40px;
  padding: 7px 40px 9px 10px;
  outline: none !important;
  background: transparent;
  -webkit-appearance: none;
  position: relative;
  z-index: 2;
}
.contactsCity label {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 1px;
  right: 3px;
  border: solid 4px #fff;
  background-color: transparent;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY2NTUyMSAwLjYyODM1M0MwLjg3MDc3NiAwLjQ0MzYyNCAxLjE4NjkyIDAuNDYwMjYyIDEuMzcxNjUgMC42NjU1MThMMTAgMTAuMjUyNkwxOC42Mjg0IDAuNjY1NTE3QzE4LjgxMzEgMC40NjAyNjEgMTkuMTI5MiAwLjQ0MzYyMyAxOS4zMzQ1IDAuNjI4MzUyQzE5LjUzOTcgMC44MTMwODIgMTkuNTU2NCAxLjEyOTIzIDE5LjM3MTcgMS4zMzQ0OEwxMC4zNzE3IDExLjMzNDVDMTAuMjc2OCAxMS40Mzk4IDEwLjE0MTcgMTEuNSAxMCAxMS41QzkuODU4MjYgMTEuNSA5LjcyMzE4IDExLjQzOTggOS42MjgzNiAxMS4zMzQ1TDAuNjI4MzU3IDEuMzM0NDhDMC40NDM2MjcgMS4xMjkyMyAwLjQ2MDI2NiAwLjgxMzA4MyAwLjY2NTUyMSAwLjYyODM1M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: 16px 10px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.contactsCityTitle {
  font-weight: 300;
  font-size: 26px;
  line-height: 32px;
  color: #000000;
  margin: 32px 0 4px 0;
}
.contactsList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px 0 -12px;
}
.contactsEl {
  padding: 20px 12px;
  display: block;
  width: 25%;
}
.contactsElTitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #B9192B;
  margin: 0 0 4px 0;
}
.contactsElText {
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.contactsElText a {
  color: #041C2C;
  text-decoration: none;
}
.contactsElText a:hover {
  color: #041C2C;
  text-decoration: underline;
}
.contactsElTextInfo {
  font-size: 12px;
  line-height: 16px;
  color: #949494;
}
@media all and (max-width: 767px) {
  .contactsText {
    margin: 30px 0 20px 0;
  }
  .contactsCity {
    width: 352px;
  }
  .contactsCity select {
    width: 352px;
  }
  .contactsEl {
    width: 33.3333%;
  }
  .contactsMap {
    height: 460px;
    margin: 0 0 0 -20px;
    width: 100vw;
  }
}
@media all and (max-width: 579px) {
  .contacts {
    margin-top: 30px;
  }
  .contactsTitle {
    font-size: 26px;
    line-height: 32px;
  }
  .contactsText {
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0 24px 0;
  }
  .contactsEl {
    width: 50%;
  }
  .contactsCity {
    width: 100%;
  }
  .contactsCity select {
    width: 100%;
  }
  .contactsTabs {
    display: block;
    width: 100%;
    margin: 24px 0 0 0;
    text-align: center;
  }
  .contactsTabs > span:first-child {
    margin-left: 0;
  }
}
@media all and (max-width: 413px) {
  .contactsCityTitle {
    margin-bottom: 12px;
  }
  .contactsEl {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media all and (max-width: 319px) {
  .contactsCity {
    width: 100%;
  }
  .contactsCity select {
    width: 100%;
  }
}

.textBox .tac {
  text-align: center;
}
.textBox .tal {
  text-align: left;
}
.textBox .ttc {
  text-transform: capitalize;
}
.textBox .m_mtb_30 {
  margin: 30px 0;
}
.textBox .m_mtb_20 {
  margin: 20px 0;
}
.textBox .m_mb_20 {
  margin-bottom: 20px;
}
.textBox .ais {
  align-items: flex-start;
}
.textBox h2 {
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 6px;
  line-height: 37px;
  margin: 30px 0 20px;
  font-family: "American Typewriter", "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
}
.textBox h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 6px;
  margin: 15px 0 10px;
  font-family: "American Typewriter", "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
}
.textBox h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 3px;
  margin: 0 0 10px;
  font-family: "American Typewriter", "Helvetica Neue", "Helvetica", "Open Sans", sans-serif;
}
.textBox h4 b {
  font-weight: 700;
}
.textBox p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
}
.textBox a {
  display: inline-block;
  color: #041C2C;
  text-decoration: underline;
}
.textBox a:hover {
  text-decoration: none;
}
.textBoxCenter {
  max-width: 83%;
  margin: 0 auto 30px;
}
.textBoxCustom {
  padding-left: 130px;
}
.textBoxCustom h2 {
  font-family: Freeland, cursive;
  font-weight: 100;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0;
  color: #be1622;
  transform: rotate(-9deg);
  margin-left: -75px;
  margin-bottom: 65px;
}
.textBoxCols {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -15px;
}
@media all and (min-width: 768px) {
  .textBoxCols_reverse {
    flex-direction: row-reverse;
  }
}
@media all and (min-width: 768px) {
  .textBoxCols_reverse .textBoxCol {
    text-align: right;
  }
  .textBoxCols_reverse .textBoxCol.tal {
    text-align: left;
  }
}
.textBoxCol {
  display: block;
  width: 50%;
  padding: 0 15px;
  margin: 0 0 30px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
}
.textBoxCol h2:first-child {
  margin-top: 0;
}
.textBoxCol.w_25 {
  width: 25%;
}
.textBoxCol.w_67 {
  width: 67%;
}
.textBoxCol.w_33 {
  width: 33%;
  text-align: left;
}
.textBoxCol p {
  margin: 0 0 16px;
}
.textBoxColImg {
  display: block;
}
.textBoxColImg img {
  max-width: 100%;
  height: auto;
}
.textBoxColTitle {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 40px;
  letter-spacing: 0.75px;
  text-align: center;
}
.textBoxIcon {
  max-width: 190px;
  margin: 20px auto;
}
.textBoxIcon img {
  width: 100%;
  height: auto;
}
.textBoxList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.textBoxList li {
  position: relative;
  padding-left: 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
}
.textBoxList li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000000;
}
.textBoxLink {
  display: block;
  color: #041C2C;
  text-decoration: none;
  margin-bottom: 3px;
}
.textBoxLink:hover {
  text-decoration: underline;
}
.textBoxBanner {
  margin: 0 -40px;
}
@media all and (max-width: 767px) {
  .textBoxBanner {
    margin: 0 -16px;
  }
}
.textBoxBanner img {
  max-width: 100%;
  height: auto;
}
@media all and (max-width: 960px) {
  .textBoxCustom {
    padding-left: 80px;
  }
  .textBoxCustom h2 {
    font-family: Freeland, cursive;
    font-weight: 100;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0;
    color: #be1622;
    transform: rotate(-3deg);
    margin-left: -40px;
    margin-bottom: 35px;
  }
}
@media all and (max-width: 360px) {
  .textBoxCustom {
    padding-left: 0px;
  }
  .textBoxCustom h2 {
    font-size: 26px;
    line-height: 30px;
    transform: rotate(-1deg);
    margin-left: 0px;
    margin-bottom: 25px;
  }
}
@media all and (max-width: 767px) {
  .textBox h2 {
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 28px;
    word-break: break-word;
  }
  .textBox h3 {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 2px;
  }
  .textBox h4 {
    letter-spacing: 1px;
  }
  .textBoxCenter {
    max-width: 100%;
  }
  .textBoxCols {
    flex-wrap: wrap;
  }
  .textBoxCol {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  .textBoxCol.w_67 {
    width: 100%;
  }
  .textBoxCol.w_33 {
    width: 100%;
    text-align: left;
  }
  .textBoxCol.w_25 {
    width: 50%;
  }
  .textBoxCol p {
    margin: 0;
  }
}
@media all and (max-width: 639px) {
  .textBoxCol.w_25 {
    width: 100%;
  }
}

.inspire {
  overflow: visible;
}
.inspireIntro {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  min-height: 46.5vw;
  max-height: 893px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 80px;
  background: linear-gradient(180deg, #507992 0%, #749BA9 100%);
  /*    &:after {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
        bottom: 0;
        content: "";
        background: #000000;
        z-index: -1;
      }*/
}
@media all and (max-width: 1200px) {
  .inspireIntro {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .inspireIntro {
    margin-bottom: 20px;
  }
}
.inspireIntroImg {
  position: absolute;
  top: 0;
  left: 50%;
  background: linear-gradient(180deg, #507992 0%, #749BA9 100%);
  width: 100vw;
  margin-left: -50vw;
  height: 100%;
  z-index: 2;
  display: flex;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.inspireIntroImg img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: top right;
}
.inspireIntroImg picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 1200px) {
  .inspireIntroImg picture {
    width: 120vw;
  }
}
.inspireIntroContent {
  position: relative;
  z-index: 3;
  font-size: 24px;
  line-height: 34px;
}
.inspireIntroContent p {
  margin: 0;
  max-width: 600px;
}
.inspireIntroTitle {
  font-style: normal;
  font-weight: 700;
  font-size: 80px;
  line-height: 100px;
  text-transform: uppercase;
  margin: 0 0 48px 0;
}
@media all and (max-width: 959px) {
  .inspireIntroContent p {
    max-width: 400px;
  }
  .inspireIntroTitle {
    font-size: 50px;
    line-height: 60px;
    margin: 0 0 24px 0;
  }
}
@media all and (max-width: 767px) {
  .inspireIntro {
    height: 459px;
    max-height: 459px;
    justify-content: end;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .inspireIntroImg picture {
    width: 130vw;
  }
  .inspireIntroImg:after {
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
  }
  .inspireIntroContent {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin: 0 -15px;
    padding: 24px 15px;
  }
  .inspireIntroContent:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transform: none;
    background: rgba(0, 0, 0, 0.41);
    filter: blur(29.3px);
    z-index: 0;
  }
  .inspireIntroContent p {
    position: relative;
    z-index: 1;
    max-width: 100%;
  }
  .inspireIntroTitle {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin: 0 0 20px 0;
  }
}
.inspireWay {
  overflow: visible;
}
.inspireWayWrapper {
  margin: 80px 0 100px -50vw;
  position: relative;
  left: 50%;
  width: 100vw;
  overflow: hidden;
}
@media all and (max-width: 1200px) {
  .inspireWayWrapper {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .inspireWayWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.inspireWayTrack, .inspireWayList {
  overflow: visible;
}
.inspireWay picture {
  display: block;
}
.inspireWay picture img {
  width: 100%;
  height: auto;
  display: block;
}
.inspireWayEl {
  cursor: grab;
}
.inspireWayEl:active {
  cursor: grabbing;
}
.inspireWayEl picture {
  display: block;
  margin: 0 0 20px 0;
}
.inspireWayEl picture img {
  display: block;
}
.inspireWayEl h4, .inspireWayEl h3 {
  font-size: 24px;
  line-height: 34px;
  min-height: 68px;
  font-weight: 400;
  margin: 0;
}
.inspireWayEl p {
  margin: 26px 0 0 0;
  font-size: 18px;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  .inspireWayEl h4, .inspireWayEl h3 {
    font-size: 20px;
    line-height: 28px;
    min-height: 84px;
  }
  .inspireWayEl p {
    margin: 12px 0 0 0;
    font-size: 14px;
    line-height: 20px;
  }
}
.inspireText {
  font-size: 18px;
  line-height: 24px;
  max-width: 800px;
}
.inspireText h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 50px;
  margin: 0 0 33px 0;
  max-width: 650px;
}
.inspireText p {
  margin: 20px 0 0 0;
}
@media all and (max-width: 767px) {
  .inspireText {
    font-size: 14px;
    line-height: 20px;
    max-width: 100%;
  }
  .inspireText h2 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px 0;
    max-width: 100%;
  }
}
.inspireBottom {
  margin: -60px 0 0 -50vw;
  position: relative;
  left: 50%;
  top: 65px;
  height: 67vw;
  width: 100vw;
  min-height: 1000px;
  text-align: center;
  padding: 60px;
  color: #fff;
}
@media all and (max-width: 1099px) {
  .inspireBottom {
    top: 40px;
  }
}
@media all and (max-width: 767px) {
  .inspireBottom {
    top: 41px;
    margin-top: -40px;
    height: 134.66vw;
    width: 100vw;
    min-height: 134.66vw;
    padding: 20px 15px;
  }
}
.inspireBottomBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgb(234, 233, 238);
}
.inspireBottomBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.inspireBottomBg img + img {
  display: none;
}
@media all and (min-width: 768px) {
  .inspireBottomBg img {
    display: none;
  }
  .inspireBottomBg img + img {
    display: block;
  }
}
.inspireBottom h3 {
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  margin: 0 auto;
  max-width: 1150px;
}
.inspireBottom p {
  font-size: 18px;
  line-height: 25px;
  margin: 20px auto;
  max-width: 900px;
}
.inspireBottom .inspireBottomBtns {
  display: flex;
  gap: 46px;
  margin-top: 30px;
  align-items: center;
  justify-content: center;
}
.inspireBottom .inspireBottomBtns a {
  padding: 8px 8px;
  min-width: 135px;
  height: 40px;
  display: flex;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  justify-content: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: rgb(4, 28, 44);
  color: #fff;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .inspireBottom h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .inspireBottom p {
    font-size: 14px;
    line-height: 20px;
    margin: 20px auto 0 auto;
  }
  .inspireBottom .inspireBottomBtns {
    display: flex;
    gap: 20px;
    width: 100%;
    max-width: 400px;
    margin-top: 15px;
  }
  .inspireBottom .inspireBottomBtns a {
    width: calc(50% - 10px);
  }
}
@media all and (max-width: 359px) {
  .inspireBottom h3 {
    font-size: 18px;
    line-height: 22px;
  }
}

.introVideo {
  max-width: 1920px;
  margin: 0 auto;
  height: 56.25vw;
  max-height: 1080px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  text-decoration: none;
  padding-bottom: 73px;
}
@media all and (max-width: 767px) {
  .introVideo {
    height: 100vw;
    padding-bottom: 25px;
  }
}
.introVideo:after {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}
.introVideoMedia {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.introVideoContent {
  z-index: 3;
  position: relative;
}
.introVideoTitle {
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  color: #FFFFFF;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
@media all and (max-width: 767px) {
  .introVideoTitle {
    font-size: 26px;
    line-height: 26px;
  }
}
.introVideoLinks {
  margin: 16px 0 0 0;
  display: flex;
  gap: 21px;
}
@media all and (max-width: 767px) {
  .introVideoLinks {
    margin: 22px 0 0 0;
    gap: 4px;
  }
}
.introVideoBtn {
  padding: 8px 8px;
  min-width: 135px;
  height: 40px;
  display: flex;
  font-weight: 550;
  font-size: 12px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  justify-content: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: #041C2C;
  color: #fff;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .introVideoBtn {
    width: calc(50% - 2px);
    min-width: auto;
  }
}