/**
 * Swiper 8.3.0
 * 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: July 6, 2022
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

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

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  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%;
  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%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

.datepicker {
  width: -moz-min-content;
  width: min-content;
}

.datepicker:not(.active) {
  display: none;
}

.datepicker-dropdown {
  position: absolute;
  z-index: 20;
  padding-top: 4px;
}

.datepicker-dropdown.datepicker-orient-top {
  padding-top: 0;
  padding-bottom: 4px;
}

.datepicker-picker {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  background-color: hsl(0deg, 0%, 100%);
}

.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

.datepicker-main {
  flex: auto;
  padding: 2px;
}

.datepicker-footer {
  box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  background-color: hsl(0deg, 0%, 96%);
}

.datepicker-title {
  box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1);
  background-color: hsl(0deg, 0%, 96%);
  padding: 0.375rem 0.75rem;
  text-align: center;
  font-weight: 700;
}

.datepicker-controls {
  display: flex;
}

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0;
}

.datepicker-controls .button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid gainsboro;
  border-radius: 4px;
  box-shadow: none;
  background-color: hsl(0deg, 0%, 100%);
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 2.25em;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: hsl(0deg, 0%, 21%);
  font-size: 1rem;
}

.datepicker-controls .button:focus,
.datepicker-controls .button:active {
  outline: none;
}

.datepicker-controls .button:hover {
  border-color: #b8b8b8;
  color: hsl(0deg, 0%, 21%);
}

.datepicker-controls .button:focus {
  border-color: hsl(217deg, 71%, 53%);
  color: hsl(0deg, 0%, 21%);
}

.datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}

.datepicker-controls .button:active {
  border-color: #474747;
  color: hsl(0deg, 0%, 21%);
}

.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}

.datepicker-header .datepicker-controls .button {
  border-color: transparent;
  font-weight: bold;
}

.datepicker-header .datepicker-controls .button:hover {
  background-color: #f9f9f9;
}

.datepicker-header .datepicker-controls .button:active {
  background-color: #f2f2f2;
}

.datepicker-footer .datepicker-controls .button {
  flex: auto;
  margin: calc(0.375rem - 1px) 0.375rem;
  border-radius: 2px;
  font-size: 0.75rem;
}

.datepicker-controls .view-switch {
  flex: auto;
}

.datepicker-controls .prev-button,
.datepicker-controls .next-button {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  flex: 0 0 14.2857142857%;
}

.datepicker-controls .prev-button.disabled,
.datepicker-controls .next-button.disabled {
  visibility: hidden;
}

.datepicker-view,
.datepicker-grid {
  display: flex;
}

.datepicker-view {
  align-items: stretch;
  width: 15.75rem;
}

.datepicker-grid {
  flex-wrap: wrap;
  flex: auto;
}

.datepicker .days {
  display: flex;
  flex-direction: column;
  flex: auto;
}

.datepicker .days-of-week {
  display: flex;
}

.datepicker .week-numbers {
  display: flex;
  flex-direction: column;
  flex: 0 0 9.6774193548%;
}

.datepicker .weeks {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: auto;
}

.datepicker span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker .dow {
  height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.datepicker .week {
  flex: auto;
  color: #b8b8b8;
  font-size: 0.75rem;
}

.datepicker-cell,
.datepicker .days .dow {
  flex-basis: 14.2857142857%;
}

.datepicker-cell {
  height: 2.25rem;
}

.datepicker-cell:not(.day) {
  flex-basis: 25%;
  height: 4.5rem;
}

.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

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

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
  font-weight: 600;
}

.datepicker-cell.disabled {
  color: gainsboro;
}

.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
  color: hsl(0deg, 0%, 48%);
}

.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
  color: #e6e6e6;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: hsl(0deg, 0%, 96%);
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #efefef;
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e9e9e9;
}

.datepicker-cell.today:not(.selected) {
  background-color: hsl(171deg, 100%, 41%);
}

.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff;
}

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00ccad;
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
  background-color: #b8b8b8;
  color: #fff;
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
  background-color: #b3b3b3;
}

.datepicker-cell.range-start:not(.range-end) {
  border-radius: 4px 0 0 4px;
}

.datepicker-cell.range-end:not(.range-start) {
  border-radius: 0 4px 4px 0;
}

.datepicker-cell.range {
  border-radius: 0;
  background-color: gainsboro;
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d7d7d7;
}

.datepicker-cell.range.disabled {
  color: #c6c6c6;
}

.datepicker-cell.range.focused {
  background-color: #d1d1d1;
}

.datepicker-input.in-edit {
  border-color: #276bda;
}

.datepicker-input.in-edit:focus,
.datepicker-input.in-edit:active {
  box-shadow: 0 0 0.25em 0.25em rgba(39, 107, 218, 0.2);
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:05 PM */
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"), url("fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-MediumItalic.eot");
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-MediumItalic.woff") format("woff"), url("fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
/*@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Thin.eot');
  src: local('Montserrat Thin'), local('Montserrat-Thin'),
  url('fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-Thin.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraLightItalic.eot');
  src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
  url('fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}*/
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-BoldItalic.eot");
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-BoldItalic.woff") format("woff"), url("fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-SemiBold.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
/*@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraLight.eot');
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
  url('fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}*/
/*@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraBoldItalic.eot');
  src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
  url('fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}*/
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Italic.eot");
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("fonts/Montserrat/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-Italic.woff") format("woff"), url("fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-LightItalic.eot");
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("fonts/Montserrat/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-LightItalic.woff") format("woff"), url("fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
/*@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-BlackItalic.eot');
  src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
  url('fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}*/
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-SemiBoldItalic.eot");
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-SemiBoldItalic.woff") format("woff"), url("fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat/Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/*@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraBold.eot');
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
  url('fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Black.eot');
  src: local('Montserrat Black'), local('Montserrat-Black'),
  url('fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-Black.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ThinItalic.eot');
  src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
  url('fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
  url('fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'),
  url('fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}*/
.animateAll, .locationOptionsCh label:after, .locationOptionsCh label:before, .cartInside .cartElRemove, .cartList .cartElRemove, .cartList .cartElFav, .filterChListMore, .filterBoxTitle:after, .filter, .categoriesElLink, .catalogElFav, .catalogEl, .btnBorder, .profWorkAboutTest, .profAboutTest, .coursesElBuy, .courseMainLink, .userInfoSectionBtn, .userInfoSkinTest, .orderNewRecepientAdd, .userAddrSelectEl:not(.active) .userAddrSelectElChoose, .cartEmptyLink, .cartOrderFastBtn, .reviewsWriteNew, .catalogElBuy, .btn, .cityChangeBtn, .trackForm button, .profWorkAboutReg, .profAboutReg, .courseMainBuy, .userRegisteredAuthSubmit, .orderSuccessCancelBtn, .userAddrSelectEl.active .userAddrSelectElChoose, .userAddrSave, .orderSubmit, .orderLogInBtn, .cartOrderSubmit, .cartPromoSubmit, .cartPresentReminderBtn, .formSubmit, .authForgetPswdResend, .aboutPreviewEl:not(:first-child) .aboutPreviewElBtn, .aboutPreviewEl:first-child .aboutPreviewElBtn, .cardBuyFast, .cardBuy, .filterCounterSubmit, .filterClear, .filterSubmit, .servicesCatalog .servicesElLink, .servicesAllLink, .catalogSortSubmit, .getNewsEmail button, .mainNavUserBtn {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.btn, .cityChangeBtn, .trackForm button, .profWorkAboutTest, .profWorkAboutReg, .profAboutTest, .profAboutReg, .coursesElBuy, .courseMainLink, .courseMainBuy, .userInfoSectionBtn, .userInfoSkinTest, .userRegisteredAuthSubmit, .orderNewRecepientAdd, .orderSuccessCancelBtn, .userAddrSelectEl:not(.active) .userAddrSelectElChoose, .userAddrSelectEl.active .userAddrSelectElChoose, .userAddrSave, .orderSubmit, .orderLogInBtn, .cartEmptyLink, .cartOrderSubmit, .cartPromoSubmit, .cartPresentReminderBtn, .formSubmit, .authForgetPswdResend, .aboutPreviewEl:not(:first-child) .aboutPreviewElBtn, .aboutPreviewEl:first-child .aboutPreviewElBtn, .cardBuyFast, .cardBuy, .reviewsWriteNew, .filterCounterSubmit, .filterClear, .filterSubmit, .servicesCatalog .servicesElLink, .servicesAllLink, .catalogSortSubmit, .getNewsEmail button, .mainNavUserBtn {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: none;
  padding: 16px;
  text-align: center;
  min-width: 160px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  background: #000;
}
.btn.btn_h, .btn_h.cityChangeBtn, .trackForm button.btn_h, .btn_h.profWorkAboutTest, .btn_h.profWorkAboutReg, .btn_h.profAboutTest, .btn_h.profAboutReg, .btn_h.coursesElBuy, .btn_h.courseMainLink, .btn_h.courseMainBuy, .btn_h.userInfoSectionBtn, .btn_h.userInfoSkinTest, .btn_h.userRegisteredAuthSubmit, .btn_h.orderNewRecepientAdd, .btn_h.orderSuccessCancelBtn, .userAddrSelectEl:not(.active) .btn_h.userAddrSelectElChoose, .userAddrSelectEl.active .btn_h.userAddrSelectElChoose, .btn_h.userAddrSave, .btn_h.orderSubmit, .btn_h.orderLogInBtn, .btn_h.cartEmptyLink, .btn_h.cartOrderSubmit, .btn_h.cartPromoSubmit, .btn_h.cartPresentReminderBtn, .btn_h.formSubmit, .btn_h.authForgetPswdResend, .aboutPreviewEl:not(:first-child) .btn_h.aboutPreviewElBtn, .aboutPreviewEl:first-child .btn_h.aboutPreviewElBtn, .btn_h.cardBuyFast, .btn_h.cardBuy, .btn_h.reviewsWriteNew, .btn_h.filterCounterSubmit, .btn_h.filterClear, .btn_h.filterSubmit, .servicesCatalog .servicesElLink, .btn_h.servicesAllLink, .btn_h.catalogSortSubmit, .getNewsEmail button.btn_h, .btn_h.mainNavUserBtn {
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}
.btn:hover, .cityChangeBtn:hover, .trackForm button:hover, .profWorkAboutTest:hover, .profWorkAboutReg:hover, .profAboutTest:hover, .profAboutReg:hover, .coursesElBuy:hover, .courseMainLink:hover, .courseMainBuy:hover, .userInfoSectionBtn:hover, .userInfoSkinTest:hover, .userRegisteredAuthSubmit:hover, .orderNewRecepientAdd:hover, .orderSuccessCancelBtn:hover, .userAddrSelectEl:not(.active) .userAddrSelectElChoose:hover, .userAddrSelectEl.active .userAddrSelectElChoose:hover, .userAddrSave:hover, .orderSubmit:hover, .orderLogInBtn:hover, .cartEmptyLink:hover, .cartOrderSubmit:hover, .cartPromoSubmit:hover, .cartPresentReminderBtn:hover, .formSubmit:hover, .authForgetPswdResend:hover, .aboutPreviewEl:not(:first-child) .aboutPreviewElBtn:hover, .aboutPreviewEl:first-child .aboutPreviewElBtn:hover, .cardBuyFast:hover, .cardBuy:hover, .reviewsWriteNew:hover, .filterCounterSubmit:hover, .filterClear:hover, .filterSubmit:hover, .servicesCatalog .servicesElLink:hover, .servicesAllLink:hover, .catalogSortSubmit:hover, .getNewsEmail button:hover, .mainNavUserBtn:hover {
  text-decoration: none;
  color: #fff;
}
.btn[disabled], [disabled].cityChangeBtn, .trackForm button[disabled], [disabled].profWorkAboutTest, [disabled].profWorkAboutReg, [disabled].profAboutTest, [disabled].profAboutReg, [disabled].coursesElBuy, [disabled].courseMainLink, [disabled].courseMainBuy, [disabled].userInfoSectionBtn, [disabled].userInfoSkinTest, [disabled].userRegisteredAuthSubmit, [disabled].orderNewRecepientAdd, [disabled].orderSuccessCancelBtn, .userAddrSelectEl:not(.active) [disabled].userAddrSelectElChoose, .userAddrSelectEl.active [disabled].userAddrSelectElChoose, [disabled].userAddrSave, [disabled].orderSubmit, [disabled].orderLogInBtn, [disabled].cartEmptyLink, [disabled].cartOrderSubmit, [disabled].cartPromoSubmit, [disabled].cartPresentReminderBtn, [disabled].formSubmit, [disabled].authForgetPswdResend, .aboutPreviewEl:not(:first-child) [disabled].aboutPreviewElBtn, .aboutPreviewEl:first-child [disabled].aboutPreviewElBtn, [disabled].cardBuyFast, [disabled].cardBuy, [disabled].reviewsWriteNew, [disabled].filterCounterSubmit, [disabled].filterClear, [disabled].filterSubmit, .servicesCatalog [disabled].servicesElLink, [disabled].servicesAllLink, [disabled].catalogSortSubmit, .getNewsEmail button[disabled], [disabled].mainNavUserBtn {
  background: #888888;
  cursor: default;
}
.btnWhite, .aboutPreviewEl:not(:first-child) .aboutPreviewElBtn, .aboutPreviewEl:first-child .aboutPreviewElBtn {
  background: #fff;
  color: #000;
}
.btnWhite:hover, .aboutPreviewEl:not(:first-child) .aboutPreviewElBtn:hover, .aboutPreviewEl:first-child .aboutPreviewElBtn:hover {
  text-decoration: none;
  color: #000;
}
.btnBorder, .profWorkAboutTest, .profAboutTest, .coursesElBuy, .courseMainLink, .userInfoSectionBtn, .userInfoSkinTest, .orderNewRecepientAdd, .userAddrSelectEl:not(.active) .userAddrSelectElChoose, .cartEmptyLink, .cartOrderFastBtn, .reviewsWriteNew, .catalogElBuy {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  min-width: 160px;
  outline: none;
  border-radius: 0;
  color: #000000;
  border: 1px solid #888888;
  padding: 15px;
  background: #fff;
  text-decoration: none;
}
.btnBorder:not([disabled]):hover, .profWorkAboutTest:not([disabled]):hover, .profAboutTest:not([disabled]):hover, .coursesElBuy:not([disabled]):hover, .courseMainLink:not([disabled]):hover, .userInfoSectionBtn:not([disabled]):hover, .userInfoSkinTest:not([disabled]):hover, .orderNewRecepientAdd:not([disabled]):hover, .userAddrSelectEl:not(.active) .userAddrSelectElChoose:not([disabled]):hover, .cartEmptyLink:not([disabled]):hover, .cartOrderFastBtn:not([disabled]):hover, .reviewsWriteNew:not([disabled]):hover, .catalogElBuy:not([disabled]):hover {
  background: #000;
  border-color: #000;
  color: #fff;
  text-decoration: none;
}
.btnBorder[disabled]:hover, [disabled].profWorkAboutTest:hover, [disabled].profAboutTest:hover, [disabled].coursesElBuy:hover, [disabled].courseMainLink:hover, [disabled].userInfoSectionBtn:hover, [disabled].userInfoSkinTest:hover, [disabled].orderNewRecepientAdd:hover, .userAddrSelectEl:not(.active) [disabled].userAddrSelectElChoose:hover, [disabled].cartEmptyLink:hover, [disabled].cartOrderFastBtn:hover, [disabled].reviewsWriteNew:hover, [disabled].catalogElBuy:hover {
  background: #fff;
  border-color: #888888;
  color: #888888;
  cursor: default;
}
.btnBorder[disabled], [disabled].profWorkAboutTest, [disabled].profAboutTest, [disabled].coursesElBuy, [disabled].courseMainLink, [disabled].userInfoSectionBtn, [disabled].userInfoSkinTest, [disabled].orderNewRecepientAdd, .userAddrSelectEl:not(.active) [disabled].userAddrSelectElChoose, [disabled].cartEmptyLink, [disabled].cartOrderFastBtn, [disabled].reviewsWriteNew, [disabled].catalogElBuy {
  background: #fff;
  border-color: #888888;
  color: #888888;
  cursor: default;
}
@media all and (max-width: 959px) {
  .btn, .cityChangeBtn, .trackForm button, .profWorkAboutTest, .profWorkAboutReg, .profAboutTest, .profAboutReg, .coursesElBuy, .courseMainLink, .courseMainBuy, .userInfoSectionBtn, .userInfoSkinTest, .userRegisteredAuthSubmit, .orderNewRecepientAdd, .orderSuccessCancelBtn, .userAddrSelectEl:not(.active) .userAddrSelectElChoose, .userAddrSelectEl.active .userAddrSelectElChoose, .userAddrSave, .orderSubmit, .orderLogInBtn, .cartEmptyLink, .cartOrderSubmit, .cartPromoSubmit, .cartPresentReminderBtn, .formSubmit, .authForgetPswdResend, .aboutPreviewEl:not(:first-child) .aboutPreviewElBtn, .aboutPreviewEl:first-child .aboutPreviewElBtn, .cardBuyFast, .cardBuy, .reviewsWriteNew, .filterCounterSubmit, .filterClear, .filterSubmit, .servicesCatalog .servicesElLink, .servicesAllLink, .catalogSortSubmit, .getNewsEmail button, .mainNavUserBtn {
    padding: 10px;
    font-size: 12px;
  }
  .btnBorder, .profWorkAboutTest, .profAboutTest, .coursesElBuy, .courseMainLink, .userInfoSectionBtn, .userInfoSkinTest, .orderNewRecepientAdd, .userAddrSelectEl:not(.active) .userAddrSelectElChoose, .cartEmptyLink, .cartOrderFastBtn, .reviewsWriteNew, .catalogElBuy {
    padding: 9px;
    font-size: 12px;
  }
}

body {
  font: 400 16px/1.5 "Montserrat", sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
}

input, textarea, select, button {
  font: 400 16px/1.5 "Montserrat", sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  font-size: 16px;
  tab-size: 4;
}

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

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
}

.defBox, .profAboutInner, .profTopInner, .courseMainInner, .educationTopInner, .commentsSliderBox, .cart, .authInner, .about, .card, .breadCrumbs, .aboutUsList, .indexSlPreviewsWrap, .boxInner, .mainFooterInner, .mainNavInner, .mainHeaderContentInner, .mainHeaderTopInner, .mainHeaderSpecialInner, .wrapContent {
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 110px;
  padding-right: 110px;
}
@media all and (max-width: 1300px) {
  .defBox, .profAboutInner, .profTopInner, .courseMainInner, .educationTopInner, .commentsSliderBox, .cart, .authInner, .about, .card, .breadCrumbs, .aboutUsList, .indexSlPreviewsWrap, .boxInner, .mainFooterInner, .mainNavInner, .mainHeaderContentInner, .mainHeaderTopInner, .mainHeaderSpecialInner, .wrapContent {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media all and (max-width: 959px) {
  .defBox, .profAboutInner, .profTopInner, .courseMainInner, .educationTopInner, .commentsSliderBox, .cart, .authInner, .about, .card, .breadCrumbs, .aboutUsList, .indexSlPreviewsWrap, .boxInner, .mainFooterInner, .mainNavInner, .mainHeaderContentInner, .mainHeaderTopInner, .mainHeaderSpecialInner, .wrapContent {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media all and (max-width: 767px) {
  .defBox, .profAboutInner, .profTopInner, .courseMainInner, .educationTopInner, .commentsSliderBox, .cart, .authInner, .about, .card, .breadCrumbs, .aboutUsList, .indexSlPreviewsWrap, .boxInner, .mainFooterInner, .mainNavInner, .mainHeaderContentInner, .mainHeaderTopInner, .mainHeaderSpecialInner, .wrapContent {
    padding-left: 10px;
    padding-right: 10px;
  }
}

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

a, button {
  color: #000;
}

.wrapContent {
  display: flex;
  align-items: stretch;
  gap: 20px;
}
.wrapContent .content {
  order: 2;
  width: 100%;
}
.wrapContent .sidebar {
  order: 1;
  width: 325px;
  min-width: 325px;
  /*    @media all and (max-width: 959px) {
        width: 270px;
        min-width: 270px;
      }

      @media all and (max-width: 767px) {
        width: 100%;
        min-width: 100%;
      }*/
}
@media all and (max-width: 1300px) {
  .wrapContent .sidebar {
    width: 270px;
    min-width: 270px;
  }
}
@media all and (max-width: 1100px) {
  .wrapContent .sidebar {
    width: 250px;
    min-width: 250px;
  }
}
@media all and (max-width: 959px) {
  .wrapContent .sidebar {
    width: 100%;
    min-width: 100%;
  }
}
@media all and (max-width: 959px) {
  .wrapContent {
    display: block;
  }
}

/*
.container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
*/
.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.tdu {
  text-decoration: underline;
}

@media all and (max-width: 767px) {
  .hideOnMob {
    display: none !important;
  }
}

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

@media all and (max-width: 959px) {
  .showOnlyD {
    display: none !important;
  }
}

.w100 {
  width: 100% !important;
}

@media all and (max-width: 767px) {
  .m_pr_50p {
    padding-right: 50% !important;
  }
}
.scrolledDown {
  /*  @media all and (max-width: 959px) and (min-width: 768px) {
      padding-top: 153px;
    }
    @media all and (max-width: 767px) {
      padding-top: 141px;
    }*/
}
@media all and (min-width: 960px) {
  .scrolledDown {
    padding-top: 216px;
  }
}

.mainHeader {
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
  /* @media all and (max-width: 959px) and (min-width: 768px) {
     & {
       top: -250px;
       min-height: 153px;
       transition: top 0.3s ease-in;
     }

     .scrolledDown & {
       top: 0;
       position: fixed;
       min-height: 0;
       border-bottom: 1px solid #EEEEEE;

       &Top {
         display: none;
       }

       &Logo {
         max-width: 71px;
       }

       &Content {
         padding-top: 18px;
         padding-bottom: 18px;
       }
     }
   }*/
  /*  @media all and (max-width: 767px) {
      min-height: 141px;
    }*/
  /*
    @media all and (min-width: 768px) {

      .scrolledDown & {

      }
    }*/
}
.mainHeaderTopNav {
  display: none !important;
}
@media all and (min-width: 960px) {
  .mainHeader {
    top: -250px;
    min-height: 216px;
    transition: top 0.3s ease-in;
  }
  .scrolledDown .mainHeader {
    top: 0;
    position: fixed;
    min-height: 0;
    border-bottom: 1px solid #EEEEEE;
  }
  .scrolledDown .mainHeaderTop {
    display: none;
  }
  .scrolledDown .mainHeaderLogo {
    max-width: 71px;
  }
  .scrolledDown .mainHeaderContent {
    padding-top: 18px;
    padding-bottom: 2px;
  }
}
.mainHeaderSpecial {
  background: #000000;
  padding: 6px 0;
  text-align: center;
}
.mainHeaderSpecialInner {
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.mainHeaderSpecialInner a {
  color: #fff;
  text-decoration: none;
}
.mainHeaderSpecialInner a:hover {
  color: #fff;
  text-decoration: none;
}
.mainHeaderTop {
  background: #EFEFEF;
}
.mainHeaderTopInner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainHeaderTopNav {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  color: #000000;
}
.mainHeaderTopNav a, .mainHeaderTopNav span {
  color: #000000;
  padding: 10px 20px;
  text-decoration: none;
}
.mainHeaderTopNav a:hover, .mainHeaderTopNav a.active, .mainHeaderTopNav span:hover, .mainHeaderTopNav span.active {
  color: #FFFFFF;
  background: #353535;
  text-decoration: none;
}
.mainHeaderTopInfo {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  display: flex;
  align-items: center;
  color: #000000;
  gap: 20px;
}
.mainHeaderTopInfo a, .mainHeaderTopInfo button, .mainHeaderTopInfo span {
  color: #000000;
  padding: 10px 0;
  text-decoration: none;
}
.mainHeaderTopInfo a:hover, .mainHeaderTopInfo button:hover, .mainHeaderTopInfo span:hover {
  color: #000000;
  text-decoration: none;
}
.mainHeaderContent {
  padding: 24px 0 8px 0;
}
.mainHeaderContentInner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainHeaderSearch {
  max-width: 400px;
  width: 100%;
  display: block;
  position: relative;
}
.mainHeaderSearchVal {
  background: #fff;
  border: 1px solid #888888;
  border-width: 0 0 1px 0;
  height: 44px;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 21px;
  padding: 12px 44px 10px 0;
  outline: none;
  font-weight: 400;
  position: relative;
}
.mainHeaderSearchSubmit {
  width: 44px;
  height: 43px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTgzMTcgMTguMTI1QzQuODc0ODQgMTguMTI1IDEuMDQxNSAxNC4yOTE3IDEuMDQxNSA5LjU4MzMyQzEuMDQxNSA0Ljg3NDk5IDQuODc0ODQgMS4wNDE2NiA5LjU4MzE3IDEuMDQxNjZDMTQuMjkxNSAxLjA0MTY2IDE4LjEyNDggNC44NzQ5OSAxOC4xMjQ4IDkuNTgzMzJDMTguMTI0OCAxNC4yOTE3IDE0LjI5MTUgMTguMTI1IDkuNTgzMTcgMTguMTI1Wk05LjU4MzE3IDIuMjkxNjZDNS41NTgxNyAyLjI5MTY2IDIuMjkxNSA1LjU2NjY2IDIuMjkxNSA5LjU4MzMyQzIuMjkxNSAxMy42IDUuNTU4MTcgMTYuODc1IDkuNTgzMTcgMTYuODc1QzEzLjYwODIgMTYuODc1IDE2Ljg3NDggMTMuNiAxNi44NzQ4IDkuNTgzMzJDMTYuODc0OCA1LjU2NjY2IDEzLjYwODIgMi4yOTE2NiA5LjU4MzE3IDIuMjkxNjZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTguMzMzNSAxOC45NTgzQzE4LjE3NTIgMTguOTU4MyAxOC4wMTY5IDE4LjkgMTcuODkxOSAxOC43NzVMMTYuMjI1MiAxNy4xMDgzQzE1Ljk4MzUgMTYuODY2NyAxNS45ODM1IDE2LjQ2NjcgMTYuMjI1MiAxNi4yMjVDMTYuNDY2OSAxNS45ODMzIDE2Ljg2NjkgMTUuOTgzMyAxNy4xMDg1IDE2LjIyNUwxOC43NzUyIDE3Ljg5MTdDMTkuMDE2OSAxOC4xMzMzIDE5LjAxNjkgMTguNTMzMyAxOC43NzUyIDE4Ljc3NUMxOC42NTAyIDE4LjkgMTguNDkxOSAxOC45NTgzIDE4LjMzMzUgMTguOTU4M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 20px 20px;
}
.mainHeaderAcc {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mainHeaderLogo {
  max-width: 112px;
}
.mainHeaderLogo img {
  width: 100%;
  height: auto;
}
.mainHeaderCity {
  position: relative;
  padding-left: 18px !important;
  border: none;
  font-size: inherit;
  line-height: inherit;
  display: block;
  font-weight: inherit;
  cursor: pointer;
}
.mainHeaderCity:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDAwMTggOC4yNjU4MkM1Ljc1NzY4IDguMjY1ODIgNC43NDI2OCA3LjI1NjY1IDQuNzQyNjggNi4wMDgzMkM0Ljc0MjY4IDQuNzU5OTkgNS43NTc2OCAzLjc1NjY1IDcuMDAwMTggMy43NTY2NUM4LjI0MjY4IDMuNzU2NjUgOS4yNTc2OCA0Ljc2NTgyIDkuMjU3NjggNi4wMTQxNUM5LjI1NzY4IDcuMjYyNDkgOC4yNDI2OCA4LjI2NTgyIDcuMDAwMTggOC4yNjU4MlpNNy4wMDAxOCA0LjYzMTY1QzYuMjQxODQgNC42MzE2NSA1LjYxNzY4IDUuMjQ5OTkgNS42MTc2OCA2LjAxNDE1QzUuNjE3NjggNi43NzgzMiA2LjIzNjAxIDcuMzk2NjUgNy4wMDAxOCA3LjM5NjY1QzcuNzY0MzQgNy4zOTY2NSA4LjM4MjY4IDYuNzc4MzIgOC4zODI2OCA2LjAxNDE1QzguMzgyNjggNS4yNDk5OSA3Ljc1ODUxIDQuNjMxNjUgNy4wMDAxOCA0LjYzMTY1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuOTk5OTggMTMuMjc2N0M2LjEzNjY1IDEzLjI3NjcgNS4yNjc0OCAxMi45NSA0LjU5MDgxIDEyLjMwMjVDMi44Njk5OCAxMC42NDU5IDAuOTY4MzE0IDguMDAzMzUgMS42ODU4MSA0Ljg1OTE5QzIuMzMzMzEgMi4wMDY2OSA0LjgyNDE1IDAuNzI5MTg3IDYuOTk5OTggMC43MjkxODdDNi45OTk5OCAwLjcyOTE4NyA2Ljk5OTk4IDAuNzI5MTg3IDcuMDA1ODEgMC43MjkxODdDOS4xODE2NSAwLjcyOTE4NyAxMS42NzI1IDIuMDA2NjkgMTIuMzIgNC44NjUwMkMxMy4wMzE2IDguMDA5MTkgMTEuMTMgMTAuNjQ1OSA5LjQwOTE1IDEyLjMwMjVDOC43MzI0OCAxMi45NSA3Ljg2MzMxIDEzLjI3NjcgNi45OTk5OCAxMy4yNzY3Wk02Ljk5OTk4IDEuNjA0MTlDNS4zMDI0OCAxLjYwNDE5IDMuMTIwODEgMi41MDgzNSAyLjU0MzMxIDUuMDUxNjlDMS45MTMzMSA3Ljc5OTE5IDMuNjM5OTggMTAuMTY3NSA1LjIwMzMxIDExLjY2NjdDNi4yMTI0OCAxMi42NDA5IDcuNzkzMzEgMTIuNjQwOSA4LjgwMjQ4IDExLjY2NjdDMTAuMzYgMTAuMTY3NSAxMi4wODY2IDcuNzk5MTkgMTEuNDY4MyA1LjA1MTY5QzEwLjg4NSAyLjUwODM1IDguNjk3NDggMS42MDQxOSA2Ljk5OTk4IDEuNjA0MTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.mainHeaderUser {
  width: 110px;
}
.mainHeaderFav, .mainHeaderUser, .mainHeaderCart {
  min-width: 70px;
  display: block;
  text-decoration: none;
  background-repeat: no-repeat;
  position: relative;
  padding: 26px 0 0 0;
  background-size: 24px 24px;
  background-position: top center;
}
.mainHeaderFav i, .mainHeaderUser i, .mainHeaderCart i {
  font-weight: 600;
  font-size: 7px;
  line-height: 9px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  width: 12px;
  font-style: normal;
  height: 12px;
  padding: 2px 0 0 0;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 50%;
  background: #000;
}
.mainHeaderFav span, .mainHeaderUser span, .mainHeaderCart span {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  line-height: 19px;
}
.mainHeaderFav {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIxLjY1QzExLjY5IDIxLjY1IDExLjM5IDIxLjYxIDExLjE0IDIxLjUyQzcuMzIgMjAuMjEgMS4yNSAxNS41NiAxLjI1IDguNjkwMDFDMS4yNSA1LjE5MDAxIDQuMDggMi4zNTAwMSA3LjU2IDIuMzUwMDFDOS4yNSAyLjM1MDAxIDEwLjgzIDMuMDEwMDEgMTIgNC4xOTAwMUMxMy4xNyAzLjAxMDAxIDE0Ljc1IDIuMzUwMDEgMTYuNDQgMi4zNTAwMUMxOS45MiAyLjM1MDAxIDIyLjc1IDUuMjAwMDEgMjIuNzUgOC42OTAwMUMyMi43NSAxNS41NyAxNi42OCAyMC4yMSAxMi44NiAyMS41MkMxMi42MSAyMS42MSAxMi4zMSAyMS42NSAxMiAyMS42NVpNNy41NiAzLjg1MDAxQzQuOTEgMy44NTAwMSAyLjc1IDYuMDIwMDEgMi43NSA4LjY5MDAxQzIuNzUgMTUuNTIgOS4zMiAxOS4zMiAxMS42MyAyMC4xMUMxMS44MSAyMC4xNyAxMi4yIDIwLjE3IDEyLjM4IDIwLjExQzE0LjY4IDE5LjMyIDIxLjI2IDE1LjUzIDIxLjI2IDguNjkwMDFDMjEuMjYgNi4wMjAwMSAxOS4xIDMuODUwMDEgMTYuNDUgMy44NTAwMUMxNC45MyAzLjg1MDAxIDEzLjUyIDQuNTYwMDEgMTIuNjEgNS43OTAwMUMxMi4zMyA2LjE3MDAxIDExLjY5IDYuMTcwMDEgMTEuNDEgNS43OTAwMUMxMC40OCA0LjU1MDAxIDkuMDggMy44NTAwMSA3LjU2IDMuODUwMDFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
}
.mainHeaderUser {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjE1OTYgMTEuNjJDMTIuMTI5NiAxMS42MiAxMi4xMDk2IDExLjYyIDEyLjA3OTYgMTEuNjJDMTIuMDI5NiAxMS42MSAxMS45NTk2IDExLjYxIDExLjg5OTYgMTEuNjJDOC45OTk1NyAxMS41MyA2LjgwOTU3IDkuMjUgNi44MDk1NyA2LjQ0QzYuODA5NTcgMy41OCA5LjEzOTU3IDEuMjUgMTEuOTk5NiAxLjI1QzE0Ljg1OTYgMS4yNSAxNy4xODk2IDMuNTggMTcuMTg5NiA2LjQ0QzE3LjE3OTYgOS4yNSAxNC45Nzk2IDExLjUzIDEyLjE4OTYgMTEuNjJDMTIuMTc5NiAxMS42MiAxMi4xNjk2IDExLjYyIDEyLjE1OTYgMTEuNjJaTTExLjk5OTYgMi43NUM5Ljk2OTU3IDIuNzUgOC4zMDk1NyA0LjQxIDguMzA5NTcgNi40NEM4LjMwOTU3IDguNDQgOS44Njk1NyAxMC4wNSAxMS44NTk2IDEwLjEyQzExLjkwOTYgMTAuMTEgMTIuMDQ5NiAxMC4xMSAxMi4xNzk2IDEwLjEyQzE0LjEzOTYgMTAuMDMgMTUuNjc5NiA4LjQyIDE1LjY4OTYgNi40NEMxNS42ODk2IDQuNDEgMTQuMDI5NiAyLjc1IDExLjk5OTYgMi43NVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMi4xNjk2IDIyLjU1QzEwLjIwOTYgMjIuNTUgOC4yMzk2MSAyMi4wNSA2Ljc0OTYxIDIxLjA1QzUuMzU5NjEgMjAuMTMgNC41OTk2MSAxOC44NyA0LjU5OTYxIDE3LjVDNC41OTk2MSAxNi4xMyA1LjM1OTYxIDE0Ljg2IDYuNzQ5NjEgMTMuOTNDOS43NDk2MSAxMS45NCAxNC42MDk2IDExLjk0IDE3LjU4OTYgMTMuOTNDMTguOTY5NiAxNC44NSAxOS43Mzk2IDE2LjExIDE5LjczOTYgMTcuNDhDMTkuNzM5NiAxOC44NSAxOC45Nzk2IDIwLjEyIDE3LjU4OTYgMjEuMDVDMTYuMDg5NiAyMi4wNSAxNC4xMjk2IDIyLjU1IDEyLjE2OTYgMjIuNTVaTTcuNTc5NjEgMTUuMTlDNi42MTk2MSAxNS44MyA2LjA5OTYxIDE2LjY1IDYuMDk5NjEgMTcuNTFDNi4wOTk2MSAxOC4zNiA2LjYyOTYxIDE5LjE4IDcuNTc5NjEgMTkuODFDMTAuMDY5NiAyMS40OCAxNC4yNjk2IDIxLjQ4IDE2Ljc1OTYgMTkuODFDMTcuNzE5NiAxOS4xNyAxOC4yMzk2IDE4LjM1IDE4LjIzOTYgMTcuNDlDMTguMjM5NiAxNi42NCAxNy43MDk2IDE1LjgyIDE2Ljc1OTYgMTUuMTlDMTQuMjY5NiAxMy41MyAxMC4wNjk2IDEzLjUzIDcuNTc5NjEgMTUuMTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
}
.mainHeaderCart {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjUgOC42Mjk5OUMxNi4wOSA4LjYyOTk5IDE1Ljc1IDguMjg5OTkgMTUuNzUgNy44Nzk5OVY2LjQ5OTk5QzE1Ljc1IDUuNDQ5OTkgMTUuMyA0LjQyOTk5IDE0LjUyIDMuNzE5OTlDMTMuNzMgMi45OTk5OSAxMi43MSAyLjY2OTk5IDExLjYzIDIuNzY5OTlDOS44MyAyLjkzOTk5IDguMjUgNC43Nzk5OSA4LjI1IDYuNjk5OTlWNy42Njk5OUM4LjI1IDguMDc5OTkgNy45MSA4LjQxOTk5IDcuNSA4LjQxOTk5QzcuMDkgOC40MTk5OSA2Ljc1IDguMDc5OTkgNi43NSA3LjY2OTk5VjYuNjg5OTlDNi43NSAzLjk5OTk5IDguOTIgMS41MTk5OSAxMS40OSAxLjI2OTk5QzEyLjk5IDEuMTI5OTkgMTQuNDMgMS41OTk5OSAxNS41MyAyLjYwOTk5QzE2LjYyIDMuNTk5OTkgMTcuMjUgNS4wMTk5OSAxNy4yNSA2LjQ5OTk5VjcuODc5OTlDMTcuMjUgOC4yODk5OSAxNi45MSA4LjYyOTk5IDE2LjUgOC42Mjk5OVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNC45OTk4IDIyLjc1SDguOTk5ODJDNC4zNzk4MiAyMi43NSAzLjUxOTgyIDIwLjYgMy4yOTk4MiAxOC41MUwyLjU0OTgyIDEyLjUyQzIuNDM5ODIgMTEuNDQgMi4zOTk4MiA5Ljg5IDMuNDQ5ODIgOC43M0M0LjM0OTgyIDcuNzMgNS44Mzk4MiA3LjI1IDcuOTk5ODIgNy4yNUgxNS45OTk4QzE4LjE2OTggNy4yNSAxOS42NTk4IDcuNzQgMjAuNTQ5OCA4LjczQzIxLjU4OTggOS44OSAyMS41NTk4IDExLjQ0IDIxLjQ0OTggMTIuNUwyMC42OTk4IDE4LjUxQzIwLjQ3OTggMjAuNiAxOS42MTk4IDIyLjc1IDE0Ljk5OTggMjIuNzVaTTcuOTk5ODIgOC43NUM2LjMwOTgyIDguNzUgNS4xNDk4MiA5LjA4IDQuNTU5ODIgOS43NEM0LjA2OTgyIDEwLjI4IDMuOTA5ODIgMTEuMTEgNC4wMzk4MiAxMi4zNUw0Ljc4OTgyIDE4LjM0QzQuOTU5ODIgMTkuOTQgNS4zOTk4MiAyMS4yNiA4Ljk5OTgyIDIxLjI2SDE0Ljk5OThDMTguNTk5OCAyMS4yNiAxOS4wMzk4IDE5Ljk1IDE5LjIwOTggMTguMzZMMTkuOTU5OCAxMi4zNUMyMC4wODk4IDExLjEzIDE5LjkyOTggMTAuMyAxOS40Mzk4IDkuNzVDMTguODQ5OCA5LjA4IDE3LjY4OTggOC43NSAxNS45OTk4IDguNzVINy45OTk4MloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNS40MjAyIDEzLjE1QzE0Ljg2MDIgMTMuMTUgMTQuNDEwMiAxMi43IDE0LjQxMDIgMTIuMTVDMTQuNDEwMiAxMS42IDE0Ljg2MDIgMTEuMTUgMTUuNDEwMiAxMS4xNUMxNS45NjAyIDExLjE1IDE2LjQxMDIgMTEuNiAxNi40MTAyIDEyLjE1QzE2LjQxMDIgMTIuNyAxNS45NzAyIDEzLjE1IDE1LjQyMDIgMTMuMTVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOC40MjAxNiAxMy4xNUM3Ljg2MDE2IDEzLjE1IDcuNDEwMTYgMTIuNyA3LjQxMDE2IDEyLjE1QzcuNDEwMTYgMTEuNiA3Ljg2MDE2IDExLjE1IDguNDEwMTYgMTEuMTVDOC45NjAxNiAxMS4xNSA5LjQxMDE2IDExLjYgOS40MTAxNiAxMi4xNUM5LjQxMDE2IDEyLjcgOC45NzAxNiAxMy4xNSA4LjQyMDE2IDEzLjE1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.mainHeaderNavBtn {
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMi41NDk5OSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEuNSIgcng9IjAuNzUiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHk9IjExLjI1IiB3aWR0aD0iMjQiIGhlaWdodD0iMS41IiByeD0iMC43NSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeT0iMTkuOTUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIxLjUiIHJ4PSIwLjc1IiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
}
.mainHeaderBackLink {
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
  transform: rotate(180deg);
}
.mainHeaderSearchBtn {
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTgzMTcgMTguMTI1QzQuODc0ODQgMTguMTI1IDEuMDQxNSAxNC4yOTE3IDEuMDQxNSA5LjU4MzMyQzEuMDQxNSA0Ljg3NDk5IDQuODc0ODQgMS4wNDE2NiA5LjU4MzE3IDEuMDQxNjZDMTQuMjkxNSAxLjA0MTY2IDE4LjEyNDggNC44NzQ5OSAxOC4xMjQ4IDkuNTgzMzJDMTguMTI0OCAxNC4yOTE3IDE0LjI5MTUgMTguMTI1IDkuNTgzMTcgMTguMTI1Wk05LjU4MzE3IDIuMjkxNjZDNS41NTgxNyAyLjI5MTY2IDIuMjkxNSA1LjU2NjY2IDIuMjkxNSA5LjU4MzMyQzIuMjkxNSAxMy42IDUuNTU4MTcgMTYuODc1IDkuNTgzMTcgMTYuODc1QzEzLjYwODIgMTYuODc1IDE2Ljg3NDggMTMuNiAxNi44NzQ4IDkuNTgzMzJDMTYuODc0OCA1LjU2NjY2IDEzLjYwODIgMi4yOTE2NiA5LjU4MzE3IDIuMjkxNjZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTguMzMzNSAxOC45NTgzQzE4LjE3NTIgMTguOTU4MyAxOC4wMTY5IDE4LjkgMTcuODkxOSAxOC43NzVMMTYuMjI1MiAxNy4xMDgzQzE1Ljk4MzUgMTYuODY2NyAxNS45ODM1IDE2LjQ2NjcgMTYuMjI1MiAxNi4yMjVDMTYuNDY2OSAxNS45ODMzIDE2Ljg2NjkgMTUuOTgzMyAxNy4xMDg1IDE2LjIyNUwxOC43NzUyIDE3Ljg5MTdDMTkuMDE2OSAxOC4xMzMzIDE5LjAxNjkgMTguNTMzMyAxOC43NzUyIDE4Ljc3NUMxOC42NTAyIDE4LjkgMTguNDkxOSAxOC45NTgzIDE4LjMzMzUgMTguOTU4M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
}
.mainHeaderMobBtns {
  display: none;
}
@media all and (max-width: 959px) {
  .mainHeaderContent {
    padding: 20px 0;
  }
  .mainHeaderSearch {
    display: none;
  }
  .mainHeaderLogo {
    width: 79px;
  }
  .mainHeaderMobBtns {
    display: flex;
    gap: 16px;
    align-items: center;
  }
  .mainHeaderTop .mainHeaderCity {
    display: none;
  }
  .mainHeaderAcc {
    display: none;
  }
  .mainHeaderCity {
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDAwMTggOC4yNjU4MkM1Ljc1NzY4IDguMjY1ODIgNC43NDI2OCA3LjI1NjY1IDQuNzQyNjggNi4wMDgzMkM0Ljc0MjY4IDQuNzU5OTkgNS43NTc2OCAzLjc1NjY1IDcuMDAwMTggMy43NTY2NUM4LjI0MjY4IDMuNzU2NjUgOS4yNTc2OCA0Ljc2NTgyIDkuMjU3NjggNi4wMTQxNUM5LjI1NzY4IDcuMjYyNDkgOC4yNDI2OCA4LjI2NTgyIDcuMDAwMTggOC4yNjU4MlpNNy4wMDAxOCA0LjYzMTY1QzYuMjQxODQgNC42MzE2NSA1LjYxNzY4IDUuMjQ5OTkgNS42MTc2OCA2LjAxNDE1QzUuNjE3NjggNi43NzgzMiA2LjIzNjAxIDcuMzk2NjUgNy4wMDAxOCA3LjM5NjY1QzcuNzY0MzQgNy4zOTY2NSA4LjM4MjY4IDYuNzc4MzIgOC4zODI2OCA2LjAxNDE1QzguMzgyNjggNS4yNDk5OSA3Ljc1ODUxIDQuNjMxNjUgNy4wMDAxOCA0LjYzMTY1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuOTk5OTggMTMuMjc2N0M2LjEzNjY1IDEzLjI3NjcgNS4yNjc0OCAxMi45NSA0LjU5MDgxIDEyLjMwMjVDMi44Njk5OCAxMC42NDU5IDAuOTY4MzE0IDguMDAzMzUgMS42ODU4MSA0Ljg1OTE5QzIuMzMzMzEgMi4wMDY2OSA0LjgyNDE1IDAuNzI5MTg3IDYuOTk5OTggMC43MjkxODdDNi45OTk5OCAwLjcyOTE4NyA2Ljk5OTk4IDAuNzI5MTg3IDcuMDA1ODEgMC43MjkxODdDOS4xODE2NSAwLjcyOTE4NyAxMS42NzI1IDIuMDA2NjkgMTIuMzIgNC44NjUwMkMxMy4wMzE2IDguMDA5MTkgMTEuMTMgMTAuNjQ1OSA5LjQwOTE1IDEyLjMwMjVDOC43MzI0OCAxMi45NSA3Ljg2MzMxIDEzLjI3NjcgNi45OTk5OCAxMy4yNzY3Wk02Ljk5OTk4IDEuNjA0MTlDNS4zMDI0OCAxLjYwNDE5IDMuMTIwODEgMi41MDgzNSAyLjU0MzMxIDUuMDUxNjlDMS45MTMzMSA3Ljc5OTE5IDMuNjM5OTggMTAuMTY3NSA1LjIwMzMxIDExLjY2NjdDNi4yMTI0OCAxMi42NDA5IDcuNzkzMzEgMTIuNjQwOSA4LjgwMjQ4IDExLjY2NjdDMTAuMzYgMTAuMTY3NSAxMi4wODY2IDcuNzk5MTkgMTEuNDY4MyA1LjA1MTY5QzEwLjg4NSAyLjUwODM1IDguNjk3NDggMS42MDQxOSA2Ljk5OTk4IDEuNjA0MTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    display: block;
    background-size: 24px 24px;
  }
  .mainHeaderCity:before {
    display: none;
  }
  .mainHeaderPhone {
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjQ1IDIyLjc1QzE2LjMyIDIyLjc1IDE1LjEzIDIyLjQ4IDEzLjkgMjEuOTZDMTIuNyAyMS40NSAxMS40OSAyMC43NSAxMC4zMSAxOS45QzkuMTQgMTkuMDQgOC4wMSAxOC4wOCA2Ljk0IDE3LjAzQzUuODggMTUuOTYgNC45MiAxNC44MyA0LjA3IDEzLjY3QzMuMjEgMTIuNDcgMi41MiAxMS4yNyAyLjAzIDEwLjExQzEuNTEgOC44NyAxLjI1IDcuNjcgMS4yNSA2LjU0QzEuMjUgNS43NiAxLjM5IDUuMDIgMS42NiA0LjMzQzEuOTQgMy42MiAyLjM5IDIuOTYgMyAyLjM5QzMuNzcgMS42MyA0LjY1IDEuMjUgNS41OSAxLjI1QzUuOTggMS4yNSA2LjM4IDEuMzQgNi43MiAxLjVDNy4xMSAxLjY4IDcuNDQgMS45NSA3LjY4IDIuMzFMMTAgNS41OEMxMC4yMSA1Ljg3IDEwLjM3IDYuMTUgMTAuNDggNi40M0MxMC42MSA2LjczIDEwLjY4IDcuMDMgMTAuNjggNy4zMkMxMC42OCA3LjcgMTAuNTcgOC4wNyAxMC4zNiA4LjQyQzEwLjIxIDguNjkgOS45OCA4Ljk4IDkuNjkgOS4yN0w5LjAxIDkuOThDOS4wMiAxMC4wMSA5LjAzIDEwLjAzIDkuMDQgMTAuMDVDOS4xNiAxMC4yNiA5LjQgMTAuNjIgOS44NiAxMS4xNkMxMC4zNSAxMS43MiAxMC44MSAxMi4yMyAxMS4yNyAxMi43QzExLjg2IDEzLjI4IDEyLjM1IDEzLjc0IDEyLjgxIDE0LjEyQzEzLjM4IDE0LjYgMTMuNzUgMTQuODQgMTMuOTcgMTQuOTVMMTMuOTUgMTVMMTQuNjggMTQuMjhDMTQuOTkgMTMuOTcgMTUuMjkgMTMuNzQgMTUuNTggMTMuNTlDMTYuMTMgMTMuMjUgMTYuODMgMTMuMTkgMTcuNTMgMTMuNDhDMTcuNzkgMTMuNTkgMTguMDcgMTMuNzQgMTguMzcgMTMuOTVMMjEuNjkgMTYuMzFDMjIuMDYgMTYuNTYgMjIuMzMgMTYuODggMjIuNDkgMTcuMjZDMjIuNjQgMTcuNjQgMjIuNzEgMTcuOTkgMjIuNzEgMTguMzRDMjIuNzEgMTguODIgMjIuNiAxOS4zIDIyLjM5IDE5Ljc1QzIyLjE4IDIwLjIgMjEuOTIgMjAuNTkgMjEuNTkgMjAuOTVDMjEuMDIgMjEuNTggMjAuNCAyMi4wMyAxOS42OCAyMi4zMkMxOC45OSAyMi42IDE4LjI0IDIyLjc1IDE3LjQ1IDIyLjc1Wk01LjU5IDIuNzVDNS4wNCAyLjc1IDQuNTMgMi45OSA0LjA0IDMuNDdDMy41OCAzLjkgMy4yNiA0LjM3IDMuMDYgNC44OEMyLjg1IDUuNCAyLjc1IDUuOTUgMi43NSA2LjU0QzIuNzUgNy40NyAyLjk3IDguNDggMy40MSA5LjUyQzMuODYgMTAuNTggNC40OSAxMS42OCA1LjI5IDEyLjc4QzYuMDkgMTMuODggNyAxNC45NSA4IDE1Ljk2QzkgMTYuOTUgMTAuMDggMTcuODcgMTEuMTkgMTguNjhDMTIuMjcgMTkuNDcgMTMuMzggMjAuMTEgMTQuNDggMjAuNTdDMTYuMTkgMjEuMyAxNy43OSAyMS40NyAxOS4xMSAyMC45MkMxOS42MiAyMC43MSAyMC4wNyAyMC4zOSAyMC40OCAxOS45M0MyMC43MSAxOS42OCAyMC44OSAxOS40MSAyMS4wNCAxOS4wOUMyMS4xNiAxOC44NCAyMS4yMiAxOC41OCAyMS4yMiAxOC4zMkMyMS4yMiAxOC4xNiAyMS4xOSAxOCAyMS4xMSAxNy44MkMyMS4wOCAxNy43NiAyMS4wMiAxNy42NSAyMC44MyAxNy41MkwxNy41MSAxNS4xNkMxNy4zMSAxNS4wMiAxNy4xMyAxNC45MiAxNi45NiAxNC44NUMxNi43NCAxNC43NiAxNi42NSAxNC42NyAxNi4zMSAxNC44OEMxNi4xMSAxNC45OCAxNS45MyAxNS4xMyAxNS43MyAxNS4zM0wxNC45NyAxNi4wOEMxNC41OCAxNi40NiAxMy45OCAxNi41NSAxMy41MiAxNi4zOEwxMy4yNSAxNi4yNkMxMi44NCAxNi4wNCAxMi4zNiAxNS43IDExLjgzIDE1LjI1QzExLjM1IDE0Ljg0IDEwLjgzIDE0LjM2IDEwLjIgMTMuNzRDOS43MSAxMy4yNCA5LjIyIDEyLjcxIDguNzEgMTIuMTJDOC4yNCAxMS41NyA3LjkgMTEuMSA3LjY5IDEwLjcxTDcuNTcgMTAuNDFDNy41MSAxMC4xOCA3LjQ5IDEwLjA1IDcuNDkgOS45MUM3LjQ5IDkuNTUgNy42MiA5LjIzIDcuODcgOC45OEw4LjYyIDguMkM4LjgyIDggOC45NyA3LjgxIDkuMDcgNy42NEM5LjE1IDcuNTEgOS4xOCA3LjQgOS4xOCA3LjNDOS4xOCA3LjIyIDkuMTUgNy4xIDkuMSA2Ljk4QzkuMDMgNi44MiA4LjkyIDYuNjQgOC43OCA2LjQ1TDYuNDYgMy4xN0M2LjM2IDMuMDMgNi4yNCAyLjkzIDYuMDkgMi44NkM1LjkzIDIuNzkgNS43NiAyLjc1IDUuNTkgMi43NVpNMTMuOTUgMTUuMDFMMTMuNzkgMTUuNjlMMTQuMDYgMTQuOTlDMTQuMDEgMTQuOTggMTMuOTcgMTQuOTkgMTMuOTUgMTUuMDFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    display: block;
  }
}
@media all and (max-width: 767px) {
  .mainHeader {
    display: flex;
    flex-direction: column;
  }
  .mainHeaderContent {
    padding: 12px 0;
  }
  .mainHeaderSpecial {
    padding: 4px 0;
  }
  .mainHeaderSpecialInner {
    font-size: 12px;
  }
  .mainHeaderLogo {
    width: 73px;
  }
  .mainHeaderTop {
    order: 3;
    background: #fff;
    padding: 0 0 12px 0;
  }
  .mainHeaderTopNav {
    display: flex;
    width: 100%;
    gap: 4px;
    font-size: 12px;
  }
  .mainHeaderTopNav a, .mainHeaderTopNav span {
    color: #000000;
    width: 100%;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #888888;
  }
  .mainHeaderTopNav a:hover, .mainHeaderTopNav a.active, .mainHeaderTopNav span:hover, .mainHeaderTopNav span.active {
    color: #FFFFFF;
    background: #353535;
    border-color: #888888;
    text-decoration: none;
  }
  .mainHeaderTopInfo {
    display: none;
  }
}

.mainSearch {
  margin: 20px 0 20px 0;
  position: relative;
}
.mainSearch input {
  background: #FFFFFF;
  height: 50px;
  font-size: 16px;
  line-height: 18px;
  outline: none;
  padding: 15px 48px 15px 15px;
  border: 1px solid #888888;
  width: 100%;
}
.mainSearch button {
  width: 48px;
  height: 48px;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTgzMTcgMTguMTI1QzQuODc0ODQgMTguMTI1IDEuMDQxNSAxNC4yOTE3IDEuMDQxNSA5LjU4MzMyQzEuMDQxNSA0Ljg3NDk5IDQuODc0ODQgMS4wNDE2NiA5LjU4MzE3IDEuMDQxNjZDMTQuMjkxNSAxLjA0MTY2IDE4LjEyNDggNC44NzQ5OSAxOC4xMjQ4IDkuNTgzMzJDMTguMTI0OCAxNC4yOTE3IDE0LjI5MTUgMTguMTI1IDkuNTgzMTcgMTguMTI1Wk05LjU4MzE3IDIuMjkxNjZDNS41NTgxNyAyLjI5MTY2IDIuMjkxNSA1LjU2NjY2IDIuMjkxNSA5LjU4MzMyQzIuMjkxNSAxMy42IDUuNTU4MTcgMTYuODc1IDkuNTgzMTcgMTYuODc1QzEzLjYwODIgMTYuODc1IDE2Ljg3NDggMTMuNiAxNi44NzQ4IDkuNTgzMzJDMTYuODc0OCA1LjU2NjY2IDEzLjYwODIgMi4yOTE2NiA5LjU4MzE3IDIuMjkxNjZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTguMzMzNSAxOC45NTgzQzE4LjE3NTIgMTguOTU4MyAxOC4wMTY5IDE4LjkgMTcuODkxOSAxOC43NzVMMTYuMjI1MiAxNy4xMDgzQzE1Ljk4MzUgMTYuODY2NyAxNS45ODM1IDE2LjQ2NjcgMTYuMjI1MiAxNi4yMjVDMTYuNDY2OSAxNS45ODMzIDE2Ljg2NjkgMTUuOTgzMyAxNy4xMDg1IDE2LjIyNUwxOC43NzUyIDE3Ljg5MTdDMTkuMDE2OSAxOC4xMzMzIDE5LjAxNjkgMTguNTMzMyAxOC43NzUyIDE4Ljc3NUMxOC42NTAyIDE4LjkgMTguNDkxOSAxOC45NTgzIDE4LjMzMzUgMTguOTU4M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
  border: none;
  padding: 0;
  font-size: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
  background: #EEEEEE;
  border-radius: 2px;
}

/* Track */
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888888;
  cursor: pointer;
  border-radius: 2px;
}

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

body * {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body * ::-webkit-scrollbar {
  width: 4px;
  background: #EEEEEE;
}
body * ::-webkit-scrollbar-thumb {
  background: #888888;
  cursor: pointer;
}
body * ::-webkit-scrollbar-thumb:hover {
  background: #000000;
}

.mainNav {
  position: relative;
  z-index: 200;
}
.mainNavInner {
  position: relative;
}
.mainNavInner > .mainNavPropose {
  display: none;
}
.mainNavTop {
  display: none;
}
.mainNavUserBtn {
  margin: -20px 0 20px 20px;
  width: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
}
@media all and (min-width: 960px) {
  .mainNavUserBtn {
    display: none;
  }
}
@media all and (min-width: 960px) {
  .mainNavList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    position: relative;
  }
  .mainNavClose {
    display: none;
  }
  .mainNav:hover .mainNavEl.active > span:after, .mainNav:hover .mainNavEl.active > a:after {
    display: none;
  }
  .mainNavEl > a, .mainNavEl > span {
    display: block;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    padding: 16px 0;
  }
  body:not(.showNav) .mainNavEl.active > span:after, body:not(.showNav) .mainNavEl.active > a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: #000;
  }
  .mainNavEl:hover > span:after, .mainNavEl:hover > a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    display: block !important;
    background: #000;
  }
  .mainNavEl:hover .mainNavElSub {
    display: flex;
  }
  .mainNavElSub {
    display: none;
    background: #FFFFFF;
    border-top: 1px solid #EEEEEE;
    position: absolute;
    text-align: left;
    padding: 30px;
    top: 100%;
    left: 0;
    right: 0;
    justify-content: space-between;
    align-items: stretch;
  }
}
@media all and (min-width: 960px) and (max-width: 1200px) and (min-width: 960px) {
  .mainNavElSub {
    left: -50px;
    right: -50px;
  }
}
@media all and (min-width: 960px) and (min-width: 960px) {
  .mainNavElSubNav {
    width: calc(100% - 30px);
    display: flex;
    align-items: stretch;
  }
  .mainNavElSubCol {
    padding: 0 20px;
    text-align: left;
  }
  .mainNavElSubCol:first-child {
    padding-left: 0;
  }
  .mainNavElSubCol:not(:first-child) {
    border-left: 1px solid #EEEEEE;
  }
  .mainNavElSubColTitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
  }
  .mainNavElSubCol ul {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: block;
    margin: 24px 0 0 0;
    padding: 0;
    list-style: none;
    color: #000000;
  }
  .mainNavElSubCol ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
  }
  .mainNavElSubCol ul li:not(:first-child) {
    margin: 24px 0 0 0;
  }
  .mainNavElSubCol ul li b {
    font-weight: 600;
  }
  .mainNavElSubCol ul li a {
    color: #000000;
    text-decoration: none;
  }
  .mainNavElSubCol ul li a:hover {
    text-decoration: underline;
  }
}
.mainNavPropose {
  width: 190px;
  min-height: 400px;
  min-width: 190px;
  max-width: 190px;
  background: linear-gradient(180deg, #F7F2ED 0%, #F7F1EB 100%);
  padding: 20px;
  position: relative;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  text-align: left;
}
.mainNavProposeTitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
  display: block;
  position: relative;
  z-index: 2;
}
.mainNavProposeText {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #000000;
  margin: 12px 0 0 0;
  display: block;
  position: relative;
  z-index: 2;
}
.mainNavProposeBtn {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  align-items: center;
  text-transform: uppercase;
  color: #000000;
  padding: 0 0 8px 0;
  position: absolute;
  left: 20px;
  bottom: 30px;
  display: block;
  z-index: 3;
  border-bottom: solid 4px #000;
}
.mainNavProposeMedia {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}
.mainNavProposeMedia picture, .mainNavProposeMedia img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-position: top left;
  object-fit: cover;
}
.mainNavSep {
  width: 1px;
  height: 19px;
  background: #888888;
}
@media all and (max-width: 1280px) {
  .mainNavList {
    font-size: 14px;
  }
}
@media all and (max-width: 1000px) {
  .mainNavList {
    font-size: 12px;
  }
}
@media all and (max-width: 959px) {
  .mainNav {
    position: fixed;
    top: 0;
    left: 100vw;
    width: 100vw;
    bottom: 0;
    background: #fff;
    z-index: 200;
    overflow: auto;
    display: none;
    padding: 0;
  }
  .showNav .mainNav {
    left: 0;
    display: block;
  }
  .mainNavTop {
    display: block;
    padding: 40px 20px 0 20px;
    position: relative;
  }
  .mainNavTitle {
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
  }
  .mainNavClose {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 22px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0iIzAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81NjJfMjA1MDEpIj4NCjxwYXRoIGQ9Ik0wLjQ4ODM3MyAxMEMwLjM5MTc4NiAxMCAwLjI5NzM2NSA5Ljk3MTM5IDAuMjE3MDUgOS45MTc3NEMwLjEzNjczNiA5Ljg2NDA5IDAuMDc0MTM3OSA5Ljc4NzgyIDAuMDM3MTczNSA5LjY5ODU5QzAuMDAwMjA5MTYzIDkuNjA5MzYgLTAuMDA5NDYwNTkgOS41MTExNyAwLjAwOTM4NzM5IDkuNDE2NDRDMC4wMjgyMzU0IDkuMzIxNzEgMC4wNzQ3NTQzIDkuMjM0NyAwLjE0MzA2IDkuMTY2NDFMOS4xNjY1IDAuMTQyOTcyQzkuMjU4MDggMC4wNTEzODk1IDkuMzgyMjkgLTYuMTAzNTJlLTA1IDkuNTExODEgLTYuMTAzNTJlLTA1QzkuNjQxMzMgLTYuMTAzNTJlLTA1IDkuNzY1NTQgMC4wNTEzODk1IDkuODU3MTIgMC4xNDI5NzJDOS45NDg3IDAuMjM0NTU1IDEwLjAwMDIgMC4zNTg3NjcgMTAuMDAwMiAwLjQ4ODI4NUMxMC4wMDAyIDAuNjE3ODAyIDkuOTQ4NyAwLjc0MjAxNCA5Ljg1NzEyIDAuODMzNTk3TDAuODMzNjg1IDkuODU3MDNDMC43ODgzOCA5LjkwMjQzIDAuNzM0NTUxIDkuOTM4NDMgMC42NzUyOTIgOS45NjI5N0MwLjYxNjAzMyA5Ljk4NzUgMC41NTI1MSAxMC4wMDAxIDAuNDg4MzczIDEwWiIgZmlsbD0iIzAwMCIvPg0KPHBhdGggZD0iTTkuNTExNzggMTBDOS40NDc2NSAxMC4wMDAxIDkuMzg0MTIgOS45ODc1IDkuMzI0ODYgOS45NjI5N0M5LjI2NTYgOS45Mzg0MyA5LjIxMTc4IDkuOTAyNDMgOS4xNjY0NyA5Ljg1NzAzTDAuMTQzMDMzIDAuODMzNTk3QzAuMDUxNDUwNiAwLjc0MjAxNCAwIDAuNjE3ODAyIDAgMC40ODgyODVDMCAwLjM1ODc2NyAwLjA1MTQ1MDYgMC4yMzQ1NTUgMC4xNDMwMzMgMC4xNDI5NzJDMC4yMzQ2MTYgMC4wNTEzODk1IDAuMzU4ODI4IC02LjEwMzUyZS0wNSAwLjQ4ODM0NiAtNi4xMDM1MmUtMDVDMC42MTc4NjMgLTYuMTAzNTJlLTA1IDAuNzQyMDc2IDAuMDUxMzg5NSAwLjgzMzY1OCAwLjE0Mjk3Mkw5Ljg1NzEgOS4xNjY0MUM5LjkyNTQgOS4yMzQ3IDkuOTcxOTIgOS4zMjE3MSA5Ljk5MDc3IDkuNDE2NDRDMTAuMDA5NiA5LjUxMTE3IDkuOTk5OTUgOS42MDkzNiA5Ljk2Mjk4IDkuNjk4NTlDOS45MjYwMiA5Ljc4NzgyIDkuODYzNDIgOS44NjQwOSA5Ljc4MzEgOS45MTc3NEM5LjcwMjc5IDkuOTcxMzkgOS42MDgzNyAxMCA5LjUxMTc4IDEwWiIgZmlsbD0iIzAwMCIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU2Ml8yMDUwMSI+DQo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiMwMDAiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==) center no-repeat;
    background-size: 14px 14px;
    border: none;
    cursor: pointer;
  }
  .mainNavSearch {
    margin: 20px 0 0 0;
    position: relative;
  }
  .mainNavSearchVal {
    background: #FFFFFF;
    height: 50px;
    font-size: 16px;
    line-height: 18px;
    padding: 15px 48px 15px 15px;
    border: 1px solid #888888;
    width: 100%;
    outline: none;
  }
  .mainNavSearchSubmit {
    width: 48px;
    height: 48px;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTgzMTcgMTguMTI1QzQuODc0ODQgMTguMTI1IDEuMDQxNSAxNC4yOTE3IDEuMDQxNSA5LjU4MzMyQzEuMDQxNSA0Ljg3NDk5IDQuODc0ODQgMS4wNDE2NiA5LjU4MzE3IDEuMDQxNjZDMTQuMjkxNSAxLjA0MTY2IDE4LjEyNDggNC44NzQ5OSAxOC4xMjQ4IDkuNTgzMzJDMTguMTI0OCAxNC4yOTE3IDE0LjI5MTUgMTguMTI1IDkuNTgzMTcgMTguMTI1Wk05LjU4MzE3IDIuMjkxNjZDNS41NTgxNyAyLjI5MTY2IDIuMjkxNSA1LjU2NjY2IDIuMjkxNSA5LjU4MzMyQzIuMjkxNSAxMy42IDUuNTU4MTcgMTYuODc1IDkuNTgzMTcgMTYuODc1QzEzLjYwODIgMTYuODc1IDE2Ljg3NDggMTMuNiAxNi44NzQ4IDkuNTgzMzJDMTYuODc0OCA1LjU2NjY2IDEzLjYwODIgMi4yOTE2NiA5LjU4MzE3IDIuMjkxNjZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTguMzMzNSAxOC45NTgzQzE4LjE3NTIgMTguOTU4MyAxOC4wMTY5IDE4LjkgMTcuODkxOSAxOC43NzVMMTYuMjI1MiAxNy4xMDgzQzE1Ljk4MzUgMTYuODY2NyAxNS45ODM1IDE2LjQ2NjcgMTYuMjI1MiAxNi4yMjVDMTYuNDY2OSAxNS45ODMzIDE2Ljg2NjkgMTUuOTgzMyAxNy4xMDg1IDE2LjIyNUwxOC43NzUyIDE3Ljg5MTdDMTkuMDE2OSAxOC4xMzMzIDE5LjAxNjkgMTguNTMzMyAxOC43NzUyIDE4Ljc3NUMxOC42NTAyIDE4LjkgMTguNDkxOSAxOC45NTgzIDE4LjMzMzUgMTguOTU4M1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
    border: none;
    padding: 0;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
  }
  .mainNavCity {
    position: relative;
    padding-left: 18px !important;
    border: none;
    margin: 20px 0 0 0;
    display: inline-block;
    padding-right: 34px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    cursor: pointer;
    background: none;
  }
  .mainNavCity:before {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDAwMTggOC4yNjU4MkM1Ljc1NzY4IDguMjY1ODIgNC43NDI2OCA3LjI1NjY1IDQuNzQyNjggNi4wMDgzMkM0Ljc0MjY4IDQuNzU5OTkgNS43NTc2OCAzLjc1NjY1IDcuMDAwMTggMy43NTY2NUM4LjI0MjY4IDMuNzU2NjUgOS4yNTc2OCA0Ljc2NTgyIDkuMjU3NjggNi4wMTQxNUM5LjI1NzY4IDcuMjYyNDkgOC4yNDI2OCA4LjI2NTgyIDcuMDAwMTggOC4yNjU4MlpNNy4wMDAxOCA0LjYzMTY1QzYuMjQxODQgNC42MzE2NSA1LjYxNzY4IDUuMjQ5OTkgNS42MTc2OCA2LjAxNDE1QzUuNjE3NjggNi43NzgzMiA2LjIzNjAxIDcuMzk2NjUgNy4wMDAxOCA3LjM5NjY1QzcuNzY0MzQgNy4zOTY2NSA4LjM4MjY4IDYuNzc4MzIgOC4zODI2OCA2LjAxNDE1QzguMzgyNjggNS4yNDk5OSA3Ljc1ODUxIDQuNjMxNjUgNy4wMDAxOCA0LjYzMTY1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuOTk5OTggMTMuMjc2N0M2LjEzNjY1IDEzLjI3NjcgNS4yNjc0OCAxMi45NSA0LjU5MDgxIDEyLjMwMjVDMi44Njk5OCAxMC42NDU5IDAuOTY4MzE0IDguMDAzMzUgMS42ODU4MSA0Ljg1OTE5QzIuMzMzMzEgMi4wMDY2OSA0LjgyNDE1IDAuNzI5MTg3IDYuOTk5OTggMC43MjkxODdDNi45OTk5OCAwLjcyOTE4NyA2Ljk5OTk4IDAuNzI5MTg3IDcuMDA1ODEgMC43MjkxODdDOS4xODE2NSAwLjcyOTE4NyAxMS42NzI1IDIuMDA2NjkgMTIuMzIgNC44NjUwMkMxMy4wMzE2IDguMDA5MTkgMTEuMTMgMTAuNjQ1OSA5LjQwOTE1IDEyLjMwMjVDOC43MzI0OCAxMi45NSA3Ljg2MzMxIDEzLjI3NjcgNi45OTk5OCAxMy4yNzY3Wk02Ljk5OTk4IDEuNjA0MTlDNS4zMDI0OCAxLjYwNDE5IDMuMTIwODEgMi41MDgzNSAyLjU0MzMxIDUuMDUxNjlDMS45MTMzMSA3Ljc5OTE5IDMuNjM5OTggMTAuMTY3NSA1LjIwMzMxIDExLjY2NjdDNi4yMTI0OCAxMi42NDA5IDcuNzkzMzEgMTIuNjQwOSA4LjgwMjQ4IDExLjY2NjdDMTAuMzYgMTAuMTY3NSAxMi4wODY2IDcuNzk5MTkgMTEuNDY4MyA1LjA1MTY5QzEwLjg4NSAyLjUwODM1IDguNjk3NDggMS42MDQxOSA2Ljk5OTk4IDEuNjA0MTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
    background-size: contain;
  }
  .mainNavCity:after {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0px;
    right: 0;
    transform: rotate(-90deg);
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
  }
  .mainNavInner {
    padding: 0;
    position: static;
  }
  .mainNavInner > .mainNavPropose {
    display: block;
  }
  .mainNavPropose {
    display: block;
    min-height: 180px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 20px;
  }
  .mainNavProposeTitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000000;
    max-width: 45%;
  }
  .mainNavProposeText {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    max-width: 45%;
  }
  .mainNavProposeBtn {
    font-size: 14px;
    line-height: 17px;
    bottom: 20px;
  }
  .mainNavList {
    margin: 15px 0 40px 0;
  }
  .mainNavSep {
    display: none;
  }
  .showNavL2 .mainNavTop, .showNavL2 .mainNavTop .mainNavClose, .showNavL2 .mainNavEl:not(.open), .showNavL2 .mainNavSep {
    display: none;
  }
  .showNavL2 .mainNavList {
    margin: 0;
  }
  .showNavL2 .mainNavInner > .mainNavPropose {
    display: none;
  }
  .showNavL3 .mainNavEl.open > a, .showNavL3 .mainNavEl.open > span {
    display: none;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol:not(.open) {
    display: none;
  }
  .showNavL3 .mainNavEl.open .mainNavElSub > .mainNavClose {
    display: none;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open {
    display: flex;
    flex-direction: column;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open .mainNavClose {
    display: block;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul {
    display: block !important;
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul li a, .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul li span, .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul li > b {
    font-size: 14px;
    line-height: 150%;
    padding: 10px 40px 10px 20px;
    color: #000000;
    position: relative;
    display: block;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul li a, .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul li span {
    font-weight: 400;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul li a {
    text-decoration: none;
    cursor: pointer;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open ul li a:after {
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    transform: rotate(-180deg);
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open .mainNavElSubColTitle {
    padding: 40px 57px 40px 52px;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
    border: none;
  }
  .showNavL3 .mainNavEl.open .mainNavElSubCol.open .mainNavElSubColTitle:after {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 40px;
    left: 20px;
    right: auto;
    transform: rotate(0deg);
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
  }
  .mainNavEl {
    display: block;
  }
  .mainNavEl:not(.open) .mainNavClose {
    display: none;
  }
  .mainNavEl > span, .mainNavEl > a {
    padding: 20px 40px 20px 20px;
    border-bottom: 1px solid #888888;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
    display: block;
    position: relative;
    text-decoration: none;
  }
  .mainNavEl > span:after, .mainNavEl > a:after {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    transform: rotate(-180deg);
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
  }
  .mainNavElSub {
    display: none;
  }
  .mainNavElSubCol:not(.open) .mainNavClose {
    display: none;
  }
  .mainNavElSubColTitle {
    padding: 20px 40px 20px 20px;
    border-bottom: 1px solid #888888;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
    display: block;
    position: relative;
    text-decoration: none;
  }
  .mainNavElSubColTitle:after {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    transform: rotate(-180deg);
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
  }
  .mainNavEl.open {
    display: flex;
    flex-direction: column;
  }
  .mainNavEl.open .mainNavElSub {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .mainNavEl.open .mainNavElSub > .mainNavClose {
    display: block;
  }
  .mainNavEl.open .mainNavElSub .mainNavPropose {
    margin-top: auto;
  }
  .mainNavEl.open .mainNavElSubCol ul {
    display: block !important;
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
  }
  .mainNavEl.open .mainNavElSubCol ul li a, .mainNavEl.open .mainNavElSubCol ul li span, .mainNavEl.open .mainNavElSubCol ul li > b {
    font-size: 14px;
    line-height: 150%;
    padding: 10px 40px 10px 20px;
    color: #000000;
    position: relative;
    display: block;
  }
  .mainNavEl.open .mainNavElSubCol ul li a, .mainNavEl.open .mainNavElSubCol ul li span {
    font-weight: 400;
  }
  .mainNavEl.open .mainNavElSubCol ul li a {
    text-decoration: none;
    cursor: pointer;
  }
  .mainNavEl.open .mainNavElSubCol ul li a:after {
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    transform: rotate(-180deg);
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
  }
  .mainNavEl.open > a, .mainNavEl.open > span {
    padding: 40px 57px 40px 52px;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
    border: none;
  }
  .mainNavEl.open > a:after, .mainNavEl.open > span:after {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 40px;
    left: 20px;
    right: auto;
    transform: rotate(0deg);
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
  }
  .mainNavEl.open {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

.mainFooter {
  margin: 40px 0 0 0;
}
@media all and (max-width: 767px) {
  .bottomPanel ~ .mainFooter {
    padding-bottom: 57px;
  }
  .bottomPanel ~ .card ~ .mainFooter, .card ~ .bottomPanel ~ .mainFooter {
    padding-bottom: 116px;
  }
}
.mainFooterContent {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mainFooterHeader {
  margin: 0 0 40px 0;
}
.mainFooterContacts {
  width: 240px;
}
.mainFooterContactsPhone {
  white-space: nowrap;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  text-decoration: none;
}
.mainFooterContactsInfo {
  font-size: 14px;
  margin: 10px 0 0 0;
}
.mainFooterRelative {
  position: relative;
}
.mainFooterNav {
  display: flex;
  gap: 80px;
  width: 100%;
  max-width: 870px;
  justify-content: space-between;
}
.mainFooterNavCol {
  width: 30%;
  display: flex;
  gap: 40px;
  flex-direction: column;
}
.mainFooterNavCol:last-child {
  width: 40%;
}
.mainFooterNavSectionTitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  white-space: nowrap;
  margin: 0 0 24px 0;
}
.mainFooterNavSection ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  list-style: none;
  padding: 0;
}
.mainFooterNavSection ul a {
  text-decoration: none;
}
.mainFooterSocial {
  margin: 30px 0 0 0;
}
.mainFooterPay {
  position: absolute;
  top: 25px;
  right: 0;
  display: flex;
  gap: 40px;
}
.mainFooterLogo {
  width: 130px;
  display: block;
}
.mainFooterLogo img {
  width: 100%;
  height: auto;
}
.mainFooterBottom {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
  background: #000;
  padding: 8px 0;
  margin: 40px 0 0 0;
}
.mainFooterInner {
  position: relative;
}
.mainFooterCopyright a {
  text-decoration: underline;
  color: #fff;
}
.mainFooterCopyright a:hover {
  color: #fff;
  text-decoration: none;
}
@media all and (max-width: 1100px) {
  .mainFooterHeader {
    margin: 0 0 20px 0;
    text-align: center;
  }
  .mainFooterLogo {
    display: inline-block;
  }
  .mainFooterContacts {
    order: 1;
    text-align: center;
    margin: 0 auto;
  }
  .mainFooterContent {
    flex-direction: column;
    display: flex;
  }
  .mainFooterNav {
    order: 2;
    margin: 40px 0 0 0;
    max-width: 100%;
  }
  .mainFooterPay {
    position: relative;
    top: auto;
    right: auto;
    align-items: center;
    justify-content: center;
  }
  .mainFooterPay img {
    height: 26px;
    width: auto;
    margin: 40px 0 0 0;
  }
}
@media all and (max-width: 959px) {
  .mainFooterLogo {
    width: 91px;
  }
  .mainFooterContactsPhone {
    font-size: 22px;
  }
  .mainFooterContactsInfo {
    font-size: 12px;
    margin: 8px 0 0 0;
  }
  .mainFooterSocial {
    margin: 20px 0 0 0;
  }
  .mainFooterBottom {
    text-align: center;
  }
  .mainFooterNav {
    display: block;
    width: auto;
    max-width: none;
    margin-left: -24px;
    margin-right: -24px;
    border-top: 1px solid #888888;
  }
  .mainFooterNavCol {
    width: 100%;
    display: block;
  }
  .mainFooterNavCol:last-child {
    width: 100%;
  }
  .mainFooterNavSection {
    border-bottom: 1px solid #888888;
  }
  .mainFooterNavSectionTitle {
    padding: 30px 60px 30px 24px;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    cursor: pointer;
    position: relative;
    margin: 0;
  }
  .mainFooterNavSectionTitle:after {
    width: 18px;
    height: 18px;
    position: absolute;
    content: "";
    right: 24px;
    top: calc(50% - 9px);
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy4zNzVMOSAxNC42MjVNMTQuNjI1IDlMMy4zNzUgOSIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
    background-size: contain;
  }
  .mainFooterNavSection.active .mainFooterNavSectionTitle:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA5TDMuMzc1IDkiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
  }
  .mainFooterNavSection ul {
    padding: 0 24px 0 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    gap: 20px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mainFooterNavSection.active ul {
    padding-bottom: 30px;
    max-height: 1000px;
  }
}
@media all and (max-width: 767px) {
  .mainFooterNav {
    margin-left: -10px;
    margin-right: -10px;
  }
  .mainFooterNavSectionTitle {
    font-size: 16px;
    padding: 20px;
  }
  .mainFooterNavSectionTitle:after {
    right: 20px;
  }
  .mainFooterNavSection ul {
    padding: 0 20px 0 20px;
    font-size: 14px;
  }
  .mainFooterNavSection.active ul {
    padding-bottom: 20px;
    max-height: 1000px;
  }
  .mainFooterPay {
    gap: 20px;
  }
  .mainFooterPay img {
    max-width: 33.3333%;
    height: auto;
  }
}

.social {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.social a {
  padding: 0 0 0 30px;
  height: 30px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-decoration: none;
  background-size: 30px 30px;
}
.social a span {
  font-weight: 600;
  font-size: 18px;
  display: block;
  line-height: 20px;
  padding: 5px 0 5px 20px;
  color: #000000;
}
.socialYz {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4Ml8xMzQyMCkiPgo8cGF0aCBkPSJNMTcuODkyOSAxNy44OTI5QzE1LjUzNTcgMjAuMzI1IDE1LjM2NDMgMjMuMzU3MSAxNS4xNjA3IDMwQzIxLjM1MzYgMzAgMjUuNjI4NiAyOS45Nzg2IDI3LjgzNTcgMjcuODM1N0MyOS45Nzg2IDI1LjYyODYgMzAgMjEuMTUgMzAgMTUuMTYwN0MyMy4zNTcxIDE1LjM3NSAyMC4zMjUgMTUuNTM1NyAxNy44OTI5IDE3Ljg5MjlaTTAgMTUuMTYwN0MwIDIxLjE1IDAuMDIxNDI4NSAyNS42Mjg2IDIuMTY0MjkgMjcuODM1N0M0LjM3MTQzIDI5Ljk3ODYgOC42NDY0MyAzMCAxNC44MzkzIDMwQzE0LjYyNSAyMy4zNTcxIDE0LjQ2NDMgMjAuMzI1IDEyLjEwNzEgMTcuODkyOUM5LjY3NSAxNS41MzU3IDYuNjQyODYgMTUuMzY0MyAwIDE1LjE2MDdaTTE0LjgzOTMgMEM4LjY1NzE0IDAgNC4zNzE0MyAwLjAyMTQyODUgMi4xNjQyOSAyLjE2NDI5QzAuMDIxNDI4NSA0LjM3MTQzIDAgOC44NSAwIDE0LjgzOTNDNi42NDI4NiAxNC42MjUgOS42NzUgMTQuNDY0MyAxMi4xMDcxIDEyLjEwNzFDMTQuNDY0MyA5LjY3NSAxNC42MzU3IDYuNjQyODYgMTQuODM5MyAwWk0xNy44OTI5IDEyLjEwNzFDMTUuNTM1NyA5LjY3NSAxNS4zNjQzIDYuNjQyODYgMTUuMTYwNyAwQzIxLjM1MzYgMCAyNS42Mjg2IDAuMDIxNDI4NSAyNy44MzU3IDIuMTY0MjlDMjkuOTc4NiA0LjM3MTQzIDMwIDguODUgMzAgMTQuODM5M0MyMy4zNTcxIDE0LjYyNSAyMC4zMjUgMTQuNDY0MyAxNy44OTI5IDEyLjEwNzFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMzAgMTUuMTYwN1YxNC44MzkzQzIzLjM1NzEgMTQuNjI1IDIwLjMyNSAxNC40NjQzIDE3Ljg5MjkgMTIuMTA3MUMxNS41MzU3IDkuNjc1IDE1LjM2NDMgNi42NDI4NiAxNS4xNjA3IDBIMTQuODM5M0MxNC42MjUgNi42NDI4NiAxNC40NjQzIDkuNjc1IDEyLjEwNzEgMTIuMTA3MUM5LjY3NSAxNC40NjQzIDYuNjQyODYgMTQuNjM1NyAwIDE0LjgzOTNWMTUuMTYwN0M2LjY0Mjg2IDE1LjM3NSA5LjY3NSAxNS41MzU3IDEyLjEwNzEgMTcuODkyOUMxNC40NjQzIDIwLjMyNSAxNC42MzU3IDIzLjM1NzEgMTQuODM5MyAzMEgxNS4xNjA3QzE1LjM3NSAyMy4zNTcxIDE1LjUzNTcgMjAuMzI1IDE3Ljg5MjkgMTcuODkyOUMyMC4zMjUgMTUuNTM1NyAyMy4zNTcxIDE1LjM2NDMgMzAgMTUuMTYwN1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTgyXzEzNDIwIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.socialVk {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4Ml8xMzQyMykiPgo8cGF0aCBkPSJNMjYuNTk5NiAxMy41OTc2QzI3LjAyNjIgMTMuMDQ2MSAyNy4zNjQ5IDEyLjYwMzYgMjcuNjE1IDEyLjI2OTdDMjkuNDE2NCA5Ljg3NDczIDMwLjE5NzIgOC4zNDQ3OSAyOS45NTc5IDcuNjc3NzdMMjkuODY0IDcuNTIxNTZDMjkuODAxNiA3LjQyNzcyIDI5LjYzOTkgNy4zNDE1NiAyOS4zNzk4IDcuMjYzNTZDMjkuMTE5NCA3LjE4NTYyIDI4Ljc4NjIgNy4xNzMxNyAyOC4zODAzIDcuMjI0NjJMMjMuODgxOSA3LjI1NjM1QzIzLjc3NzggNy4yNDU5OSAyMy42NzI5IDcuMjQ4NDEgMjMuNTY5NCA3LjI2MzU2QzIzLjQ2NTMgNy4yNzk0IDIzLjM5NzcgNy4yOTUyOSAyMy4zNjYzIDcuMzEwNDVDMjMuMzM0OSA3LjMyNjM0IDIzLjMwOSA3LjMzOTA4IDIzLjI4ODMgNy4zNDk0NUwyMy4yMjU5IDcuMzk2MzNDMjMuMTczOSA3LjQyNzM5IDIzLjExNjcgNy40ODIyMiAyMy4wNTQyIDcuNTYwNTVDMjIuOTkxNyA3LjYzODgzIDIyLjkzOTMgNy43Mjk1NiAyMi44OTc5IDcuODM0MDVDMjIuNDA4NiA5LjA5MzkyIDIxLjg1MTUgMTAuMjY1NiAyMS4yMjY3IDExLjM0ODVDMjAuODQxMyAxMS45OTQyIDIwLjQ4NzEgMTIuNTU0MyAyMC4xNjQ3IDEzLjAyNzVDMTkuODQxOSAxMy41MDE3IDE5LjU3MTEgMTMuODUwNCAxOS4zNTI0IDE0LjA3MzlDMTkuMTMzOCAxNC4yOTc3IDE4LjkzNTggMTQuNDc3NyAxOC43NTg5IDE0LjYxMjZDMTguNTgxNiAxNC43NDg1IDE4LjQ0NjQgMTQuODA1NCAxOC4zNTMgMTQuNzg0N0MxOC4yNjQxIDE0Ljc2NTQgMTguMTc1NiAxNC43NDQ0IDE4LjA4NzQgMTQuNzIyQzE3Ljk0MTUgMTQuNjI4NSAxNy44MjQyIDE0LjUwMTIgMTcuNzM2IDE0LjMzOTVDMTcuNjQ3NCAxNC4xNzg1IDE3LjU4NzcgMTMuOTc1MyAxNy41NTYyIDEzLjczMDRDMTcuNTI1MiAxMy40ODU5IDE3LjUwNjYgMTMuMjc0OCAxNy41MDE4IDEzLjA5NzVDMTcuNDk2MiAxMi45MjA2IDE3LjQ5OSAxMi42NzA5IDE3LjUwOTcgMTIuMzQ3N0MxNy41MjAxIDEyLjAyNDkgMTcuNTI1MiAxMS44MDY2IDE3LjUyNTIgMTEuNjkxN0MxNy41MjUyIDExLjI5NjUgMTcuNTMzMSAxMC44NjY3IDE3LjU0ODggMTAuNDAzMkMxNy41NjQzIDkuOTQwMDQgMTcuNTc3NCA5LjU3MjcyIDE3LjU4NzcgOS4zMDE5M0MxNy41OTgxIDkuMDMxNTQgMTcuNjAzMiA4Ljc0NDkyIDE3LjYwMzIgOC40NDI4QzE3LjYwMzIgOC4xNDEzNSAxNy41ODQ5IDcuOTA0MDQgMTcuNTQ4MiA3LjczMTk5QzE3LjUxMTUgNy41NjAwOSAxNy40NTY2IDcuMzkyNTYgMTcuMzg0NSA3LjIzMjIzQzE3LjMxMTQgNy4wNzExNiAxNy4yMDQ4IDYuOTQ1OTQgMTcuMDY0IDYuODU3NjlDMTYuOTIzNCA2Ljc2OTA0IDE2Ljc0OTEgNi42OTkwNSAxNi41NDA5IDYuNjQ2NThDMTUuOTg4NyA2LjUyMTM2IDE1LjI4NTggNi40NTQ0NyAxNC40MzIyIDYuNDQzNDhDMTIuNDk1MyA2LjQyMzQ3IDExLjI1MDkgNi41NDgzIDEwLjY5OTEgNi44MTg2OUMxMC40ODA0IDYuOTMzNTQgMTAuMjgyNCA3LjA4OTQyIDEwLjEwNTUgNy4yODc0QzkuOTE3OTEgNy41MTY3NyA5Ljg5MjA0IDcuNjQxOTMgMTAuMDI3NiA3LjY2MTk0QzEwLjY1MjUgNy43NTU3NyAxMS4wOTQ3IDcuOTc5OTUgMTEuMzU1MSA4LjMzMzhMMTEuNDQ4OSA4LjUyMTA3QzExLjUyMTcgOC42NTY5NCAxMS41OTQ1IDguODk2MzQgMTEuNjY3NiA5LjIzOTgzQzExLjc0MDQgOS41ODMzNyAxMS43ODczIDkuOTYzNDMgMTEuODA4MyAxMC4zODAxQzExLjg2MDQgMTEuMTQwMiAxMS44NjA0IDExLjc5MDcgMTEuODA4MyAxMi4zMzI2QzExLjc1NjIgMTIuODc0NCAxMS43MDY5IDEzLjI5NTggMTEuNjYgMTMuNTk3M0MxMS42MTMxIDEzLjg5OTQgMTEuNTQyNyAxNC4xNDM5IDExLjQ0OTMgMTQuMzMxMkMxMS4zNTU0IDE0LjUxOTEgMTEuMjkzIDE0LjYzMzYgMTEuMjYxNiAxNC42NzU0QzExLjIzMDMgMTQuNzE2NyAxMS4yMDQ0IDE0Ljc0MjkgMTEuMTgzNyAxNC43NTMzQzExLjA0OTEgMTQuODA1IDEwLjkwNjEgMTQuODMxNSAxMC43NjE5IDE0LjgzMTNDMTAuNjE2IDE0LjgzMTMgMTAuNDM5MSAxNC43NTgxIDEwLjIzMDggMTQuNjEyMkMxMC4wMjI0IDE0LjQ2NzEgOS44MDYyMSAxNC4yNjYzIDkuNTgyNzEgMTQuMDExMUM5LjM1ODUzIDEzLjc1NjMgOS4xMDYzOSAxMy4zOTkzIDguODI0OTYgMTIuOTQwOUM4LjU0Mzg2IDEyLjQ4MzIgOC4yNTIwNSAxMS45NDE0IDcuOTUwMjcgMTEuMzE2OEw3LjcwMDU2IDEwLjg2MzZDNy41NDQzNCAxMC41NzI1IDcuMzMwODEgMTAuMTQ3OSA3LjA2MDA4IDkuNTkwOTJDNi43ODkzNSA5LjAzMzkxIDYuNTQ5NjEgOC40OTUyMSA2LjM0MTY2IDcuOTc0MDlDNi4yNTgyIDcuNzU1NzcgNi4xMzMzMSA3LjU4OTE4IDUuOTY2NzggNy40NzQzM0w1Ljg4ODg1IDcuNDI3NDRDNS44MzY3NyA3LjM4NjAyIDUuNzUzMzEgNy4zNDE1NiA1LjYzODggNy4yOTQ5NUM1LjUyMzE1IDcuMjQ3ODIgNS40MDI2MSA3LjIxMzcgNS4yNzk0MiA3LjE5MzIzTDAuOTk5NjMgNy4yMjQyOEMwLjU2MjMxMyA3LjIyNDI4IDAuMjY1NzE1IDcuMzIzNjQgMC4xMDk0OTggNy41MjE1NkwwLjA0NzA1NjcgNy42MTUwNUMwLjAxNTQ5NzcgNy42Njc0NiAwIDcuNzUwOTIgMCA3Ljg2NTFDMCA3Ljk3OTk1IDAuMDMxMzg5OSA4LjEyMDMzIDAuMDkzODMxNSA4LjI4NjU4QzAuNzE4NzU1IDkuNzU1MTQgMS4zOTgyMyAxMS4xNzEzIDIuMTMyMTUgMTIuNTM1QzIuODY2NDYgMTMuODk5NCAzLjUwNDE3IDE0Ljk5ODIgNC4wNDU2MyAxNS44MzExQzQuNTg3MDkgMTYuNjY0OCA1LjEzODkzIDE3LjQ1MDQgNS43MDE0NiAxOC4xODk4QzYuMjY0IDE4LjkyOTMgNi42MzYxMiAxOS40MDI4IDYuODE4MiAxOS42MTA4QzcuMDAwMjggMTkuODE5NSA3LjE0MzQzIDE5Ljk3NTcgNy4yNDc2MyAyMC4wNzk1TDcuNjM4MDYgMjAuNDU0N0M3Ljg4Nzc3IDIwLjcwNDUgOC4yNTUwOSAyMS4wMDM4IDguNzM5MzUgMjEuMzUyOEM5LjIyMzU2IDIxLjcwMTggOS43NTk1NSAyMi4wNDU0IDEwLjM0ODMgMjIuMzgzNEMxMC45MzY0IDIyLjcyMjEgMTEuNjIxMyAyMi45OTc2IDEyLjQwMjEgMjMuMjExNUMxMy4xODMgMjMuNDI1MyAxMy45NDMxIDIzLjUxMTEgMTQuNjgyNSAyMy40NjkxSDE2LjQ3ODhDMTYuODQzNCAyMy40MzggMTcuMTE5MiAyMy4zMjM5IDE3LjMwNjUgMjMuMTI1NUwxNy4zNjg5IDIzLjA0NzZDMTcuNDEwMyAyMi45ODU1IDE3LjQ0OTYgMjIuODg5IDE3LjQ4NjEgMjIuNzU4OUMxNy41MjI0IDIyLjYyODkgMTcuNTQxMSAyMi40ODU0IDE3LjU0MTEgMjIuMzI5NUMxNy41MzAzIDIxLjg4MTkgMTcuNTY0NSAyMS40Nzc3IDE3LjY0MjUgMjEuMTE5QzE3LjcyMDQgMjAuNzU5NiAxNy44MDkgMjAuNDg5MiAxNy45MDgxIDIwLjMwNjRDMTguMDA3IDIwLjEyNDYgMTguMTE4NyAxOS45NzA4IDE4LjI0MzkgMTkuODQ1NkMxOC4zNjg4IDE5LjcyMDQgMTguNDU3MSAxOS42NDU2IDE4LjUwOTUgMTkuNjE5M0MxOC41NjE2IDE5LjU5MzggMTguNjAzNCAxOS41NzU2IDE4LjYzNDQgMTkuNTY0NUMxOC44ODQxIDE5LjQ4MTMgMTkuMTc4MyAxOS41NjIxIDE5LjUxNyAxOS44MDY2QzE5Ljg1NTMgMjAuMDUxOSAyMC4xNzMgMjAuMzUzMyAyMC40Njk5IDIwLjcxMjZDMjAuNzY2NSAyMS4wNzIgMjEuMTIzMSAyMS40NzUyIDIxLjUzOTggMjEuOTIzMkMyMS45NTYxIDIyLjM3MDggMjIuMzIwNiAyMi43MDQgMjIuNjMzMSAyMi45MjI3TDIyLjk0NTYgMjMuMTEwN0MyMy4xNTM4IDIzLjIzNTIgMjMuNDI0MiAyMy4zNDk3IDIzLjc1NzggMjMuNDU0MkMyNC4wOTA5IDIzLjU1OCAyNC4zODI3IDIzLjU4NDIgMjQuNjMyNCAyMy41MzIyTDI4LjYzMTEgMjMuNDY5NEMyOS4wMjY3IDIzLjQ2OTQgMjkuMzM0IDIzLjQwNDYgMjkuNTUyNyAyMy4yNzQyQzI5Ljc3MTMgMjMuMTQ0OCAyOS45MDE0IDIzLjAwMDcgMjkuOTQzMSAyMi44NDQ4QzI5Ljk4NDUgMjIuNjg4NiAyOS45ODczIDIyLjUxMjMgMjkuOTUxMSAyMi4zMTRDMjkuOTE0NiAyMi4xMTYzIDI5Ljg3OCAyMS45Nzg0IDI5Ljg0MTggMjEuOTAwNEMyOS44MDUzIDIxLjgyMjUgMjkuNzcxNCAyMS43NTcgMjkuNzQgMjEuNzA1MkMyOS4yMTkzIDIwLjc2ODEgMjguMjI0OSAxOS42MTcyIDI2Ljc1NjYgMTguMjUzMkwyNi43MjUzIDE4LjIyMjFMMjYuNzA5OCAxOC4yMDYzTDI2LjY5NDMgMTguMTkxMUgyNi42Nzg2QzI2LjAxMTkgMTcuNTU1OCAyNS41OTA0IDE3LjEyODggMjUuNDEzNSAxNi45MDk4QzI1LjA5MDcgMTYuNDkzOSAyNS4wMTc2IDE2LjA3MjEgMjUuMTk0OSAxNS42NDUxQzI1LjMxOSAxNS4zMjE0IDI1Ljc4NzQgMTQuNjM5MiAyNi41OTk2IDEzLjU5NzZaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE4Ml8xMzQyMyI+CjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.socialTg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4Ml8xMzQyNikiPgo8cGF0aCBkPSJNMTEuNzcxNSAxOC45NzYzTDExLjI3NTIgMjUuOTU2M0MxMS45ODUyIDI1Ljk1NjMgMTIuMjkyNyAyNS42NTEzIDEyLjY2MTUgMjUuMjg1TDE1Ljk5MDIgMjIuMTAzOEwyMi44ODc3IDI3LjE1NUMyNC4xNTI3IDI3Ljg2IDI1LjA0NCAyNy40ODg4IDI1LjM4NTIgMjUuOTkxM0wyOS45MTI3IDQuNzc2MjdMMjkuOTE0IDQuNzc1MDJDMzAuMzE1MiAyLjkwNTAyIDI5LjIzNzcgMi4xNzM3NyAyOC4wMDUyIDIuNjMyNTJMMS4zOTI3MiAxMi44MjEzQy0wLjQyMzUyOCAxMy41MjYzIC0wLjM5NjAyOCAxNC41Mzg4IDEuMDgzOTcgMTQuOTk3NUw3Ljg4NzcyIDE3LjExMzhMMjMuNjkxNSA3LjIyNTAyQzI0LjQzNTIgNi43MzI1MiAyNS4xMTE1IDcuMDA1MDIgMjQuNTU1MiA3LjQ5NzUyTDExLjc3MTUgMTguOTc2M1oiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTgyXzEzNDI2Ij4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.socialYb {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4Ml8xMzQyOSkiPgo8cGF0aCBkPSJNMjkuNTgxOCA3Ljg1MjA5QzI5LjQyNDMgNi41Mzg0NiAyOC4xODYzIDUuMjc4ODIgMjYuODkxMSA1LjExMDA3QzE4Ljk5NDQgNC4xMjg2OCAxMS4wMDY2IDQuMTI4NjggMy4xMDk5OCA1LjExMDA3QzEuODEzNjQgNS4yNzg0NSAwLjU3NTY3NyA2LjUzODQ2IDAuNDE4MjAzIDcuODUyMDlDLTAuMTM5NDAxIDEyLjY2NjUgLTAuMTM5NDAxIDE3LjMzNDUgMC40MTgyMDMgMjIuMTQ3OEMwLjU3NTY3NyAyMy40NjE0IDEuODEzNjQgMjQuNzIyMiAzLjEwOTk4IDI0Ljg4OThDMTEuMDA2NiAyNS44NzEyIDE4Ljk5NDQgMjUuODcxMiAyNi44OTExIDI0Ljg4OThDMjguMTg2MyAyNC43MjI1IDI5LjQyNDMgMjMuNDYxNCAyOS41ODE4IDIyLjE0NzhDMzAuMTM5NCAxNy4zMzQ5IDMwLjEzOTQgMTIuNjY2NSAyOS41ODE4IDcuODUyMDlaTTEyLjQ5OTggMjAuMDAwOVYxMC4wMDA1TDIwIDE1LjAwMDlMMTIuNDk5OCAyMC4wMDA5WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xODJfMTM0MjkiPgo8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.box {
  margin: 60px 0;
}
.box_oh {
  overflow: hidden;
}
.box.hide {
  display: none;
}
.box_noM {
  margin: 0;
}
@media all and (max-width: 767px) {
  .box {
    margin: 50px 0;
  }
  .box_noM {
    margin: 0;
  }
}
.box_bgBlack {
  background: #000;
  color: #fff;
}
.box_bgGrey {
  background: #EBEDEC;
}
.boxInner {
  position: relative;
}
.boxInner_fw {
  max-width: 100%;
}
.boxTitle {
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 20px 0;
}
@media all and (max-width: 767px) {
  .boxTitle {
    font-size: 22px;
  }
}
.boxHeader {
  margin: 0 0 40px 0;
}
@media all and (max-width: 767px) {
  .boxHeader {
    margin: 0 0 20px 0;
  }
}
.boxHeader .boxTitle {
  margin: 0;
}
.boxLink {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  display: inline-block;
  padding: 0 22px 0 0;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  margin: 10px 0 0 0;
}
.boxLink:after {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}

.tabsHeader {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 0 40px 0;
}
.tabsHeader span {
  padding: 0 16px 16px 16px;
  display: block;
  position: relative;
  cursor: pointer;
}
.tabsHeader span.active {
  font-weight: 600;
  cursor: default;
}
.tabsHeader span.active:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #000;
  content: "";
}
.tabsPanel {
  height: 0;
  overflow: hidden;
}
.tabsPanel.active {
  height: auto;
  overflow: visible;
}

.indexSl {
  max-width: 1920px;
  margin: 0 auto;
}
.indexSl .swiper-button-next,
.indexSl .swiper-button-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  border: solid 1px #000;
  top: calc(50% - 20px);
  cursor: pointer;
  left: calc(50% - 12px);
  z-index: 2;
}
.indexSl .swiper-button-next:after,
.indexSl .swiper-button-prev:after {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=);
}
.indexSl .swiper-button-next.swiper-button-disabled,
.indexSl .swiper-button-prev.swiper-button-disabled {
  cursor: default;
  opacity: 0.5;
}
.indexSl .swiper-button-next:after {
  transform: rotate(180deg);
  transform-origin: center;
}
.indexSl .swiper-button-prev {
  margin-left: -720px;
}
.indexSl .swiper-button-next {
  margin-left: 720px;
}
@media all and (max-width: 1550px) {
  .indexSl .swiper-button-prev {
    margin-left: 0;
    left: 40px;
  }
  .indexSl .swiper-button-next {
    margin-left: 0;
    left: auto;
    right: 40px;
  }
}
@media all and (max-width: 1250px) {
  .indexSl .swiper-button-prev {
    left: 20px;
  }
  .indexSl .swiper-button-next {
    left: auto;
    right: 20px;
  }
}
@media all and (max-width: 959px) {
  .indexSl .swiper-button-prev {
    display: none;
  }
  .indexSl .swiper-button-next {
    display: none;
  }
}
.indexSlMain {
  position: relative;
}
.indexSlMainEl {
  height: 113.3333333333vw;
  position: relative;
  display: inline-flex;
}
.indexSlMainElD, .indexSlMainElT, .indexSlMainElM {
  display: none;
}
@media all and (max-width: 767px) {
  .indexSlMainElM {
    display: block;
  }
}
@media all and (min-width: 768px) and (max-width: 959px) {
  .indexSlMainElT {
    display: block;
  }
}
@media all and (min-width: 960px) {
  .indexSlMainElD {
    display: block;
  }
}
.indexSlMainEl img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
@media all and (min-width: 768px) {
  .indexSlMainEl {
    height: 88.5416666667vw;
  }
}
@media all and (min-width: 960px) {
  .indexSlMainEl {
    height: 44.1176470588vw;
    max-height: calc(100vh - 216px - 161px);
    min-height: 400px;
  }
}
@media all and (min-width: 1440px) {
  .indexSlMainEl {
    height: 640px;
    min-height: 400px;
    max-height: calc(100vh - 216px - 161px);
  }
}
@media all and (max-width: 959px) {
  .indexSlPreviews {
    overflow: visible;
  }
}
.indexSlPreviewsWrap {
  padding-top: 20px;
  position: relative;
  overflow: hidden;
}
.indexSlPreviewsList {
  align-items: stretch;
}
@media all and (max-width: 959px) {
  .indexSlPreviewsList {
    overflow: visible;
  }
}
.indexSlPreviewsEl {
  padding: 16px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  cursor: pointer;
  position: relative;
}
.indexSlPreviewsEl.swiper-slide-thumb-active {
  cursor: default;
}
.indexSlPreviewsEl.swiper-slide-thumb-active:after {
  position: absolute;
  content: "";
  height: 4px;
  background: #000;
  bottom: 0;
  left: 0;
  right: 0;
}
.indexSlPreviewsEl:nth-child(5n-4) {
  background: #FCFCFB;
  background: radial-gradient(87.5% 350% at 70.38% 50%, #FCFCFB 0%, #F0F1EA 99.99%);
}
.indexSlPreviewsEl:nth-child(5n-3) {
  background: #FFF8F0;
}
.indexSlPreviewsEl:nth-child(5n-2) {
  background: #FCFFFF;
  background: radial-gradient(87.5% 350% at 70.38% 50%, #FCFFFF 0%, #E5EFEF 99.99%);
}
.indexSlPreviewsEl:nth-child(5n-1) {
  background: #FFFEFD;
  background: radial-gradient(87.5% 350% at 70.38% 50%, #FFFEFD 0%, #FFF4E7 99.99%);
}
.indexSlPreviewsEl:nth-child(5n) {
  background: #EDEDED;
  background: radial-gradient(87.5% 350% at 70.38% 50%, #FFFFFF 0%, #EDEDED 99.99%);
}
.indexSlPreviewsElTitle {
  font-weight: 400;
  font-size: 14px;
}
.indexSlPreviewsElTitle b {
  font-weight: 600;
}
.indexSlPreviewsElDate {
  font-size: 12px;
  line-height: 100%;
  color: #888888;
  margin: 13px 0 0 0;
}
@media all and (max-width: 960px) {
  .indexSlPreviewsEl {
    width: 212px;
  }
}

.aboutUs {
  margin: 60px 0 60px 0;
}
.aboutUsList {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.aboutUsEl {
  display: flex;
  align-items: center;
  width: 25%;
}
.aboutUsElIcon {
  min-width: 48px;
  width: 48px;
  height: 48px;
  margin: 0 20px 0 0;
}
.aboutUsElIcon img {
  width: 100%;
  height: auto;
}
@media all and (max-width: 1250px) {
  .aboutUsEl {
    flex-direction: column;
  }
  .aboutUsElIcon {
    margin: 0 0 20px 0;
  }
  .aboutUsElTitle {
    max-width: 200px;
    text-align: center;
  }
}
@media all and (max-width: 959px) {
  .aboutUs {
    display: block;
  }
  .aboutUsList {
    padding-top: 0px;
    padding-bottom: 0px;
    gap: 10px;
  }
  .aboutUsElIcon {
    min-width: 40px;
    width: 40px;
    height: 40px;
    margin: 0 0 12px 0;
  }
  .aboutUsElTitle {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .aboutUsList {
    flex-wrap: wrap;
    gap: 30px;
  }
  .aboutUsEl {
    width: calc(50% - 15px);
  }
}

.getNews {
  margin: 20px 0 40px 0;
  background: #EFEEED;
  background: linear-gradient(92.82deg, #EFEEED 17.92%, #FDFDF8 85.36%);
  padding: 50px 0;
}
.getNewsInner {
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.getNews h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0 0 24px 0;
}
.getNews p {
  font-weight: 400;
  margin: 24px 0;
}
.getNews p b {
  font-weight: 600;
}
.getNewsForm {
  max-width: 530px;
  width: 100%;
  margin: 24px auto 0 auto;
}
.getNewsEmail {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.getNewsEmail input {
  background: #FFFFFF;
  border: 1px solid #000000;
  height: 46px;
  color: #000;
  font-size: 14px;
  width: 100%;
  line-height: 14px;
  padding: 15px 16px;
}
.getNewsEmail input::placeholder {
  color: #888888;
}
.getNewsEmail button {
  width: 130px;
  min-width: 130px;
  font-size: 14px;
  line-height: 100%;
  cursor: pointer;
}
.getNewsCh {
  margin: 32px 0 0 0;
  position: relative;
  overflow: hidden;
}
.getNewsCh input {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
  z-index: 1;
}
.getNewsCh label {
  padding: 0 0 0 40px;
  display: block;
  position: relative;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  z-index: 2;
}
.getNewsCh label:before {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: 3;
}
.getNewsCh input:checked + label:after {
  width: 14px;
  height: 14px;
  background: #000;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 4;
  content: "";
}
@media all and (max-width: 959px) {
  .getNews h3 {
    font-size: 20px;
  }
}
@media all and (max-width: 767px) {
  .getNews {
    padding: 60px 20px;
  }
  .getNewsInner {
    text-align: left;
    max-width: 100%;
  }
  .getNews h3 {
    font-size: 18px;
    margin: 0 0 12px 0;
  }
  .getNews p {
    font-size: 14px;
    margin: 12px 0;
  }
  .getNewsEmail {
    display: block;
  }
  .getNewsForm {
    max-width: 100%;
    margin: 24px 0 0 0;
    display: block;
  }
  .getNewsForm input {
    display: block;
    width: 100%;
  }
  .getNewsForm button {
    margin: 15px 0 0 0;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    height: 44px;
    justify-content: center;
  }
  .getNewsCh {
    margin: 24px 0 0 0;
  }
  .getNewsCh label {
    font-size: 12px;
    padding-top: 3px;
    padding-left: 28px;
  }
  .getNewsCh label:before {
    width: 20px;
    height: 20px;
  }
  .getNewsCh input:checked + label:after {
    width: 12px;
    height: 12px;
    top: 4px;
    left: 4px;
  }
}

.catalogOptions {
  position: relative;
}
.catalogFilterBtn {
  display: none;
}
.catalogSortBtn {
  display: none;
}
@media all and (max-width: 959px) {
  .catalogOptions {
    display: flex;
    gap: 1px;
    margin: 0 -24px 20px -24px;
  }
  .catalogFilterBtn {
    padding: 19px 20px;
    text-align: left;
    width: 50%;
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #FFFFFF;
    background: #000;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
  }
  .catalogSortBtn {
    padding: 10px 20px;
    text-align: left;
    width: 50%;
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #FFFFFF;
    background: #000;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
  }
  .catalogSort {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .catalogOptions {
    margin: 0 -10px 20px -10px;
  }
}
.catalogSort {
  position: absolute;
  top: -62px;
  right: 0;
  z-index: 10;
}
.catalogSortOverlay {
  display: none;
}
.catalogSortClose {
  display: none;
}
.catalogSortTitle {
  background: #FFFFFF;
  border: 1px solid #888888;
  padding: 14px 40px 14px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  width: 224px;
  cursor: pointer;
  display: block;
  position: relative;
}
.catalogSortTitle:after {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  right: 16px;
  content: "";
  transform: rotate(-90deg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=);
}
.catalogSort.active .catalogSortList {
  display: block;
}
.catalogSort.active .catalogSortTitle:after {
  transform: rotate(90deg);
}
.catalogSortSubmit {
  display: none;
  width: 100%;
}
.catalogSortEl {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.catalogSortEl:not(:first-child) {
  margin-top: 20px;
}
.catalogSortEl.hiddenCh {
  display: none;
}
.catalogSortEl input {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  opacity: 0;
  z-index: 1;
}
.catalogSortEl label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  padding: 2px 0 2px 36px;
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.catalogSortEl label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  border-radius: 50%;
  left: 0;
  background: #fff;
  border: solid 1px #000;
}
.catalogSortEl input:checked + label:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: #000;
}
.catalogSortEl input:disabled + label {
  opacity: 0.5;
  cursor: default;
}
.catalogSortList {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  background: #FFFFFF;
  border: 1px solid #888888;
  display: none;
}
.catalogSortList a, .catalogSortList span {
  display: block;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  padding: 10px 16px;
  text-decoration: none;
}
.catalogSortList a.active, .catalogSortList span.active {
  background: #000;
  color: #fff;
}
.catalogSortList a:not(.active):hover, .catalogSortList span:not(.active):hover {
  background: rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 959px) {
  .catalogSort {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 100;
  }
  .catalogSortOverlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.5);
  }
  .catalogSort.active {
    display: block;
  }
  .catalogSortTitle {
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #000000;
    padding: 0;
    display: block;
    border: none;
    background: none;
    cursor: default;
  }
  .catalogSortTitle span {
    display: none;
  }
  .catalogSortTitle:after {
    display: none;
  }
  .catalogSortClose {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 20;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0iIzAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81NjJfMjA1MDEpIj4NCjxwYXRoIGQ9Ik0wLjQ4ODM3MyAxMEMwLjM5MTc4NiAxMCAwLjI5NzM2NSA5Ljk3MTM5IDAuMjE3MDUgOS45MTc3NEMwLjEzNjczNiA5Ljg2NDA5IDAuMDc0MTM3OSA5Ljc4NzgyIDAuMDM3MTczNSA5LjY5ODU5QzAuMDAwMjA5MTYzIDkuNjA5MzYgLTAuMDA5NDYwNTkgOS41MTExNyAwLjAwOTM4NzM5IDkuNDE2NDRDMC4wMjgyMzU0IDkuMzIxNzEgMC4wNzQ3NTQzIDkuMjM0NyAwLjE0MzA2IDkuMTY2NDFMOS4xNjY1IDAuMTQyOTcyQzkuMjU4MDggMC4wNTEzODk1IDkuMzgyMjkgLTYuMTAzNTJlLTA1IDkuNTExODEgLTYuMTAzNTJlLTA1QzkuNjQxMzMgLTYuMTAzNTJlLTA1IDkuNzY1NTQgMC4wNTEzODk1IDkuODU3MTIgMC4xNDI5NzJDOS45NDg3IDAuMjM0NTU1IDEwLjAwMDIgMC4zNTg3NjcgMTAuMDAwMiAwLjQ4ODI4NUMxMC4wMDAyIDAuNjE3ODAyIDkuOTQ4NyAwLjc0MjAxNCA5Ljg1NzEyIDAuODMzNTk3TDAuODMzNjg1IDkuODU3MDNDMC43ODgzOCA5LjkwMjQzIDAuNzM0NTUxIDkuOTM4NDMgMC42NzUyOTIgOS45NjI5N0MwLjYxNjAzMyA5Ljk4NzUgMC41NTI1MSAxMC4wMDAxIDAuNDg4MzczIDEwWiIgZmlsbD0iIzAwMCIvPg0KPHBhdGggZD0iTTkuNTExNzggMTBDOS40NDc2NSAxMC4wMDAxIDkuMzg0MTIgOS45ODc1IDkuMzI0ODYgOS45NjI5N0M5LjI2NTYgOS45Mzg0MyA5LjIxMTc4IDkuOTAyNDMgOS4xNjY0NyA5Ljg1NzAzTDAuMTQzMDMzIDAuODMzNTk3QzAuMDUxNDUwNiAwLjc0MjAxNCAwIDAuNjE3ODAyIDAgMC40ODgyODVDMCAwLjM1ODc2NyAwLjA1MTQ1MDYgMC4yMzQ1NTUgMC4xNDMwMzMgMC4xNDI5NzJDMC4yMzQ2MTYgMC4wNTEzODk1IDAuMzU4ODI4IC02LjEwMzUyZS0wNSAwLjQ4ODM0NiAtNi4xMDM1MmUtMDVDMC42MTc4NjMgLTYuMTAzNTJlLTA1IDAuNzQyMDc2IDAuMDUxMzg5NSAwLjgzMzY1OCAwLjE0Mjk3Mkw5Ljg1NzEgOS4xNjY0MUM5LjkyNTQgOS4yMzQ3IDkuOTcxOTIgOS4zMjE3MSA5Ljk5MDc3IDkuNDE2NDRDMTAuMDA5NiA5LjUxMTE3IDkuOTk5OTUgOS42MDkzNiA5Ljk2Mjk4IDkuNjk4NTlDOS45MjYwMiA5Ljc4NzgyIDkuODYzNDIgOS44NjQwOSA5Ljc4MzEgOS45MTc3NEM5LjcwMjc5IDkuOTcxMzkgOS42MDgzNyAxMCA5LjUxMTc4IDEwWiIgZmlsbD0iIzAwMCIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU2Ml8yMDUwMSI+DQo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiMwMDAiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==) center center no-repeat;
    background-size: 12px 12px;
    border: none;
    display: block;
    cursor: pointer;
  }
  .catalogSortInner {
    background: #FFFFFF;
    padding: 40px 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 20;
    transform: translate(-50%, -50%);
    width: 375px;
    max-width: calc(100% - 40px);
  }
  .catalogSortList {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    border: none;
    padding: 0;
    margin: 40px 0;
  }
  .catalogSortEl {
    margin: 10px 0;
  }
  .catalogSortSubmit {
    display: block;
  }
}
.catalog .swiper-scrollbar {
  margin: 40px auto 0 auto;
  background: #EEEEEE;
  border-radius: 4px;
  height: 8px;
  max-width: 960px;
  display: block;
}
@media all and (min-width: 960px) {
  .comboSection .catalog .swiper-scrollbar {
    display: none;
  }
}
@media all and (max-width: 959px) {
  .catalog .swiper-scrollbar {
    margin: 20px auto 0 auto;
  }
}
.catalog .swiper-scrollbar-drag {
  background: #000000;
  height: 8px;
  border-radius: 4px;
}
.catalogSlider {
  border: solid 1px #fff;
  border-width: 0 72px;
  overflow: visible;
  position: relative;
}
.catalogSliderWrapper {
  margin-left: -72px;
  overflow: hidden;
  margin-right: -72px;
  position: relative;
}
@media all and (min-width: 960px) {
  .comboSection .catalogSliderWrapper {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}
.catalogSlider .swiper-button-next,
.catalogSlider .swiper-button-prev {
  position: absolute;
  width: 72px;
  top: 0;
  bottom: 0;
  background: #fff;
  cursor: pointer;
  z-index: 2;
}
.catalogSlider .swiper-button-next:after,
.catalogSlider .swiper-button-prev:after {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 8px;
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=);
}
.catalogSlider .swiper-button-next.swiper-button-disabled,
.catalogSlider .swiper-button-prev.swiper-button-disabled {
  cursor: default;
}
.catalogSlider .swiper-button-next.swiper-button-disabled:after,
.catalogSlider .swiper-button-prev.swiper-button-disabled:after {
  opacity: 0.5;
}
.catalogSlider .swiper-button-next:after {
  transform: rotate(180deg);
  transform-origin: center;
}
.catalogSlider .swiper-button-prev {
  left: -72px;
}
.catalogSlider .swiper-button-next {
  right: -72px;
}
.catalogSlider .swiper-button-next:after {
  left: auto;
  right: 8px;
}
@media all and (max-width: 1300px) {
  .catalogSlider {
    border-width: 0 50px;
  }
  .catalogSliderWrapper {
    margin-left: -50px;
    margin-right: -50px;
  }
  .catalogSlider .swiper-button-next,
.catalogSlider .swiper-button-prev {
    width: 50px;
  }
  .catalogSlider .swiper-button-prev {
    left: -50px;
  }
  .catalogSlider .swiper-button-next {
    right: -50px;
  }
}
@media all and (min-width: 960px) {
  .catalogSlider_1onD {
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
  }
  .catalogSlider_1onD .swiper-button-next,
.catalogSlider_1onD .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: 30px;
    bottom: auto;
    background: #fff;
    cursor: pointer;
    z-index: 2;
    border: solid 1px #000 !important;
  }
  .catalogSlider_1onD .swiper-button-next:after,
.catalogSlider_1onD .swiper-button-prev:after {
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
  }
  .catalogSlider_1onD .swiper-button-next.swiper-button-disabled,
.catalogSlider_1onD .swiper-button-prev.swiper-button-disabled {
    cursor: default;
    opacity: 0.5;
  }
  .catalogSlider_1onD .swiper-button-next.swiper-button-disabled:after,
.catalogSlider_1onD .swiper-button-prev.swiper-button-disabled:after {
    opacity: 1;
  }
  .catalogSlider_1onD .swiper-button-prev {
    left: 52%;
  }
  .catalogSlider_1onD .swiper-button-next {
    left: calc(52% + 40px + 16px);
    right: auto;
  }
}
@media all and (max-width: 959px) {
  .catalogSlider {
    margin-left: -24px;
    margin-right: -24px;
    overflow: hidden;
    padding-left: 24px;
    padding-right: 24px;
    border: none;
  }
  .catalogSliderWrapper {
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }
  .catalogSlider .swiper-button-next,
.catalogSlider .swiper-button-prev {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .catalogSlider {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 959px) {
  .catalogSlider .catalogList {
    overflow: visible;
  }
}
.catalogList {
  display: flex;
  align-items: stretch;
}
.content:not(.wide) .catalog:not(.catalogSlider) .catalogList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
@media all and (max-width: 1100px) {
  .content:not(.wide) .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (max-width: 959px) {
  .content:not(.wide) .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
  }
}
@media all and (max-width: 767px) {
  .content:not(.wide) .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
}
.content.wide .catalog:not(.catalogSlider) .catalogList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
@media all and (max-width: 1100px) {
  .content.wide .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (max-width: 959px) {
  .content.wide .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
  }
}
@media all and (max-width: 767px) {
  .content.wide .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
}
.choosePresent .catalog:not(.catalogSlider) .catalogList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
@media all and (max-width: 1100px) {
  .choosePresent .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (max-width: 959px) {
  .choosePresent .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
  }
}
@media all and (max-width: 767px) {
  .choosePresent .catalog:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
}
@media all and (min-width: 960px) {
  .catalogSlider_1onD .catalogEl {
    flex-direction: row;
    align-items: stretch;
  }
  .catalogSlider_1onD .catalogElImg {
    width: calc(52% - 10px);
    height: 100%;
  }
  .catalogSlider_1onD .catalogElImg:after {
    padding: 0;
  }
  .catalogSlider_1onD .catalogElContent {
    width: 48%;
    border-top: solid 60px #fff;
  }
}
@media all and (min-width: 960px) {
  .catalogDx4:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media all and (min-width: 1200px) {
  .catalogDx4:not(.catalogSlider) .catalogList {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.catalog_fav .catalogElFav {
  opacity: 1;
}
.catalog_fav .catalogElFav.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4xNCAyMS41MkMxMS4zOSAyMS42MSAxMS42OSAyMS42NSAxMiAyMS42NUMxMi4zMSAyMS42NSAxMi42MSAyMS42MSAxMi44NiAyMS41MkMxNi42OCAyMC4yMSAyMi43NSAxNS41NyAyMi43NSA4LjY5MDAxQzIyLjc1IDUuMjAwMDEgMTkuOTIgMi4zNTAwMSAxNi40NCAyLjM1MDAxQzE0Ljc1IDIuMzUwMDEgMTMuMTcgMy4wMTAwMSAxMiA0LjE5MDAxQzEwLjgzIDMuMDEwMDEgOS4yNSAyLjM1MDAxIDcuNTYgMi4zNTAwMUM0LjA4IDIuMzUwMDEgMS4yNSA1LjE5MDAxIDEuMjUgOC42OTAwMUMxLjI1IDE1LjU2IDcuMzIgMjAuMjEgMTEuMTQgMjEuNTJaIiBmaWxsPSJyZWQiLz4KPC9zdmc+Cg==);
}
.catalogEl {
  padding: 20px;
  border: 1px solid #fff;
  position: relative;
  background: #fff;
  display: flex;
  height: auto;
  flex-direction: column;
}
.catalogEl:hover {
  border-color: #888888;
}
.catalogElExp {
  color: #888888;
  font-size: 14px;
  line-height: 100%;
  margin-top: 8px;
}
body.indexPage .catalogSlider .catalogElExp {
  position: absolute;
  bottom: 73px;
}
@media all and (max-width: 959px) {
  body.indexPage .catalogSlider .catalogElExp {
    margin-bottom: 10px;
    margin-top: 0;
    position: static;
  }
}
@media all and (max-width: 767px) {
  body.indexPage .catalogSlider .catalogElExp {
    margin-bottom: 10px;
    margin-top: 6px;
    font-size: 12px;
    position: static;
  }
}
@media all and (max-width: 959px) {
  .catalogElExp {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 767px) {
  .catalogElExp {
    margin-top: 6px;
    font-size: 10px;
    margin-bottom: 8px;
  }
}
.catalogElFav {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  display: block;
  border: none;
  padding: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIxLjY1QzExLjY5IDIxLjY1IDExLjM5IDIxLjYxIDExLjE0IDIxLjUyQzcuMzIgMjAuMjEgMS4yNSAxNS41NiAxLjI1IDguNjkwMDFDMS4yNSA1LjE5MDAxIDQuMDggMi4zNTAwMSA3LjU2IDIuMzUwMDFDOS4yNSAyLjM1MDAxIDEwLjgzIDMuMDEwMDEgMTIgNC4xOTAwMUMxMy4xNyAzLjAxMDAxIDE0Ljc1IDIuMzUwMDEgMTYuNDQgMi4zNTAwMUMxOS45MiAyLjM1MDAxIDIyLjc1IDUuMjAwMDEgMjIuNzUgOC42OTAwMUMyMi43NSAxNS41NyAxNi42OCAyMC4yMSAxMi44NiAyMS41MkMxMi42MSAyMS42MSAxMi4zMSAyMS42NSAxMiAyMS42NVpNNy41NiAzLjg1MDAxQzQuOTEgMy44NTAwMSAyLjc1IDYuMDIwMDEgMi43NSA4LjY5MDAxQzIuNzUgMTUuNTIgOS4zMiAxOS4zMiAxMS42MyAyMC4xMUMxMS44MSAyMC4xNyAxMi4yIDIwLjE3IDEyLjM4IDIwLjExQzE0LjY4IDE5LjMyIDIxLjI2IDE1LjUzIDIxLjI2IDguNjkwMDFDMjEuMjYgNi4wMjAwMSAxOS4xIDMuODUwMDEgMTYuNDUgMy44NTAwMUMxNC45MyAzLjg1MDAxIDEzLjUyIDQuNTYwMDEgMTIuNjEgNS43OTAwMUMxMi4zMyA2LjE3MDAxIDExLjY5IDYuMTcwMDEgMTEuNDEgNS43OTAwMUMxMC40OCA0LjU1MDAxIDkuMDggMy44NTAwMSA3LjU2IDMuODUwMDFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
  opacity: 0;
  cursor: pointer;
}
.catalogElFav.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4xNCAyMS41MkMxMS4zOSAyMS42MSAxMS42OSAyMS42NSAxMiAyMS42NUMxMi4zMSAyMS42NSAxMi42MSAyMS42MSAxMi44NiAyMS41MkMxNi42OCAyMC4yMSAyMi43NSAxNS41NyAyMi43NSA4LjY5MDAxQzIyLjc1IDUuMjAwMDEgMTkuOTIgMi4zNTAwMSAxNi40NCAyLjM1MDAxQzE0Ljc1IDIuMzUwMDEgMTMuMTcgMy4wMTAwMSAxMiA0LjE5MDAxQzEwLjgzIDMuMDEwMDEgOS4yNSAyLjM1MDAxIDcuNTYgMi4zNTAwMUM0LjA4IDIuMzUwMDEgMS4yNSA1LjE5MDAxIDEuMjUgOC42OTAwMUMxLjI1IDE1LjU2IDcuMzIgMjAuMjEgMTEuMTQgMjEuNTJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
}
@media all and (max-width: 959px) {
  .catalogElFav {
    opacity: 1;
  }
}
.catalogEl:hover .catalogElFav {
  opacity: 1;
}
.catalogElTags {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.catalogElTags span {
  width: 60px;
  height: 28px;
  display: block;
}
.catalogElTags .catalogElTags_top {
  background: #A6C547;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.catalogElTags .catalogElTags_pro {
  background: #000;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.catalogElTags .catalogElTags_new {
  background: #3B99D9;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.catalogElTags .catalogElTags_tinosorb {
  white-space: nowrap;
  background-color: orange;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.catalogElTags .catalogElTags_imp {
  background: #FDA729;
  font-weight: 600;
  width: auto !important;
  font-size: 12px;
  line-height: 14px;
  padding: 7px 16px 7px 26px;
  text-align: center;
  color: #000;
  display: block;
  position: relative;
  white-space: nowrap;
}
.catalogElTags .catalogElTags_imp:after {
  top: 8px;
  left: 10px;
  width: 12px;
  height: 12px;
  position: absolute;
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExMDFfMTExMDUpIj4KPHBhdGggZD0iTTQuNzM5MjYgMEw1LjE1NDg4IDguNjg3MjdINi44NDM3Nkw3LjI2MDYxIDBINC43MzkyNlpNNS4xOTMxOCAxMC4zODgySDYuODA1MDlWMTJINS4xOTMxOFYxMC4zODgyWiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMTAxXzExMTA1Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.catalogEl:hover .catalogElImgPag {
  opacity: 1;
}
.catalogElImg {
  position: relative;
  z-index: 2;
  margin: 0 0 5px 0;
}
.catalogElImg:after {
  padding: 100% 0 0 0;
  display: block;
  content: "";
  font-size: 0;
  line-height: 0;
}
.catalogElImgPag {
  height: 100%;
  width: 50%;
  position: relative;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s ease;
}
@media all and (max-width: 959px) {
  .catalogElImgPag {
    display: none;
  }
}
.catalogElImgPag:after {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  content: "";
  height: 4px;
  background: #EFEFEF;
  transition: all 0.3s ease;
}
.catalogElImgPag:first-child:after {
  background: #000;
}
.catalogEl .catalogElImgPag:nth-child(1):hover:after, .catalogEl .catalogElImgPag:nth-child(2):hover:after, .catalogEl .catalogElImgPag:nth-child(3):hover:after, .catalogEl .catalogElImgPag:nth-child(4):hover:after {
  background: #000;
}
.catalogEl .catalogElImgPag:nth-child(1):hover ~ img {
  opacity: 1;
}
.catalogEl .catalogElImgPag:nth-child(1):hover ~ img + img {
  opacity: 0;
}
.catalogEl .catalogElImgPag:nth-child(2):hover ~ img {
  opacity: 0;
}
.catalogEl .catalogElImgPag:nth-child(2):hover ~ img + img {
  opacity: 1;
}
.catalogEl .catalogElImgPag:nth-child(2):hover ~ img + img + img {
  opacity: 0;
}
.catalogEl .catalogElImgPag:nth-child(3):hover ~ img {
  opacity: 0;
}
.catalogEl .catalogElImgPag:nth-child(3):hover ~ img + img + img {
  opacity: 1;
}
.catalogEl .catalogElImgPag:nth-child(3):hover ~ img + img + img + img {
  opacity: 0;
}
.catalogEl .catalogElImgPag:nth-child(4):hover ~ img {
  opacity: 0;
}
.catalogEl .catalogElImgPag:nth-child(4):hover ~ img + img + img + img {
  opacity: 1;
}
.catalogElImg:hover .catalogElImgPag:after {
  background: #EFEFEF;
}
.catalogElImgLink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  align-items: stretch;
}
.catalogElImgLink img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  z-index: 1;
  opacity: 1;
  transition: all 0.3s ease;
}
.catalogElImgLink img:nth-child(2) {
  z-index: 2;
}
.catalogElImgLink img:nth-child(3) {
  z-index: 3;
}
.catalogElImgLink img:nth-child(4) {
  z-index: 4;
}
.catalogElImgLink img + img {
  opacity: 0;
}
@media all and (max-width: 959px) {
  .catalogElImgLink img + img {
    display: none;
  }
}
.catalogElContent {
  padding: 28px 0 92px 0;
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media all and (min-width: 960px) {
  .catalogElContent {
    min-height: 260px;
  }
  .catalog_present .catalogElContent {
    min-height: auto;
    padding: 10px 0 50px 0;
  }
}
.catalogElCategory {
  position: absolute;
  top: 10px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalogElTopOption {
  position: absolute;
  top: 10px;
  display: block;
  font-weight: 400;
  font-size: 14px;
  height: 14px;
  line-height: 100%;
  color: #888888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body:not(.indexPage) .catalogElInfo .catalogElTopOption {
  position: static;
  top: auto;
  margin: 0 0 16px 0;
}
.catalogElName {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  text-decoration: none;
  word-break: break-word;
}
.catalogElName:hover {
  color: #000000;
  text-decoration: none;
}
.catalogElName a {
  color: #000000;
  text-decoration: none;
}
.catalogElName a:hover {
  color: #000000;
  text-decoration: none;
}
.catalogElInfo {
  margin: 16px 0 0 0;
}
.catalogElRating {
  margin: 0 0 14px 0;
  display: flex;
  align-items: center;
}
.catalogElRatingMark {
  display: flex;
  margin: 0 12px 0 0;
  gap: 4px;
}
.catalogElRatingMark i {
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 16px 16px;
  display: block;
}
.catalogElRatingMark i[data-part] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.catalogElRatingMark i[data-part] i {
  min-width: 0;
  background-position: left center;
}
.catalogElRatingMark i[data-off] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.catalogElRatingTitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
}
.catalogElPriceOld {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-decoration-line: line-through;
  color: #888888;
  margin: 0 0 4px 0;
  display: block;
}
.catalogElPriceNew {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  color: #000000;
  padding: 0 14px 0 0;
  display: inline-block;
  vertical-align: baseline;
}
.catalogElPriceDiscount {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #353535;
  display: inline-block;
  vertical-align: baseline;
}
.catalogElBuy {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 2px;
  padding-right: 2px;
  width: 100%;
  cursor: pointer;
}
.catalogElBuy.active {
  background: #000;
  color: #fff;
}
.catalogElBuy:not(:disabled) span {
  text-transform: lowercase;
}
@media all and (min-width: 960px) {
  .catalogEl:hover .catalogElMain {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 70px;
    overflow: auto;
  }
}
.catalogElDetails {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 120px;
  overflow: auto;
  display: none;
}
.catalogElDetails li {
  display: block;
  margin: 0;
  padding: 0 0 0 18px;
  position: relative;
}
.catalogElDetails li:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #000;
}
@media all and (min-width: 960px) {
  .catalogEl:hover .catalogElDetails {
    display: block;
  }
}
.catalogPage .catalogElDetails {
  font-size: 14px;
}
.catalogPage .catalogElDetails li:before {
  top: 4px;
}
@media all and (min-width: 960px) {
  .catalogElDetails {
    position: static;
    overflow: visible;
    margin-top: 10px;
    display: none;
  }
}
.catalogEl_present {
  border-color: #888;
}
.catalogEl_present .catalogElBuy {
  color: #fff;
  background: #000;
}
@media all and (min-width: 960px) {
  .catalogEl:hover .catalogElContent {
    overflow: auto;
  }
  .catalogEl:hover .catalogElName {
    opacity: 1 !important;
    display: block !important;
  }
}
@media all and (min-width: 960px) {
  .catalogEl:hover .catalogElInfo {
    opacity: 0;
  }
}
@media all and (min-width: 960px) {
  body:not(.indexPage) .catalog:not(.catalog_present) .catalogElContent {
    padding-bottom: 0;
  }
  body:not(.indexPage) .catalog:not(.catalog_present) .catalogElBuy {
    display: none;
  }
  body:not(.indexPage) .catalog:not(.catalog_present) .catalogEl:hover .catalogElBuy {
    display: block;
  }
  body:not(.indexPage) .catalog:not(.catalog_present) .catalogEl:hover .catalogElInfo {
    position: relative;
    bottom: 64px;
  }
  body:not(.indexPage) .catalog:not(.catalog_present) .catalogEl:hover .catalogElCategory, body:not(.indexPage) .catalog:not(.catalog_present) .catalogEl:hover .catalogElName, body:not(.indexPage) .catalog:not(.catalog_present) .catalogEl:hover .catalogElRating, body:not(.indexPage) .catalog:not(.catalog_present) .catalogEl:hover .catalogElTopOption {
    opacity: 0;
  }
  body:not(.indexPage) .catalog:not(.catalog_present) .catalogEl:hover .catalogElDetails {
    display: flex;
  }
}
@media all and (min-width: 960px) {
  body.indexPage .catalogEl {
    /*  &Content {
        padding-bottom: 0;
      }*/
    /*&Buy {
      display: none;
    }*/
  }
  body.indexPage .catalogEl:hover .catalogEl {
    /*&Buy {
      display: block;
    }*/
  }
  body.indexPage .catalogEl:hover .catalogElCategory, body.indexPage .catalogEl:hover .catalogElName, body.indexPage .catalogEl:hover .catalogElPrice, body.indexPage .catalogEl:hover .catalogElRating, body.indexPage .catalogEl:hover .catalogElTopOption {
    opacity: 0;
  }
  body.indexPage .catalogEl:hover .catalogElDetails {
    bottom: 80px;
  }
  body.indexPage .catalogEl:hover .catalogElDetails {
    display: flex;
  }
}
@media all and (max-width: 1300px) {
  .catalogEl {
    padding: 20px;
  }
  .catalogElFav {
    top: 20px;
    right: 20px;
  }
  .catalogElTags {
    top: 20px;
    left: 20px;
  }
}
@media all and (max-width: 959px) {
  .catalogEl {
    padding: 15px;
    border: 1px solid #EEEEEE;
  }
  .catalogElTags {
    top: 15px;
    left: 15px;
  }
  .catalogElFav {
    top: 15px;
    right: 15px;
  }
  .catalogElContent {
    padding: 16px 0 46px 0;
  }
  .catalogElTopOption, .catalogElCategory {
    top: 0;
    font-size: 12px;
    height: 12px;
  }
  .catalogElName {
    font-size: 14px;
  }
  .catalogElRating {
    margin: 0 0 12px 0;
  }
  .catalogElRatingMark {
    gap: 2px;
  }
  .catalogElRatingMark i {
    min-width: 12px;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
  }
  .catalogElRatingTitle {
    font-size: 12px;
  }
  .catalogElPriceOld {
    font-size: 12px;
    margin: 0 0 4px 0;
  }
  .catalogElPriceNew {
    font-size: 20px;
    padding: 0 10px 0 0;
  }
  .catalogElPriceDiscount {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .catalogEl {
    padding: 10px;
  }
  .catalogElTags {
    top: 10px;
    left: 10px;
  }
  .catalogElFav {
    top: 10px;
    right: 10px;
  }
  .catalogElInfo .catalogElTopOption {
    margin: 0 0 12px 0;
    font-size: 10px;
  }
  .catalogElDetails {
    font-size: 14px;
  }
  .catalogElDetails li:before {
    top: 4px;
  }
}
.catalog:not(.catalogSlider) .catalogElBuy:not(:disabled) span {
  text-transform: lowercase;
}
.catalog:not(.catalogSlider) .catalogElName {
  font-size: 14px;
}
.catalog:not(.catalogSlider) .catalogElPriceNew {
  font-size: 22px;
}
@media all and (max-width: 767px) {
  .catalog:not(.catalogSlider) .catalogElName {
    font-size: 11px;
  }
  .catalog:not(.catalogSlider) .catalogElBuy {
    min-width: 100%;
  }
  .catalog:not(.catalogSlider) .catalogElBuy:not(:disabled) {
    font-size: 0;
  }
  .choosePresent .catalog:not(.catalogSlider) .catalogElBuy {
    font-size: 12px;
  }
  .catalog:not(.catalogSlider) .catalogElBuy span {
    font-size: 12px;
  }
  .catalog:not(.catalogSlider) .catalogElBuy:not(:disabled) span {
    text-transform: none;
  }
  .catalog:not(.catalogSlider) .catalogElPrice {
    position: relative;
  }
  .catalog:not(.catalogSlider) .catalogElPriceDiscount {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    font-size: 10px;
    width: 60px;
    line-height: 150%;
    color: #353535;
  }
}
.catalog.catalog_present .catalogEl {
  padding: 15px;
}
.catalog.catalog_present .catalogElBuy {
  height: 40px;
  font-weight: 600;
  line-height: 16px;
  min-width: 100%;
  display: flex;
  font-size: 0;
  align-items: center;
  justify-content: center;
}
.catalog.catalog_present .catalogElBuy span {
  font-size: 12px;
}
.catalogSlider .catalogEl {
  padding: 30px;
}
.catalogSlider .catalogElFav {
  top: 30px;
  right: 30px;
}
.catalogSlider .catalogElTags {
  top: 30px;
  left: 30px;
}
@media all and (max-width: 1300px) {
  .catalogSlider .catalogEl {
    padding: 25px;
  }
  .catalogSlider .catalogElFav {
    top: 25px;
    right: 25px;
  }
  .catalogSlider .catalogElTags {
    top: 25px;
    left: 25px;
  }
}
@media all and (max-width: 959px) {
  .catalogSlider .catalogEl {
    width: 290px;
    padding: 15px;
  }
  .catalogSlider .catalogElTags {
    top: 15px;
    left: 15px;
  }
  .catalogSlider .catalogElFav {
    top: 15px;
    right: 15px;
  }
}
@media all and (max-width: 767px) {
  .catalogSlider .catalogEl {
    width: 290px;
    padding: 15px;
  }
  .catalogSlider .catalogElTags {
    top: 15px;
    left: 15px;
  }
  .catalogSlider .catalogElFav {
    top: 15px;
    right: 15px;
  }
}
@media all and (max-width: 359px) {
  .catalogSlider .catalogEl {
    width: 280px;
  }
}
@media all and (max-width: 959px) {
  .catalogSlider.catalog_present .catalogEl {
    width: 200px;
  }
}
@media all and (max-width: 767px) {
  .catalogSlider.catalog_present .catalogEl {
    width: 150px;
  }
  .catalogSlider.catalog_present .catalogElName {
    font-size: 12px;
    line-height: 18px;
  }
}
@media all and (max-width: 359px) {
  .catalogSlider.catalog_present .catalogEl {
    width: 150px;
  }
}

.favHeader {
  height: 0;
  position: relative;
}

.favClear {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-align: right;
  color: #000000;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 0 0 28px;
  position: absolute;
  top: -49px;
  right: 0;
}
.favClear:before {
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  left: 0;
  top: -3px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTcuNTAwMSA1LjYwODI3QzE3LjQ4MzQgNS42MDgyNyAxNy40NTg0IDUuNjA4MjcgMTcuNDMzNCA1LjYwODI3QzEzLjAyNTEgNS4xNjY2MSA4LjYyNTA1IDQuOTk5OTQgNC4yNjY3MiA1LjQ0MTYxTDIuNTY2NzIgNS42MDgyN0MyLjIxNjcyIDUuNjQxNjEgMS45MDgzOSA1LjM5MTYxIDEuODc1MDUgNS4wNDE2MUMxLjg0MTcyIDQuNjkxNjEgMi4wOTE3MiA0LjM5MTYxIDIuNDMzMzkgNC4zNTgyN0w0LjEzMzM5IDQuMTkxNjFDOC41NjY3MiAzLjc0MTYxIDEzLjA1ODQgMy45MTY2MSAxNy41NTg0IDQuMzU4MjdDMTcuOTAwMSA0LjM5MTYxIDE4LjE1MDEgNC42OTk5NCAxOC4xMTY3IDUuMDQxNjFDMTguMDkxNyA1LjM2NjYxIDE3LjgxNjcgNS42MDgyNyAxNy41MDAxIDUuNjA4MjdaIiBmaWxsPSIjMDAwIi8+DQogICAgPHBhdGggZD0iTTcuMDgzNjMgNC43NjY2M0M3LjA1MDI5IDQuNzY2NjMgNy4wMTY5NiA0Ljc2NjYzIDYuOTc1MjkgNC43NTgyOUM2LjY0MTk2IDQuNjk5OTYgNi40MDg2MyA0LjM3NDk2IDYuNDY2OTYgNC4wNDE2M0w2LjY1MDI5IDIuOTQ5OTZDNi43ODM2MyAyLjE0OTk2IDYuOTY2OTYgMS4wNDE2MyA4LjkwODYzIDEuMDQxNjNIMTEuMDkyQzEzLjA0MiAxLjA0MTYzIDEzLjIyNTMgMi4xOTE2MyAxMy4zNTAzIDIuOTU4MjlMMTMuNTMzNiA0LjA0MTYzQzEzLjU5MiA0LjM4MzI5IDEzLjM1ODYgNC43MDgyOSAxMy4wMjUzIDQuNzU4MjlDMTIuNjgzNiA0LjgxNjYzIDEyLjM1ODYgNC41ODMyOSAxMi4zMDg2IDQuMjQ5OTZMMTIuMTI1MyAzLjE2NjYzQzEyLjAwODYgMi40NDE2MyAxMS45ODM2IDIuMjk5OTYgMTEuMTAwMyAyLjI5OTk2SDguOTE2OTZDOC4wMzM2MyAyLjI5OTk2IDguMDE2OTYgMi40MTY2MyA3Ljg5MTk2IDMuMTU4MjlMNy43MDAyOSA0LjI0MTYzQzcuNjUwMjkgNC41NDk5NiA3LjM4MzYzIDQuNzY2NjMgNy4wODM2MyA0Ljc2NjYzWiIgZmlsbD0iIzAwMCIvPg0KICAgIDxwYXRoIGQ9Ik0xMi42NzUgMTguOTU4M0g3LjMyNUM0LjQxNjY2IDE4Ljk1ODMgNC4zIDE3LjM0OTkgNC4yMDgzMyAxNi4wNDk5TDMuNjY2NjYgNy42NTgyN0MzLjY0MTY2IDcuMzE2NjEgMy45MDgzMyA3LjAxNjYxIDQuMjUgNi45OTE2MUM0LjYgNi45NzQ5NCA0Ljg5MTY2IDcuMjMzMjcgNC45MTY2NiA3LjU3NDk0TDUuNDU4MzMgMTUuOTY2NkM1LjU1IDE3LjIzMzMgNS41ODMzMyAxNy43MDgzIDcuMzI1IDE3LjcwODNIMTIuNjc1QzE0LjQyNSAxNy43MDgzIDE0LjQ1ODMgMTcuMjMzMyAxNC41NDE3IDE1Ljk2NjZMMTUuMDgzMyA3LjU3NDk0QzE1LjEwODMgNy4yMzMyNyAxNS40MDgzIDYuOTc0OTQgMTUuNzUgNi45OTE2MUMxNi4wOTE3IDcuMDE2NjEgMTYuMzU4MyA3LjMwODI3IDE2LjMzMzMgNy42NTgyN0wxNS43OTE3IDE2LjA0OTlDMTUuNyAxNy4zNDk5IDE1LjU4MzMgMTguOTU4MyAxMi42NzUgMTguOTU4M1oiIGZpbGw9IiMwMDAiLz4NCiAgICA8cGF0aCBkPSJNMTEuMzgzNCAxNC4zNzVIOC42MDg0QzguMjY2NzMgMTQuMzc1IDcuOTgzNCAxNC4wOTE3IDcuOTgzNCAxMy43NUM3Ljk4MzQgMTMuNDA4MyA4LjI2NjczIDEzLjEyNSA4LjYwODQgMTMuMTI1SDExLjM4MzRDMTEuNzI1MSAxMy4xMjUgMTIuMDA4NCAxMy40MDgzIDEyLjAwODQgMTMuNzVDMTIuMDA4NCAxNC4wOTE3IDExLjcyNTEgMTQuMzc1IDExLjM4MzQgMTQuMzc1WiIgZmlsbD0iIzAwMCIvPg0KICAgIDxwYXRoIGQ9Ik0xMi4wODM3IDExLjA0MTZINy45MTY5OUM3LjU3NTMzIDExLjA0MTYgNy4yOTE5OSAxMC43NTgzIDcuMjkxOTkgMTAuNDE2NkM3LjI5MTk5IDEwLjA3NSA3LjU3NTMzIDkuNzkxNjMgNy45MTY5OSA5Ljc5MTYzSDEyLjA4MzdDMTIuNDI1MyA5Ljc5MTYzIDEyLjcwODcgMTAuMDc1IDEyLjcwODcgMTAuNDE2NkMxMi43MDg3IDEwLjc1ODMgMTIuNDI1MyAxMS4wNDE2IDEyLjA4MzcgMTEuMDQxNloiIGZpbGw9IiMwMDAiLz4NCjwvc3ZnPg0K) center no-repeat;
}
@media all and (max-width: 767px) {
  .favClear {
    top: -35px;
    font-size: 12px;
    padding: 0 0 0 18px;
  }
  .favClear:before {
    width: 14px;
    height: 14px;
    background-size: contain;
    top: -1px;
  }
  .favClear span {
    display: none;
  }
}

.categoriesList {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.categoriesEl {
  width: 14.7058823529%;
  text-decoration: none;
}
.categoriesEl:nth-child(2n) {
  margin-top: 8.1617647059%;
}
.categoriesEl:hover {
  text-decoration: none;
}
.categoriesEl:first-child {
  width: 29.4117647059%;
}
.categoriesElImg {
  padding: 100% 0 0 0;
  position: relative;
  display: flex;
}
.categoriesElImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.categoriesEl:first-child .categoriesElImg {
  padding: 70% 0 0 0;
}
.categoriesElTitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #000000;
  margin: 24px 0 0 0;
  display: block;
}
.categoriesElLink {
  margin: 16px 0 0 0;
  padding: 0 0 8px 0;
  border-bottom: 4px solid #000000;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  display: none;
}
.categoriesEl:first-child .categoriesElLink {
  display: inline-block;
}
@media all and (min-width: 960px) {
  .categoriesElLink {
    display: inline-block;
    opacity: 0;
    border-bottom-width: 0;
    padding: 0 0 12px 0;
  }
  .categoriesEl:first-child .categoriesElLink {
    display: inline-block;
    opacity: 1;
    border-bottom-width: 4px;
    padding: 0 0 8px 0;
  }
  .categoriesEl:not(:first-child) .categoriesElLink {
    border-bottom-width: 4px;
    padding: 0 0 8px 0;
  }
  .categoriesEl:not(:first-child):hover .categoriesElLink {
    opacity: 1;
  }
}
@media all and (max-width: 959px) {
  .categoriesList {
    gap: 20px;
    overflow: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0;
    padding-bottom: 10px;
    scroll-snap-type: both proximity;
  }
  .categoriesEl {
    scroll-snap-align: center;
  }
  .categoriesEl, .categoriesEl:first-child {
    width: 320px;
    min-width: 320px;
  }
  .categoriesEl:nth-child(2n) {
    margin: 0;
  }
  .categoriesElImg, .categoriesEl:first-child .categoriesElImg {
    padding-top: 68.75%;
  }
  .categoriesEl:first-child .categoriesElLink, .categoriesElLink {
    display: none;
  }
  .categoriesElTitle {
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .categoriesList {
    gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 359px) {
  .categoriesEl, .categoriesEl:first-child {
    width: 280px;
    min-width: 280px;
  }
}

.categoriesSimple {
  margin: 40px 0 0 0;
}
.categoriesSimpleList {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.categoriesSimpleEl {
  width: calc(33.3333% - 40px);
  text-decoration: none;
}
.categoriesSimpleEl:nth-child(2n-1) {
  margin-top: 70px;
}
.categoriesSimpleEl:hover {
  text-decoration: none;
}
.categoriesSimpleElImg {
  padding: 100% 0 0 0;
  position: relative;
  display: flex;
}
.categoriesSimpleElImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.categoriesSimpleElTitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
  margin: 20px 0 0 0;
  display: block;
}
@media all and (max-width: 959px) {
  .categoriesSimple {
    margin: 20px 0 0 0;
  }
  .categoriesSimpleList {
    gap: 20px;
    overflow: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0;
    padding-bottom: 10px;
    scroll-snap-type: both proximity;
  }
  .categoriesSimpleEl {
    scroll-snap-align: center;
  }
  .categoriesSimpleEl:nth-child(2n-1) {
    margin-top: 0;
  }
  .categoriesSimpleEl {
    width: 320px;
    min-width: 320px;
  }
  .categoriesSimpleEl:nth-child(2n) {
    margin: 0;
  }
  .categoriesSimpleElImg {
    padding-top: 68.75%;
  }
  .categoriesSimpleElTitle {
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .categoriesSimpleList {
    gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 359px) {
  .categoriesSimpleEl {
    width: 280px;
    min-width: 280px;
  }
}

.informSection {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
}
.informSection_catalog {
  max-width: 1920px;
  margin: 0 auto;
}
.informSection_pr {
  max-width: 1920px;
  margin: 0 auto;
}
.informSection_education {
  margin: 0 auto;
}
.informSectionContent {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  padding: 50px 30% 55px 70px;
  flex-direction: column;
  justify-content: center;
}
.informSection_catalog .informSectionContent {
  padding: 0;
  min-height: 140px;
}
.informSection_help .informSectionContent, .informSection_pr .informSectionContent {
  padding: 0;
  min-height: 180px;
}
.informSection_education .informSectionContent {
  padding: 0;
  min-height: 250px;
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 110px;
  padding-right: 110px;
}
@media all and (max-width: 1400px) {
  .informSection_education .informSectionContent {
    min-height: 180px;
  }
}
@media all and (max-width: 1300px) {
  .informSection_education .informSectionContent {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media all and (max-width: 959px) {
  .informSection_education .informSectionContent {
    padding-left: 24px;
    padding-right: 24px;
    min-height: 180px;
  }
}
@media all and (max-width: 767px) {
  .informSection_education .informSectionContent {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 120px;
  }
}
.informSection_help .informSectionTitle, .informSection_pr .informSectionTitle, .informSection_catalog .informSectionTitle {
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 110px;
  padding-right: 110px;
  text-align: left;
  display: block;
  width: 100%;
}
@media all and (max-width: 1400px) {
  .informSection_help .informSectionTitle, .informSection_pr .informSectionTitle, .informSection_catalog .informSectionTitle {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media all and (max-width: 959px) {
  .informSection_help .informSectionTitle, .informSection_pr .informSectionTitle, .informSection_catalog .informSectionTitle {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media all and (max-width: 767px) {
  .informSection_help .informSectionTitle, .informSection_pr .informSectionTitle, .informSection_catalog .informSectionTitle {
    padding-left: 10px;
    padding-right: 50%;
  }
}
.informSectionCartCounter {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #888888;
  font-style: normal;
}
.informSectionFavCounter {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #888888;
  font-style: normal;
}
.informSectionTitle {
  font-weight: 300;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
}
.informSectionDate {
  font-weight: 300;
  font-size: 23px;
  line-height: 100%;
  color: #000000;
  margin: 20px 0 0 0;
}
.informSectionMedia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.informSectionMedia img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}
.informSectionMedia[data-bg=center] img {
  object-position: center;
}
@media all and (max-width: 959px) {
  .informSection {
    margin-left: -24px;
    margin-right: -24px;
  }
  .informSection_catalog {
    margin: 0;
  }
  .informSection_education {
    margin: 0;
  }
  .informSectionContent {
    padding-left: 40px;
    padding-right: 225px;
  }
}
@media all and (max-width: 767px) {
  .informSection {
    margin-left: -10px;
    margin-right: -10px;
  }
  .informSection_catalog {
    margin: 0;
  }
  .informSection_help {
    margin: 0;
  }
  .informSection_education {
    margin: 0;
  }
  .informSection_help .informSectionContent, .informSection_catalog .informSectionContent {
    min-height: 120px;
  }
  .informSectionContent {
    padding-left: 25px;
    padding-top: 26px;
    padding-bottom: 26px;
    padding-right: 40%;
  }
  .informSectionTitle {
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
  }
  .informSectionTitle span {
    display: block;
  }
  .informSectionDate {
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
  }
}

.educationInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  margin-top: -250px;
  position: relative;
  z-index: 2;
}
.educationInfoList {
  display: flex;
  gap: 52px;
  align-items: center;
}
.educationInfoEl {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #888;
  font-size: 16px;
  line-height: 150%;
}
.educationInfoElIcon {
  width: 50px;
  height: 50px;
}
.educationInfoElIcon img {
  width: 100%;
  height: auto;
}
.educationInfoElTitle {
  width: 180px;
}
@media all and (max-width: 1500px) {
  .educationInfoList {
    gap: 20px;
  }
}
@media all and (max-width: 1400px) {
  .educationInfo {
    height: 180px;
    margin: -180px 0 0 0;
  }
  .educationInfoList {
    gap: 20px;
  }
  .educationInfoEl {
    display: block;
    font-size: 14px;
  }
  .educationInfoElIcon {
    display: block;
    margin: 0 auto 10px auto;
  }
  .educationInfoElTitle {
    text-align: center;
  }
}
@media all and (max-width: 1100px) {
  .educationInfo {
    height: auto;
    margin: 32px 0;
  }
  .educationInfoList {
    gap: 40px;
  }
}
@media all and (max-width: 767px) {
  .educationInfoList {
    gap: 32px;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 100%;
    padding: 0 20px;
  }
  .educationInfoEl {
    display: flex;
    gap: 16px;
    width: 100%;
  }
  .educationInfoElIcon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0;
  }
  .educationInfoElTitle {
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .educationInfoElTitle br {
    display: none;
  }
}
.educationInfo_full {
  height: auto !important;
  margin: 0 !important;
}
.educationInfo_full .educationInfoList {
  gap: 40px;
}
@media all and (max-width: 1500px) {
  .educationInfo_full .educationInfoList {
    gap: 40px;
  }
}
@media all and (max-width: 1400px) {
  .educationInfo_full .educationInfoList {
    gap: 60px;
  }
}
.educationInfo_full .educationInfoEl {
  width: 25%;
  gap: 20px;
  font-size: 14px;
}
.educationInfo_full .educationInfoElIcon {
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.educationInfo_full .educationInfoElTitle {
  width: auto;
}
@media all and (max-width: 1400px) {
  .educationInfo_full .educationInfoEl {
    display: block;
    font-size: 14px;
  }
  .educationInfo_full .educationInfoElIcon {
    display: block;
    margin: 0 auto 12px auto;
  }
  .educationInfo_full .educationInfoElTitle {
    text-align: center;
  }
}
@media all and (max-width: 1100px) {
  .educationInfo_full .educationInfoList {
    gap: 40px;
    flex-wrap: wrap;
  }
  .educationInfo_full .educationInfoEl {
    width: calc(50% - 20px);
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .educationInfo_full .educationInfoElIcon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin: 0;
  }
  .educationInfo_full .educationInfoElTitle {
    width: 100%;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .educationInfo_full .educationInfoList {
    gap: 32px;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 100%;
    padding: 0 10px;
  }
  .educationInfo_full .educationInfoEl {
    display: flex;
    gap: 16px;
    width: 100%;
  }
  .educationInfo_full .educationInfoElIcon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0;
  }
  .educationInfo_full .educationInfoElTitle {
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .educationInfo_full .educationInfoElTitle br {
    display: none;
  }
}

.textSection {
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
  padding: 56px 0;
}
@media all and (max-width: 1400px) {
  .textSection {
    font-size: 24px;
  }
}
@media all and (max-width: 959px) {
  .textSection {
    font-size: 20px;
  }
}
@media all and (max-width: 767px) {
  .textSection {
    font-size: 20px;
    padding: 40px 0;
  }
}

.comboSection {
  display: flex;
  gap: 20px;
  align-items: stretch;
}
.comboSectionElTitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 24px 0;
  display: none;
}
.comboSectionEl:first-child {
  width: 55.1470588235%;
  min-width: 55.1470588235%;
  max-width: 55.1470588235%;
}
.comboSectionEl:last-child {
  width: 100%;
}
@media all and (max-width: 959px) {
  .comboSection {
    display: block;
  }
  .comboSectionEl:first-child {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .comboSectionEl:last-child {
    width: 100%;
    min-width: 100%;
    margin: 60px 0 0 0;
  }
  .comboSectionElTitle {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .comboSectionElTitle {
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    margin: 0 0 20px 0;
  }
  .comboSectionEl:last-child {
    margin: 50px 0 0 0;
  }
}

.aboutImp {
  display: flex;
  margin: 102px 0;
  color: #fff;
}
.aboutImp a {
  color: inherit;
  text-decoration: none;
}
.aboutImp a:hover {
  color: inherit;
  text-decoration: none;
}
.aboutImpMedia {
  position: relative;
  margin: -42px 80px -42px 0;
  min-width: 47.9411764706%;
  width: 47.9411764706%;
  display: flex;
}
.aboutImpMedia img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.aboutImpContent {
  padding: 40px 0;
}
.aboutImpIcons {
  display: flex;
  gap: 15px;
  margin: 0 0 29px 0;
}
.aboutImpText {
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
}
.aboutImpText h3, .aboutImpText h2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
}
.aboutImpText p {
  margin: 16px 0;
}
.aboutImpLink {
  margin: 30px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  padding: 0 0 12px 0;
  display: inline-block;
  text-transform: uppercase;
  border-bottom: solid 4px #fff;
}
@media all and (max-width: 1360px) {
  .aboutImp {
    margin: 90px 0;
  }
  .aboutImpMedia {
    margin: -30px 40px -30px 0;
  }
  .aboutImpLink {
    margin: 24px 0 0 0;
  }
}
@media all and (max-width: 959px) {
  .aboutImp {
    margin: 80px -24px;
  }
  .aboutImpMedia {
    margin: -20px 0 -20px 0;
    min-width: 50%;
  }
  .aboutImpContent {
    padding: 36px 20px;
    width: 100%;
    text-align: center;
  }
  .aboutImpIcons {
    justify-content: center;
    margin: 0 0 20px 0;
  }
  .aboutImpText {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
  }
  .aboutImpText h2, .aboutImpText h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
  }
  .aboutImpText p {
    margin: 8px 0;
  }
  .aboutImpLink {
    margin: 24px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .aboutImp {
    margin: 0 -10px;
    display: block;
  }
  .aboutImpMedia {
    margin: 0;
    width: 100%;
    min-width: 100%;
    display: block;
  }
  .aboutImpMedia img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
  }
  .aboutImpContent {
    margin: 0;
    width: 100%;
    min-width: 100%;
    padding: 25px 10px;
  }
}

.services {
  display: block;
  position: relative;
}
@media all and (min-width: 960px) {
  .services_index .servicesList {
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: relative;
  }
  .services:not(.services_index):not(.servicesCatalog) .servicesList {
    display: flex;
    gap: 10px;
  }
  .services:not(.servicesCatalog) .servicesEl {
    padding: 30px;
    overflow: hidden;
    min-height: 272px;
  }
  .services:not(.servicesCatalog) .servicesElTitle {
    max-width: 50%;
  }
  .services:not(.servicesCatalog) .servicesElInfo {
    max-width: 50%;
  }
  .services:not(.servicesCatalog) .servicesElMedia {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
  }
  .services:not(.servicesCatalog) .servicesElMedia img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top right;
  }
  .services:not(.servicesCatalog) .servicesElContent {
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 48px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .services_index .servicesEl {
    display: flex;
    align-items: stretch;
  }
  .services_index .servicesEl:nth-child(1) {
    grid-area: 1/1/3/2;
  }
  .services_index .servicesEl:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .services_index .servicesEl:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .services_index .servicesEl:first-child {
    height: calc(100% - 62px);
  }
  .services_index .servicesEl_fh {
    height: 100% !important;
  }
  .services_index .servicesEl:first-child .servicesElMedia img {
    object-fit: cover;
  }
  .services_index .servicesEl:first-child .servicesElTitle {
    font-size: 28px;
  }
  .services:not(.services_index) .services:not(.servicesCatalog) .servicesEl {
    display: flex;
    width: 50%;
  }
}
@media all and (min-width: 960px) and (max-width: 1200px) {
  .services:not(.servicesCatalog) .servicesEl {
    min-height: 320px;
  }
  .services:not(.servicesCatalog) .servicesElTitle {
    font-size: 18px;
    max-width: 70%;
  }
  .services:not(.servicesCatalog) .servicesElInfo {
    max-width: 70%;
  }
}
@media all and (min-width: 1360px) {
  .services:not(.servicesCatalog) .servicesEl {
    min-height: 326px;
  }
  .services_index .servicesEl:first-child .servicesElTitle {
    font-size: 32px;
  }
}
.servicesAllLink {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  cursor: pointer;
  display: block;
}
.servicesEl {
  position: relative;
  background: #F6F6F8;
}
.servicesElTags {
  display: flex;
  gap: 8px;
  margin: 0 0 20px 0;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 3;
}
.servicesElTags span {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  padding: 8px 16px;
  display: block;
  position: relative;
}
.servicesElTags .servicesElTags_offline {
  padding-left: 34px;
  background: #ED727C;
  color: #fff;
}
.servicesElTags .servicesElTags_offline:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 8px;
  left: 16px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjc0NzMgNi44ODczMkwxMi41MjM3IDcuNjkyNjNMMTIuNjI5IDcuODAxODZMMTIuNzM3IDcuNjk1MzFMMTMuMTA1MyA3LjMzMTk2TDEzLjIxMDkgNy4yMjc4M0wxMy4xMDggNy4xMjEwN0w3LjEwODIzIDAuODk1OTA3TDcuMDAwMzEgMC43ODM5MzRMNi44OTIzMSAwLjg5NTgyM0M1LjQ2OTg1IDIuMzY5NDIgNC4wNDg2IDMuODQ0NjkgMi42Mjc1MSA1LjMxOThDMi4wNDkgNS45MjAyOSAxLjQ3MDUyIDYuNTIwNzYgMC44OTE5OTIgNy4xMjEwOEwwLjc4OTEwOSA3LjIyNzg0TDAuODk0NjYyIDcuMzMxOTZMMS4yNjMwMiA3LjY5NTMxTDEuMzcxMDYgNy44MDE4OUwxLjQ3NjM3IDcuNjkyNjFMMi4yNTI5OCA2Ljg4Njc0VjEzVjEzLjE1SDIuNDAyOThIMTEuNTk3M0gxMS43NDczVjEzVjYuODg3MzJaTTMuMDY3OTUgNi4wNDA2Nkw3LjAwMDIzIDEuOTYxMDFMMTAuOTMyMSA2LjA0MDE5VjEyLjMyNzNINS45NTg3OVY5LjQ3MTM2SDguMDQwOThWMTEuMzM3N1YxMS40ODc3SDguMTkwOThIOC43MDYxOEg4Ljg1NjE4VjExLjMzNzdWOC43OTg3OVY4LjY0ODc5SDguNzA2MThINS4yOTM1OUg1LjE0MzU5VjguNzk4NzlWMTIuMzI3M0gzLjA2Nzk1VjYuMDQwNjZaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjMiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: contain;
}
.servicesElTags .servicesElTags_online {
  padding-left: 34px;
  background: #8D7ECD;
  color: #fff;
}
.servicesElTags .servicesElTags_online:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 8px;
  left: 16px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjYzMjIgMy4xOTAzN0MxMS41Mjg3IDMuMDY0OTIgMTEuNDE5NCAyLjk0NDc1IDExLjMwNjYgMi44MjgwMUMxMC4yMTUxIDEuNzAyMTEgOC42ODg1MiAxIDYuOTk5OTcgMUM1LjMxMTQzIDEgMy43ODUwNCAxLjcwMjExIDIuNjkzNjIgMi44MjgyNUMyLjU4MDY4IDIuOTQ0NzUgMi40NzE0IDMuMDY1MTUgMi4zNjgwOCAzLjE5MDZDMS41MTM3MSA0LjIyNzI5IDEgNS41NTQ4MSAxIDYuOTk5OTdDMSA4LjQ0NTE0IDEuNTEzNzEgOS43NzI3NCAyLjM2Nzk5IDEwLjgwOTZDMi40NzE0MiAxMC45MzUxIDIuNTgwNyAxMS4wNTUzIDIuNjkzNTQgMTEuMTcyQzMuNzg1MDYgMTIuMjk3OSA1LjMxMTYzIDEzIDcuMDAwMTggMTNDOC42ODg3MiAxMyAxMC4yMTUxIDEyLjI5NzkgMTEuMzA2NSAxMS4xNzE4QzExLjQxOTUgMTEuMDU1MyAxMS41Mjg3IDEwLjkzNDkgMTEuNjMyMSAxMC44MDk0QzEyLjQ4NjQgOS43NzI3MSAxMy4wMDAxIDguNDQ1MTkgMTMuMDAwMSA3LjAwMDAzQzEzLjAwMDEgNS41NTQ4NiAxMi40ODY0IDQuMjI3MjcgMTEuNjMyMiAzLjE5MDM3Wk04LjczMzQ5IDEyLjIyNThDOS4yMjAzNyAxMS43NTg0IDkuNjM1OTEgMTEuMTAxNiA5Ljk0NDczIDEwLjMxMzVDMTAuMjk4NSAxMC40NzExIDEwLjYyNTUgMTAuNjU2MSAxMC45MTg2IDEwLjg2NDRDMTAuMzE0NCAxMS40NzcgOS41Njc5MyAxMS45NDgzIDguNzMzNDkgMTIuMjI1OFpNMy4wODE1MiAxMC44NjQ2QzMuMzc0NjEgMTAuNjU2MSAzLjcwMTQgMTAuNDcxMSA0LjA1NTM5IDEwLjMxMzZDNC4zNjQwOSAxMS4xMDE3IDQuNzc5NjMgMTEuNzU4NyA1LjI2NjYzIDEyLjIyNTlDNC40MzIxOSAxMS45NDgzIDMuNjg1NzMgMTEuNDc3IDMuMDgxNTIgMTAuODY0NlpNNS4yNjY2MyAxLjc3Mzk3QzQuNzc5NzUgMi4yNDEzNiA0LjM2NDIxIDIuODk4MTcgNC4wNTUzOSAzLjY4NjI5QzMuNzAxNjQgMy41Mjg2MiAzLjM3NDYzIDMuMzQzNjYgMy4wODE1MiAzLjEzNTNDMy42ODU3IDIuNTIyNzUgNC40MzIxOSAyLjA1MTQ2IDUuMjY2NjMgMS43NzM5N1pNMTAuOTE4NiAzLjEzNTE4QzEwLjYyNTUgMy4zNDM2NCAxMC4yOTg3IDMuNTI4NTkgOS45NDQ3MyAzLjY4NjE3QzkuNjM2MDMgMi44OTgwNSA5LjIyMDQ4IDIuMjQxMDMgOC43MzM0OSAxLjc3Mzg1QzkuNTY3OTMgMi4wNTE0NiAxMC4zMTQ0IDIuNTIyNzUgMTAuOTE4NiAzLjEzNTE4Wk02Ljc1MzQ1IDYuNzUzMTZIMy45NjIzNEMzLjk4MzY3IDUuODc2MyA0LjExODk3IDUuMDUyNCA0LjM0MTkgNC4zMjgzQzUuMDc0MjcgNC41OTIxNSA1Ljg5MDQ4IDQuNzUwNCA2Ljc1MzQ1IDQuNzc1OTZWNi43NTMxNlpNNi43NTM0NSA3LjI0NjIzVjkuMjIzNDJDNS44OTA0OCA5LjI0ODg4IDUuMDc0MjcgOS40MDcyMyA0LjM0MTkgOS42NzEwOEM0LjExOTEgOC45NDY5NiAzLjk4MzY4IDguMTIzMDggMy45NjIzNCA3LjI0NjIzSDYuNzUzNDVaTTcuMjQ2NTIgNy4yNDYyM0gxMC4wMzc2QzEwLjAxNjMgOC4xMjMwOCA5Ljg4MSA4Ljk0Njk5IDkuNjU4MDggOS42NzEwOEM4LjkyNTcgOS40MDcyMyA4LjEwOTQ5IDkuMjQ4OTkgNy4yNDY1MiA5LjIyMzQyVjcuMjQ2MjNaTTcuMjQ2NTIgNi43NTMxNlY0Ljc3NTg1QzguMTA5NDkgNC43NTAzOSA4LjkyNTcgNC41OTIwNCA5LjY1ODA4IDQuMzI4MTlDOS44ODA4NyA1LjA1MjMxIDEwLjAxNjMgNS44NzYxOCAxMC4wMzc2IDYuNzUzMDRMNy4yNDY1MiA2Ljc1MzE2Wk05LjQ5ODM2IDMuODY1MTRDOC44MTY3NyA0LjEwOTYxIDguMDU0MzcgNC4yNTc4OCA3LjI0NjY0IDQuMjgyOThMNy4yNDY1MiAxLjUxMjM5QzguMTc4NDIgMS42NDg1IDguOTkyOSAyLjU0Nzk0IDkuNDk4MzYgMy44NjUxMUw5LjQ5ODM2IDMuODY1MTRaTTYuNzUzNDUgNC4yODI4NkM1Ljk0NTYxIDQuMjU3NzUgNS4xODMwOSA0LjEwOTYgNC41MDE3MyAzLjg2NTAzQzUuMDA3MTkgMi41NDc4NSA1LjgyMTU1IDEuNjQ4NjIgNi43NTM0NSAxLjUxMjNWNC4yODI4NlpNNC41MDE2MSAxMC4xMzQyQzUuMTgzMiA5Ljg4OTY4IDUuOTQ1NjEgOS43NDE0MSA2Ljc1MzMzIDkuNzE2MzJMNi43NTM0NSAxMi40ODY5QzUuODIxNTUgMTIuMzUwOCA1LjAwNzA3IDExLjQ1MTQgNC41MDE2MSAxMC4xMzQyTDQuNTAxNjEgMTAuMTM0MlpNNy4yNDY1MiA5LjcxNjQzQzguMDU0MzcgOS43NDE1NCA4LjgxNjg4IDkuODg5NjkgOS40OTgyNCAxMC4xMzQzQzguOTkyOSAxMS40NTEzIDguMTc4NDIgMTIuMzUwOCA3LjI0NjUyIDEyLjQ4NjlWOS43MTY0M1pNMy44OTA2OCA0LjE0ODcxQzMuNjQxMjggNC45MjkyNiAzLjQ5MTc1IDUuODEzOCAzLjQ2OTM4IDYuNzUzMTZIMS40OTkxOEMxLjU1Mzc2IDUuNTIwMjYgMi4wMTUwNiA0LjM5MTI0IDIuNzUyNiAzLjQ5OEMzLjA5MzczIDMuNzQ2MzcgMy40NzU2OSAzLjk2NTM5IDMuODkwNjggNC4xNDg2MlY0LjE0ODcxWk0zLjQ2OTE4IDcuMjQ2MjNDMy40OTE2NSA4LjE4NTU4IDMuNjQxMjkgOS4wNzAxMyAzLjg5MDQ4IDkuODUwNjdDMy40NzU2MSAxMC4wMzM5IDMuMDkzNTUgMTAuMjUyOSAyLjc1MjM5IDEwLjUwMTNDMi4wMTUwOSA5LjYwODE0IDEuNTUzNzggOC40NzkxMyAxLjQ5OTIxIDcuMjQ2MTRMMy40NjkxOCA3LjI0NjIzWk0xMC4xMDkyIDkuODUwNjdDMTAuMzU4NiA5LjA3MDEzIDEwLjUwODIgOC4xODU1OCAxMC41MzA1IDcuMjQ2MjNIMTIuNTAwNUMxMi40NDU5IDguNDc5MTMgMTEuOTg0NiA5LjYwODE0IDExLjI0NzEgMTAuNTAxNEMxMC45MDYyIDEwLjI1MyAxMC41MjQyIDEwLjAzNCAxMC4xMDkyIDkuODUwNzZWOS44NTA2N1pNMTAuNTMwNyA2Ljc1MzE2QzEwLjUwODMgNS44MTM4IDEwLjM1ODYgNC45MjkyNiAxMC4xMDk0IDQuMTQ4NzFDMTAuNTI0MyAzLjk2NTQ3IDEwLjkwNjQgMy43NDY0NiAxMS4yNDc1IDMuNDk4MDlDMTEuOTg0OCA0LjM5MTI0IDEyLjQ0NjEgNS41MjAyNSAxMi41MDA3IDYuNzUzMjRMMTAuNTMwNyA2Ljc1MzE2WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC4yNSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.servicesElTags .servicesElTags_pro {
  text-transform: uppercase;
  background: #000;
  color: #fff;
}
.servicesElTags .servicesElTags_new {
  background: #4FAC75;
  color: #fff;
}
.servicesElCategory {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #888888;
  text-decoration: none;
}
.servicesElTitle {
  display: block;
  font-weight: 400;
  font-size: 22px;
  line-height: 150%;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
}
.servicesElTitle:hover {
  text-decoration: none;
  color: #000;
}
.servicesElInfo {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.servicesElInfo li {
  display: block;
  padding: 0 0 0 20px;
  position: relative;
}
.servicesElInfo li:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  background: #000;
}
.servicesElBottom {
  display: flex;
  justify-content: space-between;
}
.servicesElBottomInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.servicesElPrice {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  color: #000000;
}
.servicesElTime {
  font-weight: 500;
  font-size: 22px;
  position: relative;
  display: block;
  padding: 0 0 0 24px;
  line-height: 100%;
}
.servicesElTime:before {
  position: absolute;
  width: 22px;
  height: 22px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzkwNzUgNC42MTA4N0M5LjMyNzg5IDQuNjEwODcgOC45NTc1MiA0Ljk4MTIzIDguOTU3NTIgNS40NDQxVjEwLjc5MDdDOC45NTc1MiAxMS4wOTE2IDkuMTE5NjIgMTEuMzkyNCA5LjM5NzMyIDExLjUzMTRMMTIuMTc0NyAxMi45ODk2QzEyLjI5MDUgMTMuMDU5IDEyLjQyOTMgMTMuMDgyMSAxMi41NjgyIDEzLjA4MjFDMTIuODY5MSAxMy4wODIxIDEzLjE0NjggMTIuOTIgMTMuMzA4OSAxMi42NDIzQzEzLjUxNzIgMTIuMjI1OCAxMy4zNzgzIDExLjczOTcgMTIuOTYxOCAxMS41MDgyTDEwLjYyNDIgMTAuMjgxNUwxMC42MjQgNS40NDQwN0MxMC42MjQgNC45ODEyMSAxMC4yMzA1IDQuNjEwODQgOS43OTA3NiA0LjYxMDg0TDkuNzkwNzUgNC42MTA4N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMS43MzM1IDkuNjU2MzJDMjEuNDA5NSA5LjMzMjI5IDIwLjg3NzIgOS4zMzIyOSAyMC41NTMyIDkuNjU2MzJMMTkuNTU3OCAxMC42NzQ4QzE5LjQ4ODQgNS4zMjgxOCAxNS4xMzcxIDEgOS43OTA0OCAxQzQuMzk3NjIgMSAwIDUuMzk3NjIgMCAxMC43OTA1QzAgMTYuMTgzNCA0LjM5NzYyIDIwLjU4MSA5Ljc5MDQ4IDIwLjU4MUMxMC4yNTMzIDIwLjU4MSAxMC42MjM3IDIwLjIxMDYgMTAuNjIzNyAxOS43NDc3QzEwLjYyMzcgMTkuMjg0OSAxMC4yNTM0IDE4LjkxNDUgOS43OTA0OCAxOC45MTQ1QzUuMzIzNDMgMTguOTE0NSAxLjY4OTYxIDE1LjI4MDYgMS42ODk2MSAxMC44MTM2QzEuNjg5NjEgNi4zNDY2NiA1LjMyMzUxIDIuNzEyNzYgOS43OTA0OCAyLjcxMjc2QzE0LjIxMTIgMi43MTI3NiAxNy44MjE5IDYuMjc3MDYgMTcuODkxNCAxMC42NzQ4TDE2Ljg5NjIgOS42Nzk1OUMxNi41NzIyIDkuMzU1NTYgMTYuMDM5OSA5LjM1NTU2IDE1LjcxNTggOS42Nzk1OUMxNS4zOTE4IDEwLjAwMzYgMTUuMzkxOCAxMC41MzU5IDE1LjcxNTggMTAuODZMMTguMTQ2MSAxMy4yOTAzQzE4LjMwODIgMTMuNDUyNCAxOC41MTY1IDEzLjU0NDkgMTguNzQ3OSAxMy41NDQ5QzE4Ljk3OTQgMTMuNTQ0OSAxOS4xNjQ0IDEzLjQ1MjQgMTkuMzQ5NiAxMy4yOTAzTDIxLjc3OTkgMTAuODZDMjIuMDgwNyAxMC41MTI4IDIyLjA4MDcgOS45ODA0IDIxLjczMzYgOS42NTYzNkwyMS43MzM1IDkuNjU2MzJaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTIuNDA2MiAxOC40MDUzQzExLjk0MzMgMTguNTY3NCAxMS42ODg3IDE5LjA3NjQgMTEuODUwNiAxOS41Mzk0QzEyLjAxMjcgMjAuMDAyMyAxMi41MjE4IDIwLjI1NjkgMTIuOTg0OCAyMC4wOTVDMTMuNDQ3NyAxOS45MzI5IDEzLjcwMjMgMTkuNDIzOCAxMy41NDAzIDE4Ljk2MDhDMTMuMzc4MiAxOC40NzQ4IDEyLjg2OSAxOC4yNDMzIDEyLjQwNjIgMTguNDA1M1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNC44MzY0IDE3LjAzOThDMTQuNDQzIDE3LjM2MzggMTQuMzk2NiAxNy45MTkzIDE0LjY5NzYgMTguMzEyOEMxNS4wMjE2IDE4LjcwNjMgMTUuNTc3MSAxOC43NTI2IDE1Ljk3MDYgMTguNDUxN0MxNi4zNjQgMTguMTI3NiAxNi40MTA0IDE3LjU3MjEgMTYuMTA5NCAxNy4xNzg2QzE1LjgwODUgMTYuNzg1MiAxNS4yMjk5IDE2LjczOSAxNC44MzY0IDE3LjAzOThaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTcuOTE0NiAxNC42MzI3QzE3LjQ5OCAxNC4zNzgxIDE2Ljk0MjUgMTQuNTE2OSAxNi42ODc5IDE0LjkzMzZDMTYuNDMzMiAxNS4zNTAxIDE2LjU3MjEgMTUuOTA1NyAxNi45ODg4IDE2LjE2MDNDMTcuNDA1MyAxNi40MTQ5IDE3Ljk2MDkgMTYuMjc2MSAxOC4yMTU1IDE1Ljg1OTRDMTguNDY5OSAxNS40NDI3IDE4LjMzMTEgMTQuODg3MyAxNy45MTQ2IDE0LjYzMjdaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
}
.servicesElTime span {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
}
.servicesElLink {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 0 32px 0 0;
}
.servicesElLink:after {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.servicesCatalog {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media all and (max-width: 959px) {
  .servicesCatalog {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
}
@media all and (max-width: 767px) {
  .servicesCatalog {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }
}
.servicesCatalog .servicesEl {
  display: flex;
  flex-direction: column;
  border: 1px solid #EFEFEF;
  background: #fff;
  padding: 20px;
}
.servicesCatalog .servicesElMedia {
  height: 245px;
  display: flex;
  position: relative;
}
.servicesCatalog .servicesElMedia img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.servicesCatalog .servicesElTags {
  display: flex;
  flex-direction: column;
  position: absolute;
  margin: 0;
  top: 20px;
  left: 20px;
  align-items: start;
  gap: 4px;
  justify-content: start;
}
.servicesCatalog .servicesElTags span {
  width: auto;
  white-space: nowrap;
  display: inline-block;
}
.servicesCatalog .servicesElContent {
  padding: 20px 0 0 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.servicesCatalog .servicesElCategory {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #888;
}
.servicesCatalog .servicesElTitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  height: 90px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.servicesCatalog .servicesElPay {
  color: #888;
  font-size: 12px;
  line-height: 100%;
  margin: 4px 0 0 0;
}
.servicesCatalog .servicesElDate {
  margin: 12px 0 0 0;
  color: #888;
  font-size: 14px;
  line-height: 100%;
}
.servicesCatalog .servicesElInfo {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #353535;
  gap: 8px;
  margin: 10px 0 0 0;
}
.servicesCatalog .servicesElInfo li:before {
  top: 6px;
}
.servicesCatalog .servicesElBottom {
  margin: 56px 0 0 0;
  align-items: center;
}
.servicesCatalog .servicesElBottomInfo {
  display: block;
  text-align: right;
}
.servicesCatalog .servicesElPrice {
  color: #000;
  text-align: right;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
}
.servicesCatalog .servicesElDetails {
  margin: 40px 0 44px 0;
  padding: 0;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  overflow: auto;
  display: none;
}
.servicesCatalog .servicesElDetails li {
  display: block;
  margin: 0;
  padding: 0 0 0 18px;
  position: relative;
}
.servicesCatalog .servicesElDetails li:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #000;
}
.servicesCatalog .servicesElLink {
  position: absolute;
  bottom: 20px;
  font-size: 14px;
  line-height: 100%;
  left: 20px;
  right: 20px;
  display: none;
  min-width: 0;
}
.servicesCatalog .servicesElLink:after {
  display: none;
}
@media all and (min-width: 960px) {
  .servicesCatalog .servicesEl:hover .servicesElMedia {
    display: none;
  }
  .servicesCatalog .servicesEl:hover .servicesElTags {
    display: none;
  }
  .servicesCatalog .servicesEl:hover .servicesElBottom {
    display: none;
  }
  .servicesCatalog .servicesEl:hover .servicesElContent {
    padding: 0;
  }
  .servicesCatalog .servicesEl:hover .servicesElDetails {
    display: flex;
    height: 275px;
  }
  .servicesCatalog .servicesEl:hover .servicesElLink {
    display: flex;
  }
}
@media all and (max-width: 1300px) and (min-width: 960px) {
  .servicesCatalog .servicesEl:hover .servicesElDetails {
    display: flex;
    height: 225px;
  }
}
@media all and (max-width: 1300px) {
  .servicesCatalog .servicesEl {
    padding: 15px;
  }
  .servicesCatalog .servicesElMedia {
    height: 205px;
  }
  .servicesCatalog .servicesElCategory {
    font-size: 12px;
  }
  .servicesCatalog .servicesElDate {
    font-size: 12px;
  }
  .servicesCatalog .servicesElLink {
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .servicesCatalog .servicesElContent {
    padding-top: 10px;
  }
  .servicesCatalog .servicesElTags {
    top: 15px;
    left: 15px;
  }
  .servicesCatalog .servicesElTitle {
    font-size: 18px;
    height: 81px;
  }
  .servicesCatalog .servicesElDetails {
    margin-top: 24px;
    font-size: 14px;
  }
  .servicesCatalog .servicesElTime {
    font-size: 20px;
  }
  .servicesCatalog .servicesElTime:before {
    width: 20px;
    height: 20px;
  }
  .servicesCatalog .servicesElPrice {
    font-size: 20px;
  }
}
@media all and (max-width: 959px) {
  .servicesCatalog .servicesEl {
    padding: 15px;
  }
  .servicesCatalog .servicesElMedia {
    margin: -15px -15px 0 -15px;
    height: 195px;
  }
  .servicesCatalog .servicesElDetails {
    display: none;
  }
  .servicesCatalog .servicesElLink {
    position: static;
    width: 100%;
    margin: 19px 0 0 0;
    height: 40px;
    color: #000000;
    border: 1px solid #888888;
    background: #fff;
    font-size: 12px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .servicesCatalog .servicesElTags {
    top: 0;
    left: 0;
  }
  .servicesCatalog .servicesElTags span {
    font-size: 10px;
    line-height: 10px;
    padding: 5px 10px;
  }
  .servicesCatalog .servicesElTags .servicesElTags_offline {
    padding-left: 24px;
  }
  .servicesCatalog .servicesElTags .servicesElTags_offline:before {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 10px;
  }
  .servicesCatalog .servicesElTags .servicesElTags_online {
    padding-left: 24px;
  }
  .servicesCatalog .servicesElTags .servicesElTags_online:before {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 10px;
  }
  .servicesCatalog .servicesElTitle {
    font-size: 14px;
    margin: 10px 0 0 0;
    height: 45px;
  }
  .servicesCatalog .servicesElDate {
    margin: 10px 0 0 0;
  }
  .servicesCatalog .servicesElBottom {
    margin: 20px 0 0 0;
    display: block;
  }
  .servicesCatalog .servicesElBottomInfo {
    text-align: left;
    margin: 20px 0 0 0;
  }
  .servicesCatalog .servicesElPrice {
    text-align: left;
    font-size: 20px;
  }
  .servicesCatalog .servicesElPay {
    font-size: 12px;
  }
  .servicesCatalog .servicesElTime {
    font-size: 18px;
  }
  .servicesCatalog .servicesElTime:before {
    width: 18px;
    height: 18px;
  }
}
@media all and (max-width: 767px) {
  .servicesCatalog .servicesEl {
    padding: 10px;
  }
  .servicesCatalog .servicesElMedia {
    margin: -10px -10px 0 -10px;
    height: 150px;
  }
  .servicesCatalog .servicesElLink {
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .servicesCatalog .servicesElCategory {
    font-size: 10px;
  }
  .servicesCatalog .servicesElTitle {
    font-size: 12px;
    margin: 8px 0 0 0;
    height: 54px;
  }
  .servicesCatalog .servicesElDate {
    font-size: 10px;
    margin: 8px 0 0 0;
  }
  .servicesCatalog .servicesElBottom {
    margin: 15px 0 0 0;
  }
  .servicesCatalog .servicesElBottomInfo {
    margin: 15px 0 0 0;
  }
  .servicesCatalog .servicesElPrice {
    font-size: 18px;
  }
  .servicesCatalog .servicesElPay {
    font-size: 10px;
  }
  .servicesCatalog .servicesElTime {
    font-size: 16px;
    padding-left: 20px;
  }
  .servicesCatalog .servicesElTime:before {
    width: 16px;
    height: 16px;
  }
  .servicesCatalog .servicesElTime span {
    font-size: 10px;
  }
}
@media all and (max-width: 959px) {
  .servicesList {
    display: flex;
    gap: 20px;
    margin: 0 -24px;
    padding: 0 24px 10px 24px;
    overflow: auto;
    scroll-snap-type: both proximity;
  }
  .services:not(.servicesCatalog) .servicesEl {
    scroll-snap-align: center;
    padding: 20px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    width: 300px;
    border: 1px solid #EFEFEF;
    background: #fff;
  }
  .services:not(.servicesCatalog) .servicesElImg {
    height: 220px;
    display: flex;
    position: relative;
  }
  .services:not(.servicesCatalog) .servicesElImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .services:not(.servicesCatalog) .servicesElTags {
    top: 20px;
    left: 20px;
    gap: 4px;
    display: flex;
    flex-direction: column;
    position: absolute;
    margin: 0;
  }
  .services:not(.servicesCatalog) .servicesElContent {
    padding: 10px 0 0 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .services:not(.servicesCatalog) .servicesElCategory {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
  }
  .services:not(.servicesCatalog) .servicesElTitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
  }
  .services:not(.servicesCatalog) .servicesElInfo {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #353535;
    gap: 8px;
    margin: 10px 0 0 0;
  }
  .services:not(.servicesCatalog) .servicesElInfo li:before {
    top: 6px;
  }
  .services:not(.servicesCatalog) .servicesElBottom {
    margin: 25px 0 0 0;
    display: block;
  }
  .services:not(.servicesCatalog) .servicesElPrice {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
  }
  .services:not(.servicesCatalog) .servicesElTime {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    padding: 0 0 0 24px;
  }
  .services:not(.servicesCatalog) .servicesElTime:before {
    width: 20px;
    height: 20px;
  }
  .services:not(.servicesCatalog) .servicesElTime span {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
  }
  .services:not(.servicesCatalog) .servicesElLink {
    margin: 20px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0 24px 0 0;
  }
  .services:not(.servicesCatalog) .servicesElLink:after {
    width: 20px;
    height: 20px;
  }
  .servicesAllLink {
    display: none;
  }
}
.servicesAllMob {
  display: inline-block;
  position: static;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  background: none;
  color: #000;
  padding: 0 0 6px 0;
  border-bottom: solid 2px #000;
  white-space: nowrap;
  text-decoration: none;
}
.servicesAllMobWrap {
  display: none;
}
@media all and (max-width: 959px) {
  .servicesAllMobWrap {
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .servicesList {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 359px) {
  .services:not(.servicesCatalog) .servicesEl {
    min-width: 280px;
    width: 280px;
  }
}

.news {
  display: block;
}
@media all and (min-width: 960px) {
  .newsList {
    display: grid;
    grid-template-columns: 66% 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .newsEl:nth-child(1) {
    grid-area: 1/1/3/2;
  }
  .newsEl:nth-child(2) {
    grid-area: 1/2/2/3;
    background: radial-gradient(154.77% 830.27% at 80.45% 39.47%, #FFF8F2 0%, #E9E9E9 100%);
  }
  .newsEl:nth-child(3) {
    grid-area: 2/2/3/3;
    background: radial-gradient(154.77% 830.27% at 80.45% 39.47%, #FFFEFA 0%, #E7E7E7 100%);
  }
  .newsEl:first-child .newsElText {
    display: block;
    margin-right: 300px;
  }
}
@media all and (min-width: 960px) and (max-width: 1100px) {
  .newsEl:first-child .newsElText {
    margin-right: 200px;
  }
}
@media all and (min-width: 960px) {
  .newsEl:first-child .newsElImg {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 55%;
  }
  .newsEl:first-child .newsElImg img {
    width: 100%;
    height: auto;
  }
}
@media all and (min-width: 960px) {
  .newsElText {
    display: none;
  }
}
@media all and (min-width: 960px) {
  .newsElImg {
    display: none;
    border: none !important;
  }
}
.newsEl {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 30px 30px 60px 30px;
  min-height: 195px;
  background: radial-gradient(71.44% 361.69% at 74% 44.25%, #FFA9A9 0%, #E9E9E9 0.01%, #FBFAF7 100%);
}
.newsElDate {
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.newsElTitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin: 16px 0 0 0;
}
.newsElText {
  margin: 16px 0 0 0;
}
.newsElImg {
  border-bottom: 4px solid #000000;
}
.newsElImg img {
  width: 100%;
  height: auto;
  display: block;
}
.newsElLink {
  margin: 16px 0 0 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.newsElLink:after {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0 0 0 8px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
@media all and (max-width: 959px) {
  .newsList {
    display: flex;
    gap: 20px;
    margin: 0 -24px;
    padding: 0 24px 10px 24px;
    overflow: auto;
    scroll-snap-type: both proximity;
  }
  .newsEl {
    padding: 0;
    min-width: 300px;
    width: 300px;
    scroll-snap-align: center;
  }
  .newsElImg {
    height: 200px;
    display: flex;
    position: relative;
  }
  .newsElImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .newsElLink {
    left: 24px;
    bottom: 24px;
  }
  .newsElContent {
    padding: 24px 24px 60px 24px;
  }
  .newsElText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 17;
    line-clamp: 17;
    -webkit-box-orient: vertical;
  }
  .newsElImg + .newsElContent .newsElText {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .newsElDate {
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 4px 0;
  }
  .newsElTitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    margin: 0;
  }
  .newsElText {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
  }
}
@media all and (max-width: 767px) {
  .newsList {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .newsElContent {
    padding: 20px 20px 60px 20px;
  }
  .newsElLink {
    bottom: 20px;
    left: 20px;
  }
}
@media all and (max-width: 359px) {
  .newsEl {
    padding: 0;
    min-width: 280px;
    width: 280px;
  }
}

.mediaLinks {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
}
.mediaLinksEl {
  height: 50%;
  padding: 21px 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #000;
  justify-content: center;
}
@media all and (max-width: 1360px) {
  .mediaLinksEl {
    padding: 21px 30px;
  }
}
.mediaLinksElTitle {
  position: relative;
  z-index: 3;
  font-weight: 300;
  font-size: 28px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
}
.mediaLinksElGo {
  position: relative;
  z-index: 3;
  font-weight: 400;
  font-size: 14px;
  display: inline-flex;
  width: fit-content;
  line-height: 100%;
  text-transform: uppercase;
  color: #000000;
  margin: 50px 0 0 0;
  padding: 0 0 12px 0;
  border-bottom: solid 4px #000;
}
.mediaLinksElImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.mediaLinksElImg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top right;
}
@media all and (max-width: 959px) {
  .mediaLinks {
    align-items: stretch;
    flex-direction: row;
    margin: 0 -24px;
    padding: 0 24px 10px 24px;
    overflow: auto;
    height: auto;
    scroll-snap-type: both proximity;
  }
  .mediaLinksEl {
    scroll-snap-align: center;
    width: 500px;
    min-width: 500px;
    padding: 51px 30px;
  }
  .mediaLinksElTitle {
    font-weight: 300;
    font-size: 28px;
    line-height: 100%;
  }
  .mediaLinksElLink {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }
}
@media all and (max-width: 767px) {
  .mediaLinks {
    margin: 0 -10px;
    padding: 0 10px 10px 10px;
  }
  .mediaLinksEl {
    width: 320px;
    min-width: 320px;
    height: auto;
    padding: 64px 25px;
  }
  .mediaLinksElTitle {
    font-weight: 300;
    font-size: 22px;
    line-height: 100%;
  }
  .mediaLinksElLink {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }
}
@media all and (max-width: 359px) {
  .mediaLinksEl {
    width: 280px;
    min-width: 280px;
  }
}

.breadCrumbs {
  margin: 20px auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}
@media all and (min-width: 768px) {
  .catalogPage .breadCrumbs {
    padding-right: 280px;
  }
}
.breadCrumbsList {
  margin: 0 -5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadCrumbsHome {
  width: 24px;
  height: 42px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4zNzE2OSAwLjg3MDU0OEM2Ljc1NDEzIDAuNjE1MTMxIDcuMjUyNzUgMC42MTUxMzEgNy42MzUxOSAwLjg3MDU0OEwxMi41MzUyIDQuMTQzMDVDMTIuODUxMiA0LjM1NDA5IDEzLjA0MDkgNC43MDg5OSAxMy4wNDA5IDUuMDg4OThWMTIuMTc0N0MxMy4wNDA5IDEyLjgwMjkgMTIuNTMxNyAxMy4zMTIyIDExLjkwMzQgMTMuMzEyMkgxMC42OTAxQzEwLjA2MTkgMTMuMzEyMiA5LjU1MjYxIDEyLjgwMyA5LjU1MjYxIDEyLjE3NDdWNy40NTQ3M0M5LjU1MjYxIDcuMzA5NzUgOS40MzUwOCA3LjE5MjIzIDkuMjkwMTEgNy4xOTIyM0g0LjcxNjc4QzQuNTcxOCA3LjE5MjIzIDQuNDU0MjggNy4zMDk3NSA0LjQ1NDI4IDcuNDU0NzNWMTIuMTc0N0M0LjQ1NDI4IDEyLjgwMyAzLjk0NSAxMy4zMTIyIDMuMzE2NzggMTMuMzEyMkgyLjEwMzQ0QzEuNDc1MjIgMTMuMzEyMiAwLjk2NTk0MiAxMi44MDMgMC45NjU5NDIgMTIuMTc0N1Y1LjA4ODk5QzAuOTY1OTQyIDQuNzA4OTkgMS4xNTU2OSA0LjM1NDA5IDEuNDcxNjkgNC4xNDMwNUw2LjM3MTY5IDAuODcwNTQ4Wk03LjE0OTIzIDEuNTk4MTlDNy4wNjA5NyAxLjUzOTI1IDYuOTQ1OTEgMS41MzkyNSA2Ljg1NzY1IDEuNTk4MTlMMS45NTc2NSA0Ljg3MDY5QzEuODg0NzMgNC45MTkzOSAxLjg0MDk0IDUuMDAxMjkgMS44NDA5NCA1LjA4ODk5VjEyLjE3NDdDMS44NDA5NCAxMi4zMTk3IDEuOTU4NDcgMTIuNDM3MiAyLjEwMzQ0IDEyLjQzNzJIMy4zMTY3OEMzLjQ2MTc1IDEyLjQzNzIgMy41NzkyOCAxMi4zMTk3IDMuNTc5MjggMTIuMTc0N1Y3LjQ1NDczQzMuNTc5MjggNi44MjY1IDQuMDg4NTUgNi4zMTcyMyA0LjcxNjc4IDYuMzE3MjNIOS4yOTAxMUM5LjkxODMzIDYuMzE3MjMgMTAuNDI3NiA2LjgyNjUgMTAuNDI3NiA3LjQ1NDczVjEyLjE3NDdDMTAuNDI3NiAxMi4zMTk3IDEwLjU0NTEgMTIuNDM3MiAxMC42OTAxIDEyLjQzNzJIMTEuOTAzNEMxMi4wNDg0IDEyLjQzNzIgMTIuMTY1OSAxMi4zMTk3IDEyLjE2NTkgMTIuMTc0N1Y1LjA4ODk4QzEyLjE2NTkgNS4wMDEyOSAxMi4xMjIyIDQuOTE5MzkgMTIuMDQ5MiA0Ljg3MDY5TDcuMTQ5MjMgMS41OTgxOVoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==) center no-repeat;
  background-size: 14px 14px;
}
.breadCrumbs span {
  padding: 12px 5px;
}
.breadCrumbs a {
  color: #000000;
  padding: 12px 5px;
  text-decoration: none;
}
.breadCrumbs a:hover {
  text-decoration: underline;
  color: #000;
}
@media all and (max-width: 767px) {
  .breadCrumbs {
    font-size: 12px;
    line-height: 12px;
  }
  .breadCrumbsList {
    margin: 0 -2px;
  }
  .breadCrumbsHome {
    width: 20px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi4zNzE2OSAwLjg3MDU0OEM2Ljc1NDEzIDAuNjE1MTMxIDcuMjUyNzUgMC42MTUxMzEgNy42MzUxOSAwLjg3MDU0OEwxMi41MzUyIDQuMTQzMDVDMTIuODUxMiA0LjM1NDA5IDEzLjA0MDkgNC43MDg5OSAxMy4wNDA5IDUuMDg4OThWMTIuMTc0N0MxMy4wNDA5IDEyLjgwMjkgMTIuNTMxNyAxMy4zMTIyIDExLjkwMzQgMTMuMzEyMkgxMC42OTAxQzEwLjA2MTkgMTMuMzEyMiA5LjU1MjYxIDEyLjgwMyA5LjU1MjYxIDEyLjE3NDdWNy40NTQ3M0M5LjU1MjYxIDcuMzA5NzUgOS40MzUwOCA3LjE5MjIzIDkuMjkwMTEgNy4xOTIyM0g0LjcxNjc4QzQuNTcxOCA3LjE5MjIzIDQuNDU0MjggNy4zMDk3NSA0LjQ1NDI4IDcuNDU0NzNWMTIuMTc0N0M0LjQ1NDI4IDEyLjgwMyAzLjk0NSAxMy4zMTIyIDMuMzE2NzggMTMuMzEyMkgyLjEwMzQ0QzEuNDc1MjIgMTMuMzEyMiAwLjk2NTk0MiAxMi44MDMgMC45NjU5NDIgMTIuMTc0N1Y1LjA4ODk5QzAuOTY1OTQyIDQuNzA4OTkgMS4xNTU2OSA0LjM1NDA5IDEuNDcxNjkgNC4xNDMwNUw2LjM3MTY5IDAuODcwNTQ4Wk03LjE0OTIzIDEuNTk4MTlDNy4wNjA5NyAxLjUzOTI1IDYuOTQ1OTEgMS41MzkyNSA2Ljg1NzY1IDEuNTk4MTlMMS45NTc2NSA0Ljg3MDY5QzEuODg0NzMgNC45MTkzOSAxLjg0MDk0IDUuMDAxMjkgMS44NDA5NCA1LjA4ODk5VjEyLjE3NDdDMS44NDA5NCAxMi4zMTk3IDEuOTU4NDcgMTIuNDM3MiAyLjEwMzQ0IDEyLjQzNzJIMy4zMTY3OEMzLjQ2MTc1IDEyLjQzNzIgMy41NzkyOCAxMi4zMTk3IDMuNTc5MjggMTIuMTc0N1Y3LjQ1NDczQzMuNTc5MjggNi44MjY1IDQuMDg4NTUgNi4zMTcyMyA0LjcxNjc4IDYuMzE3MjNIOS4yOTAxMUM5LjkxODMzIDYuMzE3MjMgMTAuNDI3NiA2LjgyNjUgMTAuNDI3NiA3LjQ1NDczVjEyLjE3NDdDMTAuNDI3NiAxMi4zMTk3IDEwLjU0NTEgMTIuNDM3MiAxMC42OTAxIDEyLjQzNzJIMTEuOTAzNEMxMi4wNDg0IDEyLjQzNzIgMTIuMTY1OSAxMi4zMTk3IDEyLjE2NTkgMTIuMTc0N1Y1LjA4ODk4QzEyLjE2NTkgNS4wMDEyOSAxMi4xMjIyIDQuOTE5MzkgMTIuMDQ5MiA0Ljg3MDY5TDcuMTQ5MjMgMS41OTgxOVoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==) center no-repeat;
    background-size: 12px 12px;
  }
  .breadCrumbs span {
    padding: 4px 2px;
  }
  .breadCrumbs a {
    padding: 4px 2px;
  }
}

.filter {
  border: 1px solid #888888;
}
.filterClose {
  display: none;
}
@media all and (min-width: 959px) {
  .filter {
    position: relative;
    z-index: 22;
  }
}
.filterHeader {
  display: none;
}
.filterCity {
  color: #000;
  font-size: 14px;
  line-height: 16px;
  background: white;
  border: solid 1px #000;
  border-width: 0 0 1px 0;
  display: block;
  width: 100%;
  text-align: left;
  padding: 0 30px 10px 0;
  position: relative;
  cursor: pointer;
}
.filterCity:after {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center center no-repeat;
  background-size: 16px 16px;
  transform: rotate(-90deg);
  border: none;
  display: block;
  cursor: pointer;
  content: "";
}
.filterSubmit {
  display: none;
  flex-wrap: nowrap;
}
.filterSubmitCounter {
  height: 20px;
}
.filterSubmitCounter.loading {
  width: 20px;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  margin: 0 3px;
}
.filterSubmitCounter.loading:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.filterBox:not(:first-child) {
  border-top: 1px solid #888888;
}
.filterBoxTitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  padding: 32px;
  display: block;
}
.filterBoxContent {
  padding: 0 32px 32px 32px;
}
@media all and (max-width: 1300px) {
  .filterBoxTitle {
    padding: 20px;
  }
  .filterBoxContent {
    padding: 0 20px 20px 20px;
  }
}
.filterCh {
  position: relative;
  overflow: hidden;
}
.filterCh:not(:first-child) {
  margin-top: 20px;
}
.filterCh.hiddenCh {
  display: none;
}
.filterCh input {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  opacity: 0;
  z-index: 1;
}
.filterCh label {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  padding: 0 0 0 26px;
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.filterCh label:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #000;
}
.filterCh input:checked + label:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 3px;
  left: 3px;
  background: #000;
}
.filterCh input:disabled + label {
  opacity: 0.5;
  cursor: default;
}
.filterChList:not(.active) .filterCh:nth-child(n+5) {
  display: none;
}
.filterChList {
  display: block;
}
.filterChListMore {
  background: none;
  margin: 24px 0 0 0;
  display: inline-block;
  padding: 0 0 8px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  cursor: pointer;
  border: 1px solid #888888;
  border-width: 0 0 1px 0;
}
.filterChListMore:hover {
  border-color: #000;
}
.filterChListMore span:last-child {
  display: none;
}
.filterChList.active + .filterChListMore span:first-child {
  display: none;
}
.filterChList.active + .filterChListMore span:last-child {
  display: block;
}
.filterContent {
  position: relative;
}
.filterClear {
  display: block;
  width: 100%;
}
.filterCounter {
  width: 172px;
  height: 120px;
  margin: -53px 0 0 0;
  top: 0;
  padding: 16px;
  z-index: 40;
  background: #FFFFFF;
  border: 1px solid #888888;
  position: absolute;
  left: calc(100% + 11px);
  display: none;
}
.filterCounter:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 11px 7px 0;
  border-color: transparent #000000 transparent transparent;
  content: "";
  position: absolute;
  left: -11px;
  top: 50%;
  margin: -5.5px 0 0 0;
}
.filterCounterTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  align-items: center;
  color: #000000;
  display: block;
}
.filterCounterNumber {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000000;
  height: 22px;
  overflow: hidden;
  display: block;
  text-align: center;
  margin: 8px auto;
}
.filterCounterNumber.loading {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
}
.filterCounterNumber.loading:after {
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  margin: 0px;
  border-radius: 50%;
  border: 2px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.filterCounterSubmit {
  padding: 8px;
  width: 100%;
  min-width: 100%;
  height: 36px;
}
@media all and (max-width: 959px) {
  .filter {
    position: fixed;
    top: 0;
    left: -100%;
    left: -400px;
    width: 384px;
    bottom: 0;
    z-index: 100;
    background: #fff;
    border: none;
    display: flex;
    flex-direction: column;
  }
  .filterOverlay {
    position: fixed;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    bottom: 0;
    z-index: 90;
    display: none;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in;
  }
  .filter.active {
    left: 0;
  }
  .filter.active ~ .filterOverlay {
    display: block;
    opacity: 1;
  }
  .filterClose {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 20;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center center no-repeat;
    background-size: 24px 24px;
    transform: rotate(180deg);
    border: none;
    display: block;
    cursor: pointer;
  }
  .filterContent {
    overflow: auto;
    flex-grow: 1;
  }
  .filterBox:last-child {
    border-bottom: 1px solid #888888;
  }
  .filterBoxTitle {
    padding: 20px 40px 20px 20px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
  }
  .filterBoxTitle:after {
    position: absolute;
    top: 20px;
    right: 20px;
    content: "";
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
  }
  .filterBox_active .filterBoxTitle:after {
    transform: rotate(90deg);
  }
  .filterBoxContent {
    padding: 0 20px 20px 20px;
    display: none;
  }
  .filterBox_active .filterBoxContent {
    display: block;
  }
  .filterHeader {
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
    display: block;
    padding: 64px 20px 40px 20px;
  }
  .filterBottom {
    padding: 20px 20px 20px 20px;
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .filterCounter {
    display: none !important;
  }
  .filterClear {
    margin: 0 0 0 0;
    background: none;
    border: none;
    font-weight: 500;
    font-size: 12px;
    min-width: 0;
    line-height: 100%;
    color: #000000;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
  }
  .filterClear span {
    display: none;
  }
  .filterSubmit {
    display: block;
    min-width: 0;
    width: auto;
    flex: 1;
  }
}
@media all and (max-width: 767px) {
  .filter {
    left: -100%;
    width: 100%;
  }
  .filter.active {
    left: 0;
  }
  .filter.active ~ .filterOverlay {
    display: none;
  }
}

.reviewsTabsHeader {
  display: flex;
}
.reviewsTabsHeaderEl {
  cursor: pointer;
}
.reviewsTabsHeaderEl.active {
  cursor: default;
}
.reviewsTabsHeaderElTitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  color: #000000;
  padding: 16px 32px;
  display: block;
  border: 1px solid #888888;
}
.reviewsTabsHeaderEl.active .reviewsTabsHeaderElTitle {
  background: #000;
  border-color: #000;
  color: #fff;
}
.reviewsTabsHeaderElQnt {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: right;
  color: #888888;
  display: block;
  margin: 10px 0 0 0;
}
.reviewsTabsPanel {
  height: 0;
  overflow: hidden;
}
.reviewsTabsPanel.active {
  height: auto;
  overflow: visible;
}
.reviewsMark {
  margin: 24px 0 24px 0;
  text-align: center;
}
.reviewsMarkTitle {
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  text-align: center;
  color: #000000;
}
.reviewsMarkRating {
  margin: 16px 0 0 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.reviewsMarkRating i {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 20px 20px;
  display: block;
}
.reviewsMarkRating i[data-part] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.reviewsMarkRating i[data-part] i {
  min-width: 0;
  background-position: left center;
}
.reviewsMarkRating i[data-off] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.reviewsMarkQnt {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #888888;
  margin: 16px 0 0 0;
}
.reviewsWriteNew {
  min-width: 240px;
  cursor: pointer;
  display: block;
  margin: 0 auto 40px auto;
}
.reviewsEl {
  padding: 40px 0;
  border-top: 1px solid #EEEEEE;
  display: flex;
  align-items: stretch;
  gap: 24px;
}
.reviewsElName {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}
.reviewsElAuthor {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.reviewsElAuthorInfo {
  margin: 24px 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  gap: 16px;
  flex-direction: column;
  display: flex;
  color: #888888;
}
.reviewsElHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reviewsElInfo {
  display: flex;
  align-items: center;
}
.reviewsElSocial {
  display: flex;
  align-items: center;
  gap: 8px;
}
.reviewsElSocialPlus, .reviewsElSocialMinus {
  min-width: 40px;
  padding: 0 20px 0 0;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}
.reviewsElSocialPlus:after, .reviewsElSocialMinus:after {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTUgNkgxMkMxMS44Njc0IDYgMTEuNzQwMiA2LjA1MjY4IDExLjY0NjQgNi4xNDY0NUMxMS41NTI3IDYuMjQwMjEgMTEuNSA2LjM2NzM5IDExLjUgNi41VjE0LjVDMTEuNSAxNC42MzI2IDExLjU1MjcgMTQuNzU5OCAxMS42NDY0IDE0Ljg1MzZDMTEuNzQwMiAxNC45NDczIDExLjg2NzQgMTUgMTIgMTVIMTVDMTUuMTMyNiAxNSAxNS4yNTk4IDE0Ljk0NzMgMTUuMzUzNiAxNC44NTM2QzE1LjQ0NzMgMTQuNzU5OCAxNS41IDE0LjYzMjYgMTUuNSAxNC41VjYuNUMxNS41IDYuMzY3MzkgMTUuNDQ3MyA2LjI0MDIxIDE1LjM1MzYgNi4xNDY0NUMxNS4yNTk4IDYuMDUyNjggMTUuMTMyNiA2IDE1IDZaTTcuNjgxNSAxQzcuNDI5NSAxIDcuMTg0IDEuMDc0NSA2Ljk3MjUgMS4yMTZDNi40MTg1IDEuNTg0NSA2IDIuNDA4IDYgMy4xMzJWNS41QzYgNS42MzI2MSA1Ljk0NzMyIDUuNzU5NzkgNS44NTM1NSA1Ljg1MzU1QzUuNzU5NzkgNS45NDczMiA1LjYzMjYxIDYgNS41IDZIMkMxLjE3MyA2IDAuNSA2LjY3MyAwLjUgNy41TDEuMDAyIDEzLjU0MTVDMSAxNC4zMjcgMS42NzMgMTUgMi41IDE1SDEwLjVDMTAuNjMyNiAxNSAxMC43NTk4IDE0Ljk0NzMgMTAuODUzNiAxNC44NTM2QzEwLjk0NzMgMTQuNzU5OCAxMSAxNC42MzI2IDExIDE0LjVWNi41QzExIDYuNDI5IDEwLjk4NSA2LjM1OTUgMTAuOTU2IDYuMjk1TDguOTM0NSAxLjgwNUM4LjY1OSAxLjI5NTUgOC4xODU1IDEgNy42ODE1IDFaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=) center no-repeat;
  background-size: contain;
}
.reviewsElSocialMinus:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTUgOUgxMkMxMS44Njc0IDkgMTEuNzQwMiA4Ljk0NzMyIDExLjY0NjQgOC44NTM1NUMxMS41NTI3IDguNzU5NzkgMTEuNSA4LjYzMjYxIDExLjUgOC41VjAuNUMxMS41IDAuMzY3MzkyIDExLjU1MjcgMC4yNDAyMTUgMTEuNjQ2NCAwLjE0NjQ0N0MxMS43NDAyIDAuMDUyNjc4NCAxMS44Njc0IDAgMTIgMEgxNUMxNS4xMzI2IDAgMTUuMjU5OCAwLjA1MjY3ODQgMTUuMzUzNiAwLjE0NjQ0N0MxNS40NDczIDAuMjQwMjE1IDE1LjUgMC4zNjczOTIgMTUuNSAwLjVWOC41QzE1LjUgOC42MzI2MSAxNS40NDczIDguNzU5NzkgMTUuMzUzNiA4Ljg1MzU1QzE1LjI1OTggOC45NDczMiAxNS4xMzI2IDkgMTUgOVpNNy42ODE1IDE0QzcuNDI5NSAxNCA3LjE4NCAxMy45MjU1IDYuOTcyNSAxMy43ODRDNi40MTg1IDEzLjQxNTUgNiAxMi41OTIgNiAxMS44NjhWOS41QzYgOS4zNjczOSA1Ljk0NzMyIDkuMjQwMjEgNS44NTM1NSA5LjE0NjQ1QzUuNzU5NzkgOS4wNTI2OCA1LjYzMjYxIDkgNS41IDlIMkMxLjE3MyA5IDAuNSA4LjMyNyAwLjUgNy41TDEuMDAyIDEuNDU4NUMxIDAuNjczIDEuNjczIDAgMi41IDBIMTAuNUMxMC42MzI2IDAgMTAuNzU5OCAwLjA1MjY3ODQgMTAuODUzNiAwLjE0NjQ0N0MxMC45NDczIDAuMjQwMjE1IDExIDAuMzY3MzkyIDExIDAuNVY4LjVDMTEgOC41NzEgMTAuOTg1IDguNjQwNSAxMC45NTYgOC43MDVMOC45MzQ1IDEzLjE5NUM4LjY1OSAxMy43MDQ1IDguMTg1NSAxNCA3LjY4MTUgMTRaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=);
}
.reviewsElMark {
  display: flex;
  margin: 0 16px 0 0;
  gap: 4px;
}
.reviewsElMark i {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 20px 20px;
  display: block;
}
.reviewsElMark i[data-part] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.reviewsElMark i[data-part] i {
  min-width: 0;
  background-position: left center;
}
.reviewsElMark i[data-off] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.reviewsElDate {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
}
.reviewsElRecommend {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin: 10px 0 0 0;
  padding: 0 0 0 30px;
  position: relative;
}
.reviewsElRecommend:before {
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDQ3XzI2MDE3KSI+DQogICAgICAgIDxwYXRoIGQ9Ik0wIDcuNDQ2NjlMNC43OTQyMSAxMi4yNTAxTDE0IDMuMDUzMzdMMTIuNjc4NCAxLjc1TDQuNzk0MjEgOS42MjQ5OUwxLjMwMzM0IDYuMTM0MTRMMCA3LjQ0NjY5WiIgZmlsbD0iYmxhY2siLz4NCiAgICA8L2c+DQogICAgPGRlZnM+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNDQ3XzI2MDE3Ij4NCiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4NCiAgICAgICAgPC9jbGlwUGF0aD4NCiAgICA8L2RlZnM+DQo8L3N2Zz4NCg==) center no-repeat;
  background-size: contain;
}
.reviewsElText {
  margin: 24px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
}
.reviewsElText > *:first-child {
  margin-top: 0;
}
.reviewsElText > *:last-child {
  margin-bottom: 0;
}
.reviewsElSide {
  width: 240px;
}
.reviewsElContent {
  border-left: 1px solid #EEEEEE;
  width: calc(100% - 240px - 24px);
  padding: 0 0 0 50px;
}
.reviewsElAnswer {
  position: relative;
  padding: 32px 0 0 100px;
}
.reviewsLoadMore {
  margin: 24px auto 0 auto;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  border: none;
  padding: 0;
  text-align: center;
  background: none;
  cursor: pointer;
  width: 200px;
}
@media all and (max-width: 767px) {
  .reviewsTabsHeader {
    gap: 5px;
  }
  .reviewsTabsHeaderEl {
    width: 50%;
  }
  .reviewsTabsHeaderElTitle {
    font-size: 16px;
    padding: 16px 6px;
  }
  .reviewsEl {
    display: block;
    padding: 20px 0;
    width: 100%;
    position: relative;
  }
  .reviewsElSide {
    width: auto;
  }
  .reviewsElContent {
    border-left: none;
    width: 100%;
    padding: 0;
    margin: 24px 0 0 0;
  }
  .reviewsElAuthor {
    padding-right: 100px;
  }
  .reviewsElAuthorInfo {
    margin: 16px 0 0 0;
    font-size: 12px;
    gap: 12px;
  }
  .reviewsElSocial {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .reviewsElAnswer .reviewsElSocial {
    top: auto;
    right: auto;
    position: static;
  }
  .reviewsElMark i {
    min-width: 16px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
  }
  .reviewsElDate {
    font-size: 12px;
  }
  .reviewsElRecommend {
    line-height: 14px;
    font-size: 12px;
  }
  .reviewsElText {
    font-size: 14px;
    margin: 16px 0 0 0;
  }
  .reviewsElAnswer {
    padding: 0px 0 0 20px;
    margin: 32px 0 0 0;
  }
}

.card {
  align-items: start;
  justify-content: space-between;
  margin-top: -16px;
  display: block;
  overflow: hidden;
  width: 100%;
}
@media all and (max-width: 767px) {
  .card {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    overflow: visible;
    display: block;
  }
}
.cardTags {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  display: flex;
  width: 100%;
  font-weight: 600;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  line-height: 16px;
}
.cardTags span {
  width: 77px;
  height: 44px;
  display: block;
  padding: 14px 10px;
}
@media all and (max-width: 767px) {
  .cardTags {
    font-size: 12px;
    line-height: 12px;
  }
  .cardTags span {
    width: 60px;
    height: 28px;
    padding: 8px 8px;
  }
}
.cardTags_black {
  background: #000;
  font-weight: 600;
  width: 100% !important;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.cardTags_top {
  background: #A6C547;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.cardTags_pro {
  background: #000;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.cardTags_new {
  background: #3B99D9;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.cardTags_imp {
  background: #FDA729;
  font-weight: 600;
  width: auto !important;
  text-align: center;
  padding-left: 26px !important;
  color: #000;
  display: block;
  position: relative;
  white-space: nowrap;
}
.cardTags_imp:after {
  top: 50%;
  margin: -6px 0 0 0;
  left: 10px;
  width: 12px;
  height: 12px;
  position: absolute;
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExMDFfMTExMDUpIj4KPHBhdGggZD0iTTQuNzM5MjYgMEw1LjE1NDg4IDguNjg3MjdINi44NDM3Nkw3LjI2MDYxIDBINC43MzkyNlpNNS4xOTMxOCAxMC4zODgySDYuODA1MDlWMTJINS4xOTMxOFYxMC4zODgyWiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMTAxXzExMTA1Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.cardWhatInside {
  width: calc(50% - 20px);
  position: relative;
  float: left;
  margin: 20px 0 0 0;
}
.cardWhatInside .swiper-scrollbar {
  margin: 20px auto 0 auto;
  background: #EEEEEE;
  border-radius: 4px;
  height: 8px;
  max-width: 960px;
  display: none;
}
.cardWhatInside .swiper-scrollbar-drag {
  background: #000000;
  height: 8px;
  border-radius: 4px;
}
.cardWhatInsideList {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.swiper-initialized .cardWhatInsideList {
  flex-wrap: nowrap;
  gap: 0;
}
.cardWhatInside .swiper-initialized .swiper-scrollbar {
  display: block;
}
.cardWhatInsideEl {
  width: 100%;
  position: relative;
  display: block !important;
}
.cardWhatInsideEl_compact {
  width: calc(50% - 10px);
}
.cardWhatInsideElImg {
  display: block;
  width: 100%;
  height: auto;
}
.cardWhatInsideElImg img {
  display: block;
  width: 100%;
  height: auto;
}
.cardWhatInsideElTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  padding: 10px;
  color: #000000;
  position: absolute;
  background: #fff;
  top: 20px;
  right: 20px;
  left: 20px;
}
@media all and (max-width: 767px) {
  .cardWhatInsideElTitle {
    padding: 6px 10px;
    top: 10px;
    right: 10px;
    left: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
  }
}
.cardMedia {
  width: calc(50% - 20px);
  position: relative;
  float: left;
}
.cardMediaImg {
  margin: 20px 0 0 0;
}
.cardMediaImg img {
  width: 100%;
  height: auto;
}
.cardMediaPreviews {
  margin: 20px 0 0 0;
}
.cardMediaPreviewsEl {
  width: 33.3333%;
  position: relative;
}
.cardMediaPreviewsEl:before {
  padding: 100% 0 0 0;
  content: "";
  display: block;
}
.cardMediaPreviewsEl img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  object-fit: contain;
  object-position: center;
}
.cardMediaPreviewsEl.swiper-slide-thumb-active:after {
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  z-index: 2;
  content: "";
}
@media all and (min-width: 960px) {
  .cardMediaSlider {
    overflow: visible !important;
  }
  .cardMediaPreviews {
    display: none;
  }
  .cardMediaList {
    position: relative;
    display: block !important;
    overflow: visible !important;
  }
  .cardMediaList:after {
    padding: 150% 0 0 0;
    content: "";
    display: block;
  }
  .cardMediaList[data-i="1"] .cardMediaEl[data-i="1"] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cardMediaList[data-i="1"] .cardMediaEl[data-i="2"] {
    width: calc(50% - 10px);
    top: calc(66.6666% + 20px);
    left: 0;
  }
  .cardMediaList[data-i="1"] .cardMediaEl[data-i="3"] {
    width: calc(50% - 10px);
    top: calc(66.6666% + 20px);
    left: calc(50% + 10px);
  }
  .cardMediaList[data-i="2"] .cardMediaEl[data-i="2"] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cardMediaList[data-i="2"] .cardMediaEl[data-i="1"] {
    width: calc(50% - 10px);
    top: calc(66.6666% + 20px);
    left: 0;
  }
  .cardMediaList[data-i="2"] .cardMediaEl[data-i="3"] {
    width: calc(50% - 10px);
    top: calc(66.6666% + 20px);
    left: calc(50% + 10px);
  }
  .cardMediaList[data-i="3"] .cardMediaEl[data-i="3"] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cardMediaList[data-i="3"] .cardMediaEl[data-i="1"] {
    width: calc(50% - 10px);
    top: calc(66.6666% + 20px);
    left: 0;
  }
  .cardMediaList[data-i="3"] .cardMediaEl[data-i="2"] {
    width: calc(50% - 10px);
    top: calc(66.6666% + 20px);
    left: calc(50% + 10px);
  }
  .cardMediaEl {
    position: absolute !important;
    transition: all 0.3s ease-in;
    display: inline-flex !important;
    background: #fff;
    height: auto !important;
    z-index: 3;
  }
  .cardMediaEl.active {
    z-index: 5;
  }
  .cardMediaEl:after {
    width: 100%;
    padding: 100% 0 0 0;
    display: block;
    content: "";
    position: relative;
    z-index: 2;
  }
  .cardMediaEl:not(.active):after {
    border: 1px solid transparent;
    cursor: pointer;
  }
  .cardMediaEl:not(.active):hover:after {
    border: 1px solid #888888;
  }
  .cardMediaEl img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: contain;
    object-position: center;
  }
}
@media all and (max-width: 959px) {
  .cardMediaPreviews {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
  .cardMediaSlider {
    margin: 0 -20px;
  }
  .cardMediaEl {
    position: relative;
    display: inline-flex;
  }
  .cardMediaEl:after {
    width: 100%;
    padding: 100% 0 0 0;
    display: block;
    content: "";
    position: relative;
    z-index: 2;
  }
  .cardMediaEl img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: contain;
    object-position: center;
  }
}
.cardContent {
  width: calc(50% - 20px);
  float: right;
}
.cardLinks {
  margin: 0 -15px 30px -15px;
  display: flex;
  width: 100%;
  overflow: hidden;
  justify-content: space-between;
  /*  .swiper-button-next:after {
      transform: rotate(180deg);
      transform-origin: center;
    }*/
}
.cardLinks .swiper-button-next,
.cardLinks .swiper-button-prev {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% - 10px);
  z-index: 2;
}
.cardLinks .swiper-button-next:after,
.cardLinks .swiper-button-prev:after {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -5px;
  left: -5px;
}
.cardLinks .swiper-button-next.swiper-button-disabled,
.cardLinks .swiper-button-prev.swiper-button-disabled {
  cursor: default;
}
.cardLinks .swiper-button-next.swiper-button-disabled:after,
.cardLinks .swiper-button-prev.swiper-button-disabled:after {
  opacity: 0.5;
}
.cardLinks .swiper-button-prev {
  left: calc(33.3333% - 10px);
}
.cardLinks .swiper-button-next {
  right: calc(33.3333% - 10px);
  transform: rotate(180deg);
}
.cardLinks a, .cardLinks span {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #888888;
  padding: 0 15px;
  text-decoration: none;
}
.cardLinks a:hover, .cardLinks span:hover {
  color: #000;
  text-decoration: none;
}
.cardLinks a.active, .cardLinks span.active {
  color: #000;
}
.cardLinks .swiper-slide-prev {
  text-align: left;
}
.cardLinks .swiper-slide-next {
  text-align: right;
}
.cardLinks .swiper-slide-active {
  text-align: center;
}
.cardLinks span {
  /*  &:before,
    &:after {
      width: 20px;
      height: 20px;
      content: "";
      display: block;
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=) center no-repeat;
      background-size: contain;
      position: absolute;
      top: calc(50% - 10px);
    }

    &:before {
      left: 5px;
    }

    &:after {
      right: 5px;
      transform: rotate(180deg);
    }*/
}
.cardLinks span + a {
  text-align: right;
}
.cardTitle {
  font-weight: 600;
  font-size: 28px;
  line-height: 150%;
  color: #000000;
}
.cardRating {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cardRatingMark {
  display: flex;
  gap: 4px;
}
.cardRatingMark i {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 20px 20px;
  display: block;
}
.cardRatingMark i[data-part] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.cardRatingMark i[data-part] i {
  min-width: 0;
  background-position: left center;
}
.cardRatingMark i[data-off] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.cardRatingTitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  margin: 0 20px 0 12px;
}
.cardRatingReviews {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  padding: 0;
  background: none;
  border: solid 1px #000;
  border-width: 0 0 1px 0;
}
.cardText {
  margin: 20px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
}
.cardTextInner > * {
  margin: 20px 0;
}
.cardTextInner > *:first-child {
  margin-top: 0;
}
.cardTextInner > *:last-child {
  margin-bottom: 0;
}
.cardTextMore {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
  border: solid 1px #000;
  border-width: 0 0 1px 0;
  cursor: pointer;
  display: block;
  padding: 0 0 4px 0;
  margin: 20px 0 0 0;
  background: none;
}
.cardTextMore:hover {
  border-color: #fff;
}
.cardDetails {
  margin: 40px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.cardDetailsEl {
  width: calc(50% - 10px);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
}
.cardDetailsEl b {
  font-weight: 600;
}
.cardSize {
  margin: 40px 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.cardSizeEl {
  width: 100px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  padding: 10px;
  text-align: center;
  border: 1px solid #888888;
  text-decoration: none;
}
.cardSizeEl.active {
  color: #fff;
  background: #000;
  border-color: #000;
  cursor: default;
}
.cardExp {
  color: #888888;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 10px;
  width: 100%;
}
@media all and (max-width: 959px) {
  .cardExp {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 767px) {
  .cardExp {
    margin-bottom: 4px;
    font-size: 14px;
  }
}
.cardPrice {
  margin: 40px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 30px;
  row-gap: 0;
}
.cardPriceList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(50% - 15px);
}
.cardPriceCurrent {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  color: #000000;
  margin: 0 40px 0 0;
}
.cardPriceOld {
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  text-decoration: line-through;
  color: #888888;
}
.cardPriceDiscount {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  width: 100%;
  margin: 10px 0 0 0;
}
.cardPriceInfo {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 0 0 24px;
  position: relative;
  flex-wrap: wrap;
  width: calc(50% - 15px);
}
.cardPriceInfo:before {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTUuNTQxMyA0LjQ1ODMxQzEyLjQ5OTcgMS40MTY2NSA3LjQ5OTY3IDEuNDE2NjUgNC40NTgwMSA0LjQ1ODMxQzEuNDE2MzQgNy40OTk5OCAxLjQxNjM0IDEyLjUgNC40NTgwMSAxNS41NDE2QzUuOTk5NjcgMTcuMDgzMyA3Ljk5OTY3IDE3LjgzMzMgOS45OTk2NyAxNy44MzMzQzExLjk5OTcgMTcuODMzMyAxMy45OTk3IDE3LjA4MzMgMTUuNTQxMyAxNS41NDE2QzE4LjU4MyAxMi41IDE4LjU4MyA3LjQ5OTk4IDE1LjU0MTMgNC40NTgzMVpNMTQuOTU4IDE0Ljk1ODNDMTIuMjQ5NyAxNy42NjY2IDcuNzkxMzQgMTcuNjY2NiA1LjA4MzAxIDE0Ljk1ODNDMi4zNzQ2NyAxMi4yNSAyLjM3NDY3IDcuNzkxNjUgNS4wODMwMSA1LjA4MzMxQzYuNDU4MDEgMy43MDgzMSA4LjI0OTY3IDMuMDQxNjUgMTAuMDQxMyAzLjA0MTY1QzExLjgzMyAzLjA0MTY1IDEzLjYyNDcgMy43MDgzMSAxNC45OTk3IDUuMDgzMzFDMTcuNjY2MyA3Ljc5MTY1IDE3LjY2NjMgMTIuMjA4MyAxNC45NTggMTQuOTU4M1pNMTAuMjQ5NyA4LjkxNjY1QzEwLjMzMyA4Ljk5OTk4IDEwLjQxNjMgOS4xMjQ5OCAxMC40MTYzIDkuMjkxNjVWMTMuMjkxNkMxMC40MTYzIDEzLjQ1ODMgMTAuMzc0NyAxMy41ODMzIDEwLjI0OTcgMTMuNjY2NkMxMC4xMjQ3IDEzLjc1IDEwLjA0MTMgMTMuNzkxNiA5Ljg3NDY3IDEzLjc5MTZDOS43NDk2NyAxMy43OTE2IDkuNjI0NjcgMTMuNzUgOS40OTk2NyAxMy42NjY2QzkuNDE2MzQgMTMuNTgzMyA5LjMzMzAxIDEzLjQ1ODMgOS4zMzMwMSAxMy4yOTE2VjkuMjkxNjVDOS4zMzMwMSA5LjEyNDk4IDkuMzc0NjcgOC45OTk5OCA5LjQ5OTY3IDguOTE2NjVDOS42MjQ2NyA4LjgzMzMxIDkuNzA4MDEgOC43OTE2NSA5Ljg3NDY3IDguNzkxNjVDMTAuMDQxMyA4Ljc5MTY1IDEwLjE2NjMgOC44MzMzMSAxMC4yNDk3IDguOTE2NjVaTTEwLjM3NDcgNi42NjY2NUMxMC40OTk3IDYuNzkxNjUgMTAuNTQxMyA2LjkxNjY1IDEwLjU0MTMgNy4wODMzMUMxMC41NDEzIDcuMjQ5OTggMTAuNDk5NyA3LjQxNjY1IDEwLjM3NDcgNy40OTk5OEMxMC4yNDk3IDcuNjI0OTggMTAuMTI0NyA3LjY2NjY1IDkuOTE2MzQgNy42NjY2NUM5LjcwODAxIDcuNjY2NjUgOS41ODMwMSA3LjYyNDk4IDkuNDU4MDEgNy40OTk5OEM5LjMzMzAxIDcuMzc0OTggOS4yOTEzNCA3LjI0OTk4IDkuMjkxMzQgNy4wODMzMUM5LjI5MTM0IDYuOTE2NjUgOS4zMzMwMSA2Ljc0OTk4IDkuNDU4MDEgNi42NjY2NUM5LjU4MzAxIDYuNTQxNjUgOS43NDk2NyA2LjQ5OTk4IDkuOTE2MzQgNi40OTk5OEMxMC4wODMgNi40OTk5OCAxMC4yNDk3IDYuNTQxNjUgMTAuMzc0NyA2LjY2NjY1WiIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPg0K) center no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
}
.cardPriceInfo a {
  text-decoration: underline;
}
.cardBuyBox {
  margin: 40px 0 20px 0;
  display: flex;
  gap: 10px;
  align-items: stretch;
}
.cardBuy {
  height: 56px;
  padding: 2px;
  width: 50%;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .cardBuy {
    border: solid 2px #fff;
  }
}
.cardBuy:disabled {
  width: 100%;
}
.cardBuy span {
  text-transform: lowercase;
}
.cardBuyFast {
  height: 56px;
  padding: 2px 10px;
  width: 50%;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .cardBuyFast {
    border: solid 2px #fff;
  }
}
.cardFav {
  width: 56px;
  min-height: 56px;
  background: #000;
  border: none;
  position: relative;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .cardFav {
    border: solid 2px #fff;
  }
}
.cardFav:after {
  width: 24px;
  height: 24px;
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAyMS42NUMxMS42OSAyMS42NSAxMS4zOSAyMS42MSAxMS4xNCAyMS41MkM3LjMyIDIwLjIxIDEuMjUgMTUuNTYgMS4yNSA4LjY5MDAxQzEuMjUgNS4xOTAwMSA0LjA4IDIuMzUwMDEgNy41NiAyLjM1MDAxQzkuMjUgMi4zNTAwMSAxMC44MyAzLjAxMDAxIDEyIDQuMTkwMDFDMTMuMTcgMy4wMTAwMSAxNC43NSAyLjM1MDAxIDE2LjQ0IDIuMzUwMDFDMTkuOTIgMi4zNTAwMSAyMi43NSA1LjIwMDAxIDIyLjc1IDguNjkwMDFDMjIuNzUgMTUuNTcgMTYuNjggMjAuMjEgMTIuODYgMjEuNTJDMTIuNjEgMjEuNjEgMTIuMzEgMjEuNjUgMTIgMjEuNjVaTTcuNTYgMy44NTAwMUM0LjkxIDMuODUwMDEgMi43NSA2LjAyMDAxIDIuNzUgOC42OTAwMUMyLjc1IDE1LjUyIDkuMzIgMTkuMzIgMTEuNjMgMjAuMTFDMTEuODEgMjAuMTcgMTIuMiAyMC4xNyAxMi4zOCAyMC4xMUMxNC42OCAxOS4zMiAyMS4yNiAxNS41MyAyMS4yNiA4LjY5MDAxQzIxLjI2IDYuMDIwMDEgMTkuMSAzLjg1MDAxIDE2LjQ1IDMuODUwMDFDMTQuOTMgMy44NTAwMSAxMy41MiA0LjU2MDAxIDEyLjYxIDUuNzkwMDFDMTIuMzMgNi4xNzAwMSAxMS42OSA2LjE3MDAxIDExLjQxIDUuNzkwMDFDMTAuNDggNC41NTAwMSA5LjA4IDMuODUwMDEgNy41NiAzLjg1MDAxWiIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=) center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cardFav.active:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4xNCAyMS41MkMxMS4zOSAyMS42MSAxMS42OSAyMS42NSAxMiAyMS42NUMxMi4zMSAyMS42NSAxMi42MSAyMS42MSAxMi44NiAyMS41MkMxNi42OCAyMC4yMSAyMi43NSAxNS41NyAyMi43NSA4LjY5MDAxQzIyLjc1IDUuMjAwMDEgMTkuOTIgMi4zNTAwMSAxNi40NCAyLjM1MDAxQzE0Ljc1IDIuMzUwMDEgMTMuMTcgMy4wMTAwMSAxMiA0LjE5MDAxQzEwLjgzIDMuMDEwMDEgOS4yNSAyLjM1MDAxIDcuNTYgMi4zNTAwMUM0LjA4IDIuMzUwMDEgMS4yNSA1LjE5MDAxIDEuMjUgOC42OTAwMUMxLjI1IDE1LjU2IDcuMzIgMjAuMjEgMTEuMTQgMjEuNTJaIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=);
}
.cardPay {
  margin: 20px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
}
.cardPay span {
  text-decoration: underline;
}
.cardPay b {
  font-weight: 600;
}
.cardAbout {
  margin: 50px 0;
  display: flex;
  gap: 30px;
  align-items: start;
}
.cardAboutEl {
  width: 33.3333%;
  text-align: center;
}
.cardAboutElIcon {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px auto;
}
.cardAboutElTitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #000000;
}
.cardAcc {
  margin: 50px 0 0 0;
  border-top: 1px solid #888888;
}
.cardAccEl {
  border-bottom: 1px solid #888888;
}
.cardAccElTitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  position: relative;
  color: #000000;
  padding: 32px 40px 32px 0;
  cursor: pointer;
}
.cardAccElTitle:after {
  width: 24px;
  height: 24px;
  position: absolute;
  content: "";
  right: 0;
  top: calc(50% - 12px);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy4zNzVMOSAxNC42MjVNMTQuNjI1IDlMMy4zNzUgOSIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.cardAccEl.active .cardAccElTitle:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA5TDMuMzc1IDkiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.cardAccElContent {
  max-height: 0;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  display: block;
  color: #000000;
  transition: all 0.3s ease-in;
}
.cardAccElContent b {
  font-weight: 600;
}
.cardAccElContent > * {
  margin: 24px 0;
}
.cardAccElContent > *:first-child {
  margin-top: 0;
}
.cardAccElContent > *:last-child {
  margin-bottom: 0;
}
.cardAccElContent ul {
  list-style: none;
  padding: 0;
}
.cardAccElContent ul li {
  padding: 0 0 0 20px;
  position: relative;
}
.cardAccElContent ul li:not(:first-child) {
  margin-top: 16px;
}
.cardAccElContent ul li:before {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  background: #000;
}
.cardAccEl.active .cardAccElContent {
  max-height: none;
  margin-bottom: 36px;
}
@media all and (max-width: 1200px) and (min-width: 960px) {
  .cardExp {
    order: 2;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .cardPrice {
    flex-direction: column;
    gap: 10px;
  }
  .cardPriceInfo {
    order: 1;
    width: 100%;
  }
  .cardPriceList {
    order: 3;
    width: 100%;
  }
}
@media all and (max-width: 959px) {
  .card {
    display: block;
  }
  .cardBuyBox {
    display: none;
  }
  .cardMedia {
    display: block;
    width: 100%;
    float: none;
  }
  .cardContent {
    width: 100%;
    display: block;
    float: none;
  }
  .cardWhatInside {
    display: block;
    width: auto;
    float: none;
    margin: 20px -10px 0 -10px;
  }
  .cardLinks {
    margin: 20px -24px 24px -24px;
    background: #EFEFEF;
    padding: 8px 24px;
    width: 100vw;
  }
  .cardAbout {
    order: 9;
    margin: 40px 0 0 0;
  }
  .cardLinks {
    order: 1;
  }
  .cardDetails {
    order: 7;
    margin: 24px 0 0 0;
  }
  .cardSize {
    order: 3;
    margin: 24px 0 0 0;
  }
  .cardSizeEl {
    width: 80px;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #000000;
    padding: 8px 5px;
  }
  .cardText {
    order: 8;
    margin: 24px 0 0 0;
  }
  .cardRating {
    order: 6;
    margin: 24px 0 0 0;
  }
  .cardPrice {
    order: 4;
    margin: 24px 0 0 0;
  }
  .cardPay {
    order: 5;
    margin: 20px 0 0 0;
    padding: 10px 15px;
    width: 100%;
    line-height: 150%;
    display: block;
    background: #EFEFEF;
  }
  .cardPay span {
    display: block;
  }
  .cardTitle {
    order: 2;
  }
  .cardAcc {
    order: 10;
    margin: 40px -24px 0 -24px;
  }
  .cardAccElTitle {
    padding-left: 24px;
    padding-right: 60px;
  }
  .cardAccElTitle:after {
    right: 24px;
  }
  .cardAccElContent {
    padding: 0 24px;
  }
  .cardContent {
    display: flex;
    flex-direction: column;
  }
}
@media all and (max-width: 767px) {
  .card {
    overflow: hidden;
    /*  &Content {
        display: flex;
        flex-direction: column;
      }*/
  }
  .cardAbout {
    margin: 50px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
  .cardAboutEl {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
  }
  .cardAboutElIcon {
    width: 24px;
    height: 24px;
    margin: 0;
  }
  .cardAboutElIcon svg {
    max-width: 100%;
    height: auto;
  }
  .cardAboutElTitle {
    text-align: left;
    font-size: 14px;
    line-height: 150%;
  }
  .cardLinks {
    margin: 20px -20px 24px -20px;
    width: auto;
    max-width: none;
  }
  .cardLinksEl {
    width: 210px;
  }
  .cardLinks .swiper-button-prev {
    left: calc(50% - 115px);
  }
  .cardLinks .swiper-button-next {
    right: auto;
    left: calc(50% + 95px);
  }
  .cardDetails {
    margin: 24px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .cardDetailsEl {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
  }
  .cardDetailsEl b {
    font-weight: 600;
  }
  .cardText {
    font-size: 14px;
    margin: 24px 0 0 0;
  }
  .cardRating {
    margin: 24px 0 0 0;
  }
  .cardMarkReviews {
    font-size: 16px;
  }
  .cardExp {
    margin-bottom: 0;
    margin-top: 0;
  }
  .cardPrice {
    margin: 24px 0 0 0;
    flex-direction: column;
    gap: 4px;
  }
  .cardPriceCurrent {
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    color: #000000;
    margin: 0 12px 0 0;
  }
  .cardPriceOld {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-decoration: line-through;
    color: #888888;
  }
  .cardPriceDiscount {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    width: 100%;
    margin: 3px 0 0 0;
  }
  .cardPriceList {
    width: 100%;
  }
  .cardPriceInfo {
    width: 100%;
    font-size: 14px;
    margin-top: 16px;
  }
  .cardTitle {
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
  }
  .cardBuyBox {
    margin: 30px 0 20px 0;
    display: flex;
    gap: 10px;
    align-items: stretch;
    display: none;
  }
  .cardBuy {
    min-width: 0;
    height: 45px;
    font-size: 12px;
    line-height: 100%;
    padding: 2px;
    width: 50%;
  }
  .cardBuyFast {
    min-width: 0;
    height: 45px;
    font-size: 12px;
    line-height: 100%;
    padding: 2px 10px;
    width: 50%;
  }
  .cardFav {
    width: 45px;
    min-width: 45px;
    min-height: 45px;
    background: #000;
    border: none;
    position: relative;
  }
}
@media all and (max-width: 767px) and (max-width: 767px) {
  .cardFav {
    border: solid 2px #fff;
  }
}
@media all and (max-width: 767px) {
  .cardFav:after {
    width: 15px;
    height: 15px;
  }
}
@media all and (max-width: 767px) {
  .cardAcc {
    margin: 50px -20px 0 -20px;
  }
  .cardAccElTitle {
    font-size: 16px;
    padding: 24px 46px 24px 20px;
  }
  .cardAccElTitle:after {
    right: 20px;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
  }
  .cardAccElContent {
    font-size: 14px;
    padding: 0 20px;
  }
  .cardAccEl.active .cardAccElContent {
    margin-bottom: 24px;
  }
}
@media all and (max-width: 767px) {
  .cardImg {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media all and (max-width: 767px) {
  .cardTags {
    top: 0;
    left: -20px;
    right: -20px;
    width: auto;
  }
}
@media all and (max-width: 600px) {
  .cardLinks {
    margin-top: 20px;
    margin-bottom: 24px;
    background: #EFEFEF;
    width: 600px;
    min-width: 600px;
    position: relative;
    left: 50%;
    margin-left: 0;
    margin-right: 0;
    transform: translate(-50%, 0);
  }
}

.bottomPanel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  z-index: 20;
  display: none;
}
.bottomPanelCard {
  padding: 10px 10px 4px 10px;
  border-top: 1px solid #000;
  display: flex;
  gap: 10px;
}
.bottomPanelMain {
  display: flex;
  justify-content: space-around;
}
.bottomPanelMain > * {
  padding: 16px;
  min-height: 56px;
  min-width: 56px;
  display: block;
  position: relative;
  cursor: pointer;
}
.bottomPanelHome {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41NjQgMS45ODk4NkMxNS40MzgyIDEuNDA2MDUgMTYuNTc3OSAxLjQwNjA1IDE3LjQ1MiAxLjk4OTg2TDI4LjY1MiA5LjQ2OTg2QzI5LjM3NDMgOS45NTIyNSAyOS44MDggMTAuNzYzNCAyOS44MDggMTEuNjMyVjI3LjgyOEMyOS44MDggMjkuMjYzOSAyOC42NDM5IDMwLjQyOCAyNy4yMDggMzAuNDI4SDI0LjQzNDdDMjIuOTk4NyAzMC40MjggMjEuODM0NyAyOS4yNjM5IDIxLjgzNDcgMjcuODI4VjE3LjAzOTRDMjEuODM0NyAxNi43MDggMjEuNTY2IDE2LjQzOTQgMjEuMjM0NyAxNi40Mzk0SDEwLjc4MTNDMTAuNDUgMTYuNDM5NCAxMC4xODEzIDE2LjcwOCAxMC4xODEzIDE3LjAzOTRWMjcuODI4QzEwLjE4MTMgMjkuMjYzOSA5LjAxNzI4IDMwLjQyOCA3LjU4MTM0IDMwLjQyOEg0LjgwODAxQzMuMzcyMDcgMzAuNDI4IDIuMjA4MDEgMjkuMjYzOSAyLjIwODAxIDI3LjgyOFYxMS42MzJDMi4yMDgwMSAxMC43NjM0IDIuNjQxNzIgOS45NTIyNSAzLjM2NDAxIDkuNDY5ODZMMTQuNTY0IDEuOTg5ODZaTTE2LjM0MTIgMy42NTMwNUMxNi4xMzk1IDMuNTE4MzIgMTUuODc2NSAzLjUxODMyIDE1LjY3NDggMy42NTMwNUw0LjQ3NDc4IDExLjEzM0M0LjMwODA5IDExLjI0NDQgNC4yMDgwMSAxMS40MzE2IDQuMjA4MDEgMTEuNjMyVjI3LjgyOEM0LjIwODAxIDI4LjE1OTQgNC40NzY2NCAyOC40MjggNC44MDgwMSAyOC40MjhINy41ODEzNEM3LjkxMjcxIDI4LjQyOCA4LjE4MTM0IDI4LjE1OTQgOC4xODEzNCAyNy44MjhWMTcuMDM5NEM4LjE4MTM0IDE1LjYwMzUgOS4zNDU0IDE0LjQzOTQgMTAuNzgxMyAxNC40Mzk0SDIxLjIzNDdDMjIuNjcwNiAxNC40Mzk0IDIzLjgzNDcgMTUuNjAzNSAyMy44MzQ3IDE3LjAzOTRWMjcuODI4QzIzLjgzNDcgMjguMTU5NCAyNC4xMDMzIDI4LjQyOCAyNC40MzQ3IDI4LjQyOEgyNy4yMDhDMjcuNTM5NCAyOC40MjggMjcuODA4IDI4LjE1OTQgMjcuODA4IDI3LjgyOFYxMS42MzJDMjcuODA4IDExLjQzMTYgMjcuNzA3OSAxMS4yNDQ0IDI3LjU0MTIgMTEuMTMzTDE2LjM0MTIgMy42NTMwNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 24px auto;
}
.bottomPanelSearch {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMy41NTE1MSIgd2lkdGg9IjEyLjgiIGhlaWdodD0iMi4wODkxNiIgcng9IjEuMDQ0NTgiIGZpbGw9IiNmZmZmZmYiLz4KPHJlY3QgeT0iMTUuNjY4NyIgd2lkdGg9IjIwLjgiIGhlaWdodD0iMi4wODkxNiIgcng9IjEuMDQ0NTgiIGZpbGw9IiNmZmZmZmYiLz4KPHJlY3QgeT0iMjcuNzg1OSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjIuMDg5MTYiIHJ4PSIxLjA0NDU4IiBmaWxsPSIjZmZmZmZmIi8+CjxyZWN0IHdpZHRoPSI2LjU2NjkzIiBoZWlnaHQ9IjIuMDM3OTQiIHJ4PSIxLjAxODk3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjYzMTc4IDAuNzc1MTQ4IC0wLjc0NzI0NCAwLjY2NDU1IDI3Ljg0MzggMTEuNjk5MykiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTIzLjA1MzUgMTMuMjMxNEMxOS41NjAyIDEzLjIzMTQgMTYuNzIwMiAxMC4yNjQ3IDE2LjcyMDIgNi42MTU2OEMxNi43MjAyIDIuOTY2NjEgMTkuNTYwMiAwIDIzLjA1MzUgMEMyNi41NDY5IDAgMjkuMzg2OSAyLjk2NjYxIDI5LjM4NjkgNi42MTU2OEMyOS4zODY5IDEwLjI2NDcgMjYuNTQ2OSAxMy4yMzE0IDIzLjA1MzUgMTMuMjMxNFpNMjMuMDUzNSAyLjEwMzA5QzIwLjY2NjkgMi4xMDMwOSAxOC43MjAyIDQuMTM2NTQgMTguNzIwMiA2LjYyOTYxQzE4LjcyMDIgOS4xMjI2NyAyMC42NjY5IDExLjE1NjEgMjMuMDUzNSAxMS4xNTYxQzI1LjQ0MDIgMTEuMTU2MSAyNy4zODY5IDkuMTIyNjcgMjcuMzg2OSA2LjYyOTYxQzI3LjM4NjkgNC4xMzY1NCAyNS40NDAyIDIuMTAzMDkgMjMuMDUzNSAyLjEwMzA5WiIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 24px auto;
}
.bottomPanelCart {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDExLjUwNjZDMjEuNDUzMyAxMS41MDY2IDIxIDExLjA1MzMgMjEgMTAuNTA2NlY4LjY2NjYyQzIxIDcuMjY2NjIgMjAuNCA1LjkwNjYyIDE5LjM2IDQuOTU5OTVDMTguMzA2NyAzLjk5OTk1IDE2Ljk0NjcgMy41NTk5NSAxNS41MDY3IDMuNjkzMjhDMTMuMTA2NyAzLjkxOTk1IDExIDYuMzczMjggMTEgOC45MzMyOFYxMC4yMjY2QzExIDEwLjc3MzMgMTAuNTQ2NyAxMS4yMjY2IDEwIDExLjIyNjZDOS40NTMzMyAxMS4yMjY2IDkgMTAuNzczMyA5IDEwLjIyNjZWOC45MTk5NUM5IDUuMzMzMjggMTEuODkzMyAyLjAyNjYyIDE1LjMyIDEuNjkzMjhDMTcuMzIgMS41MDY2MiAxOS4yNCAyLjEzMzI4IDIwLjcwNjcgMy40Nzk5NUMyMi4xNiA0Ljc5OTk1IDIzIDYuNjkzMjggMjMgOC42NjY2MlYxMC41MDY2QzIzIDExLjA1MzMgMjIuNTQ2NyAxMS41MDY2IDIyIDExLjUwNjZaIiBmaWxsPSIjZmZmZmZmIi8+CjxwYXRoIGQ9Ik0xOS45OTk4IDMwLjMzMzNIMTEuOTk5OEM1LjgzOTc2IDMwLjMzMzMgNC42OTMwOSAyNy40NjY2IDQuMzk5NzYgMjQuNjhMMy4zOTk3NiAxNi42OTMzQzMuMjUzMDkgMTUuMjUzMyAzLjE5OTc2IDEzLjE4NjYgNC41OTk3NiAxMS42NEM1Ljc5OTc2IDEwLjMwNjYgNy43ODY0MiA5LjY2NjYzIDEwLjY2NjQgOS42NjY2M0gyMS4zMzMxQzI0LjIyNjQgOS42NjY2MyAyNi4yMTMxIDEwLjMyIDI3LjM5OTggMTEuNjRDMjguNzg2NCAxMy4xODY2IDI4Ljc0NjQgMTUuMjUzMyAyOC41OTk4IDE2LjY2NjZMMjcuNTk5OCAyNC42OEMyNy4zMDY0IDI3LjQ2NjYgMjYuMTU5OCAzMC4zMzMzIDE5Ljk5OTggMzAuMzMzM1pNMTAuNjY2NCAxMS42NjY2QzguNDEzMDkgMTEuNjY2NiA2Ljg2NjQyIDEyLjEwNjYgNi4wNzk3NiAxMi45ODY2QzUuNDI2NDIgMTMuNzA2NiA1LjIxMzA5IDE0LjgxMzMgNS4zODY0MiAxNi40NjY2TDYuMzg2NDIgMjQuNDUzM0M2LjYxMzA5IDI2LjU4NjYgNy4xOTk3NiAyOC4zNDY2IDExLjk5OTggMjguMzQ2NkgxOS45OTk4QzI0Ljc5OTggMjguMzQ2NiAyNS4zODY0IDI2LjYgMjUuNjEzMSAyNC40OEwyNi42MTMxIDE2LjQ2NjZDMjYuNzg2NCAxNC44NCAyNi41NzMxIDEzLjczMzMgMjUuOTE5OCAxM0MyNS4xMzMxIDEyLjEwNjYgMjMuNTg2NCAxMS42NjY2IDIxLjMzMzEgMTEuNjY2NkgxMC42NjY0WiIgZmlsbD0iI2ZmZmZmZiIvPgo8cGF0aCBkPSJNMjAuNTYgMTcuNTMzNEMxOS44MTM0IDE3LjUzMzQgMTkuMjEzNCAxNi45MzM0IDE5LjIxMzQgMTYuMkMxOS4yMTM0IDE1LjQ2NjcgMTkuODEzNCAxNC44NjY3IDIwLjU0NjcgMTQuODY2N0MyMS4yOCAxNC44NjY3IDIxLjg4IDE1LjQ2NjcgMjEuODggMTYuMkMyMS44OCAxNi45MzM0IDIxLjI5MzQgMTcuNTMzNCAyMC41NiAxNy41MzM0WiIgZmlsbD0iI2ZmZmZmZiIvPgo8cGF0aCBkPSJNMTEuMjI2NSAxNy41MzM0QzEwLjQ3OTkgMTcuNTMzNCA5Ljg3OTg4IDE2LjkzMzQgOS44Nzk4OCAxNi4yQzkuODc5ODggMTUuNDY2NyAxMC40Nzk5IDE0Ljg2NjcgMTEuMjEzMiAxNC44NjY3QzExLjk0NjUgMTQuODY2NyAxMi41NDY1IDE1LjQ2NjcgMTIuNTQ2NSAxNi4yQzEyLjU0NjUgMTYuOTMzNCAxMS45NTk5IDE3LjUzMzQgMTEuMjI2NSAxNy41MzM0WiIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 24px auto;
}
.bottomPanelCart i {
  font-weight: 600;
  font-size: 7px;
  line-height: 9px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  display: block;
  width: 12px;
  height: 12px;
  padding: 2px 0 0 0;
  border-radius: 50%;
  position: absolute;
  bottom: 16px;
  left: 50%;
  margin: 0 0 0 2px;
  background: #fff;
}
.bottomPanelFav {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljk5OTggMjguODY2NkMxNS41ODY1IDI4Ljg2NjYgMTUuMTg2NSAyOC44MTMzIDE0Ljg1MzIgMjguNjkzM0M5Ljc1OTg0IDI2Ljk0NjYgMS42NjY1IDIwLjc0NjYgMS42NjY1IDExLjU4NjZDMS42NjY1IDYuOTE5OTcgNS40Mzk4NCAzLjEzMzMgMTAuMDc5OCAzLjEzMzNDMTIuMzMzMiAzLjEzMzMgMTQuNDM5OCA0LjAxMzMgMTUuOTk5OCA1LjU4NjYzQzE3LjU1OTggNC4wMTMzIDE5LjY2NjUgMy4xMzMzIDIxLjkxOTggMy4xMzMzQzI2LjU1OTggMy4xMzMzIDMwLjMzMzIgNi45MzMzIDMwLjMzMzIgMTEuNTg2NkMzMC4zMzMyIDIwLjc2IDIyLjIzOTggMjYuOTQ2NiAxNy4xNDY1IDI4LjY5MzNDMTYuODEzMiAyOC44MTMzIDE2LjQxMzIgMjguODY2NiAxNS45OTk4IDI4Ljg2NjZaTTEwLjA3OTggNS4xMzMzQzYuNTQ2NSA1LjEzMzMgMy42NjY1IDguMDI2NjMgMy42NjY1IDExLjU4NjZDMy42NjY1IDIwLjY5MzMgMTIuNDI2NSAyNS43NiAxNS41MDY1IDI2LjgxMzNDMTUuNzQ2NSAyNi44OTMzIDE2LjI2NjUgMjYuODkzMyAxNi41MDY1IDI2LjgxMzNDMTkuNTczMiAyNS43NiAyOC4zNDY1IDIwLjcwNjYgMjguMzQ2NSAxMS41ODY2QzI4LjM0NjUgOC4wMjY2MyAyNS40NjY1IDUuMTMzMyAyMS45MzMyIDUuMTMzM0MxOS45MDY1IDUuMTMzMyAxOC4wMjY1IDYuMDc5OTcgMTYuODEzMiA3LjcxOTk3QzE2LjQzOTggOC4yMjY2MyAxNS41ODY1IDguMjI2NjMgMTUuMjEzMiA3LjcxOTk3QzEzLjk3MzIgNi4wNjY2MyAxMi4xMDY1IDUuMTMzMyAxMC4wNzk4IDUuMTMzM1oiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: 24px auto;
}
.bottomPanelFav i {
  font-weight: 600;
  font-size: 7px;
  line-height: 9px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  display: block;
  width: 12px;
  height: 12px;
  padding: 2px 0 0 0;
  border-radius: 50%;
  position: absolute;
  bottom: 16px;
  left: 50%;
  margin: 0 0 0 2px;
  background: #fff;
}
.bottomPanelAcc {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjIxMjkgMTUuNDkzM0MxNi4xNzI5IDE1LjQ5MzMgMTYuMTQ2MyAxNS40OTMzIDE2LjEwNjMgMTUuNDkzM0MxNi4wMzk2IDE1LjQ4IDE1Ljk0NjMgMTUuNDggMTUuODY2MyAxNS40OTMzQzExLjk5OTYgMTUuMzczMyA5LjA3OTU5IDEyLjMzMzMgOS4wNzk1OSA4LjU4NjYzQzkuMDc5NTkgNC43NzMyOSAxMi4xODYzIDEuNjY2NjMgMTUuOTk5NiAxLjY2NjYzQzE5LjgxMjkgMS42NjY2MyAyMi45MTk2IDQuNzczMjkgMjIuOTE5NiA4LjU4NjYzQzIyLjkwNjMgMTIuMzMzMyAxOS45NzI5IDE1LjM3MzMgMTYuMjUyOSAxNS40OTMzQzE2LjIzOTYgMTUuNDkzMyAxNi4yMjYzIDE1LjQ5MzMgMTYuMjEyOSAxNS40OTMzWk0xNS45OTk2IDMuNjY2NjNDMTMuMjkyOSAzLjY2NjYzIDExLjA3OTYgNS44Nzk5NiAxMS4wNzk2IDguNTg2NjNDMTEuMDc5NiAxMS4yNTMzIDEzLjE1OTYgMTMuNCAxNS44MTI5IDEzLjQ5MzNDMTUuODc5NiAxMy40OCAxNi4wNjYzIDEzLjQ4IDE2LjIzOTYgMTMuNDkzM0MxOC44NTI5IDEzLjM3MzMgMjAuOTA2MyAxMS4yMjY2IDIwLjkxOTYgOC41ODY2M0MyMC45MTk2IDUuODc5OTYgMTguNzA2MyAzLjY2NjYzIDE1Ljk5OTYgMy42NjY2M1oiIGZpbGw9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTE2LjIyNjEgMzAuMDY2N0MxMy42MTI4IDMwLjA2NjcgMTAuOTg2MSAyOS40IDguOTk5NDggMjguMDY2N0M3LjE0NjE1IDI2Ljg0IDYuMTMyODEgMjUuMTYgNi4xMzI4MSAyMy4zMzM0QzYuMTMyODEgMjEuNTA2NyA3LjE0NjE1IDE5LjgxMzQgOC45OTk0OCAxOC41NzM0QzEyLjk5OTUgMTUuOTIgMTkuNDc5NSAxNS45MiAyMy40NTI4IDE4LjU3MzRDMjUuMjkyOCAxOS44IDI2LjMxOTUgMjEuNDggMjYuMzE5NSAyMy4zMDY3QzI2LjMxOTUgMjUuMTMzNCAyNS4zMDYxIDI2LjgyNjcgMjMuNDUyOCAyOC4wNjY3QzIxLjQ1MjggMjkuNCAxOC44Mzk1IDMwLjA2NjcgMTYuMjI2MSAzMC4wNjY3Wk0xMC4xMDYxIDIwLjI1MzRDOC44MjYxNSAyMS4xMDY3IDguMTMyODEgMjIuMiA4LjEzMjgxIDIzLjM0NjdDOC4xMzI4MSAyNC40OCA4LjgzOTQ4IDI1LjU3MzQgMTAuMTA2MSAyNi40MTM0QzEzLjQyNjEgMjguNjQgMTkuMDI2MSAyOC42NCAyMi4zNDYxIDI2LjQxMzRDMjMuNjI2MSAyNS41NiAyNC4zMTk1IDI0LjQ2NjcgMjQuMzE5NSAyMy4zMkMyNC4zMTk1IDIyLjE4NjcgMjMuNjEyOCAyMS4wOTM0IDIyLjM0NjEgMjAuMjUzNEMxOS4wMjYxIDE4LjA0IDEzLjQyNjEgMTguMDQgMTAuMTA2MSAyMC4yNTM0WiIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 24px auto;
}
@media all and (max-width: 959px) {
  .bottomPanel {
    display: block;
  }
}

.about {
  margin-top: 16px;
  display: flex;
  align-items: start;
}
.aboutText {
  font-size: 18px;
}
.aboutText b {
  font-weight: 600;
}
.aboutText > * {
  margin: 32px 0;
}
.aboutText > *:last-child {
  margin-bottom: 0;
}
.aboutText > *:first-child {
  margin-top: 0;
}
.aboutText h1 {
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  color: #000000;
  margin: 60px 0 40px 0;
}
.aboutText h2 {
  font-weight: 600;
  font-size: 26px;
  line-height: 100%;
  color: #000000;
  margin: 60px 0 40px 0;
}
.aboutText h3 {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: #000000;
  margin: 60px 0 40px 0;
}
.aboutText h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
  margin: 40px 0 20px 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
.aboutText ul {
  list-style: none;
  margin: 40px 0;
  display: block;
  padding: 0 0 0 24px;
}
.aboutText ul li {
  padding: 0 0 0 16px;
  position: relative;
  display: block;
}
.aboutText ul li:not(:first-child) {
  margin: 16px 0 0 0;
}
.aboutText ul li:before {
  position: absolute;
  content: "";
  background: #000;
  width: 8px;
  height: 8px;
  top: 9px;
  left: 0;
}
.aboutText header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 60px 0 40px 0;
}
.aboutText header h2, .aboutText header h3 {
  margin: 0;
}
.aboutText_info {
  padding: 0 0 0 26px;
  position: relative;
}
.aboutText_info:before {
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 18px;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4wNzc1IDE0LjgxMjVINi45NDQ5N0M2LjYxNDk3IDE0LjgxMjUgNi4xOTQ5NyAxNC43NzUgNS45MTc0NyAxNC40OUM1LjY0NzQ3IDE0LjIxMjUgNS42NTQ5NyAxMy44Njc1IDUuNjYyNDcgMTMuNjM1VjEyLjk2NzVDMy43NzI0NyAxMS43MDc1IDIuNTI3NDcgOS41MTc0NyAyLjUyNzQ3IDcuNDMyNDdDMi41Mjc0NyA1LjQ1OTk3IDMuNDEyNDcgMy42MTQ5NyA0Ljk0OTk3IDIuMzc3NDdDNi40ODc0NyAxLjEzOTk3IDguNTA0OTcgMC42NzQ5NzQgMTAuNDc3NSAxLjEwOTk3QzEyLjM1MjUgMS41MjI0NyAxMy45NzI1IDIuNzc0OTcgMTQuODEyNSA0LjQ2MjQ3QzE2LjQ0IDcuNzM5OTcgMTQuODcyNSAxMS4yODc1IDEyLjM2NzUgMTIuOTc1VjEzLjUzNzVDMTIuMzc1IDEzLjc1NSAxMi4zODI1IDE0LjE1MjUgMTIuMDc1IDE0LjQ2NzVDMTEuODQyNSAxNC42OTI1IDExLjUxMjUgMTQuODEyNSAxMS4wNzc1IDE0LjgxMjVaTTYuNzc5OTcgMTMuNjhDNi44MTc0NyAxMy42OCA2Ljg2OTk3IDEzLjY4NzUgNi45Mzc0NyAxMy42ODc1SDExLjA3NzVDMTEuMTUyNSAxMy42ODc1IDExLjIwNSAxMy42OCAxMS4yMzUgMTMuNjcyNUMxMS4yMzUgMTMuNjUgMTEuMjM1IDEzLjYyIDExLjIzNSAxMy41OTc1VjEyLjY1MjVDMTEuMjM1IDEyLjQ1NzUgMTEuMzQgMTIuMjcgMTEuNTA1IDEyLjE3MjVDMTMuNzI1IDEwLjgzIDE1LjE5NSA3Ljc2MjQ3IDEzLjc5MjUgNC45NDk5N0MxMy4xMDI1IDMuNTYyNDcgMTEuNzY3NSAyLjUzNDk3IDEwLjIyMjUgMi4xOTc0N0M4LjU4NzQ3IDEuODM3NDcgNi45MTQ5NyAyLjIxOTk3IDUuNjM5OTcgMy4yNDc0N0M0LjM2NDk3IDQuMjc0OTcgMy42Mzc0NyA1Ljc5NzQ3IDMuNjM3NDcgNy40MzI0N0MzLjYzNzQ3IDkuNTE3NDcgNS4wNzc0NyAxMS4zMTc1IDYuNTAyNDcgMTIuMThDNi42NzQ5NyAxMi4yODUgNi43NzI0NyAxMi40NjUgNi43NzI0NyAxMi42NlYxMy42NzI1QzYuNzc5OTcgMTMuNjcyNSA2Ljc3OTk3IDEzLjY3MjUgNi43Nzk5NyAxMy42OFoiIGZpbGw9IiMzNTM1MzUiLz4KICAgIDxwYXRoIGQ9Ik0xMS42MjQ5IDE3LjA2MjZDMTEuNTcyNCAxNy4wNjI2IDExLjUxOTkgMTcuMDU1MSAxMS40Njc0IDE3LjA0MDFDOS44NDc0NSAxNi41NzUxIDguMTQ0OTUgMTYuNTc1MSA2LjUyNDk1IDE3LjA0MDFDNi4yMjQ5NSAxNy4xMjI2IDUuOTE3NDUgMTYuOTUwMSA1LjgyNzQ1IDE2LjY1MDFDNS43Mzc0NSAxNi4zNTAxIDUuOTE3NDUgMTYuMDQyNiA2LjIxNzQ1IDE1Ljk1MjZDOC4wMzI0NSAxNS40MzUxIDkuOTU5OTUgMTUuNDM1MSAxMS43NzQ5IDE1Ljk1MjZDMTIuMDc0OSAxNi4wMzUxIDEyLjI0NzQgMTYuMzUwMSAxMi4xNjQ5IDE2LjY1MDFDMTIuMDk3NCAxNi45MDUxIDExLjg3MjQgMTcuMDYyNiAxMS42MjQ5IDE3LjA2MjZaIiBmaWxsPSIjMzUzNTM1Ii8+Cjwvc3ZnPg==) center no-repeat;
}
.aboutText q, .aboutTextBox {
  margin: 40px 0;
  padding: 40px;
  display: block;
  border: solid 1px #888888;
  color: #353535;
}
.aboutText q > *, .aboutTextBox > * {
  margin: 24px 0;
}
.aboutText q > *:first-child, .aboutTextBox > *:first-child {
  margin-top: 0;
}
.aboutText q > *:last-child, .aboutTextBox > *:last-child {
  margin-bottom: 0;
}
.aboutTextImp {
  margin: 60px 0;
}
.aboutText_grey {
  color: #353535;
}
@media all and (max-width: 959px) {
  .aboutText > * {
    margin: 24px 0;
  }
  .aboutTextImp {
    margin: 40px 0;
  }
  .aboutText h1 {
    font-size: 24px;
    margin: 40px 0 24px 0;
  }
  .aboutText h2 {
    font-size: 22px;
    margin: 40px 0 24px 0;
  }
  .aboutText h3 {
    font-size: 20px;
    margin: 40px 0 20px 0;
  }
  .aboutText h4 {
    font-size: 18px;
    margin: 32px 0 20px 0;
  }
}
@media all and (max-width: 767px) {
  .aboutText {
    font-size: 14px;
  }
  .aboutTextImp {
    margin: 32px 0;
  }
  .aboutText > * {
    margin: 24px 0;
  }
  .aboutText h1 {
    font-size: 20px;
    margin: 32px 0 24px 0;
  }
  .aboutText h2 {
    font-size: 18px;
    margin: 32px 0 24px 0;
  }
  .aboutText h3 {
    font-size: 16px;
    margin: 32px 0 24px 0;
  }
  .aboutText h4 {
    font-size: 14px;
    margin: 32px 0 24px 0;
  }
}
.aboutNav {
  width: 360px;
  min-width: 360px;
  padding: 0 55px 0 0;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-weight: 500;
  font-size: 20px;
  font-size: 14px;
  z-index: 20;
  line-height: 100%;
  position: sticky;
  top: 190px;
  color: #888888;
  gap: 40px;
}
.aboutNav span, .aboutNav a {
  gap: 40px;
  color: #888888;
  cursor: pointer;
  text-decoration: none;
}
.aboutNav span.active, .aboutNav a.active {
  color: #000;
  text-decoration: none;
}
.aboutContent {
  width: calc(100% - 360px);
}
.aboutTitle {
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  margin: 0 0 60px 0;
}
@media all and (max-width: 959px) {
  .aboutTitle {
    font-size: 24px;
    margin: 0 0 40px 0;
  }
}
@media all and (max-width: 767px) {
  .aboutTitle {
    font-size: 22px;
    margin: 0 0 32px 0;
  }
}
@media all and (max-width: 1200px) {
  .aboutNav {
    width: 260px;
    min-width: 260px;
    font-size: 18px;
    padding: 0 40px 0 0;
  }
  .aboutContent {
    width: calc(100% - 260px);
  }
}
@media all and (max-width: 959px) {
  .about {
    display: block;
  }
  .aboutNav {
    top: 0;
    width: 100vw;
    min-width: 100vw;
    flex-direction: row;
    overflow: auto;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
    gap: 20px;
    margin: 0 -24px;
    padding: 20px 24px;
    position: sticky;
    line-height: 100%;
    color: #888888;
    border: solid 1px #EFEFEF;
    border-width: 1px 0;
    background: #fff;
  }
  .aboutContent {
    margin: 24px 0 0 0;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .about {
    padding: 0 20px;
  }
  .aboutNav {
    margin: 0 -20px;
    padding: 20px 20px;
  }
}
.aboutPreview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.aboutPreviewEl {
  display: block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
.aboutPreviewEl:first-child {
  grid-column: span 2;
}
.aboutPreviewEl:first-child .aboutPreviewElTitle {
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  color: #FFFFFF;
}
.aboutPreviewEl:first-child .aboutPreviewElText {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #FFFFFF;
  max-width: 576px;
  margin: 24px 0 0 0;
  text-align: center;
}
.aboutPreviewEl:first-child .aboutPreviewElBtn {
  margin: 30px 0 0 0;
  min-width: 206px;
}
.aboutPreviewEl:first-child .aboutPreviewElContent {
  display: flex;
  min-height: 420px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media all and (max-width: 767px) {
  .aboutPreviewEl:first-child .aboutPreviewElTitle {
    font-size: 22px;
  }
  .aboutPreviewEl:first-child .aboutPreviewElText {
    font-size: 16px;
    margin: 20px 0 0 0;
  }
  .aboutPreviewEl:first-child .aboutPreviewElBtn {
    margin: 40px 0 0 0;
  }
  .aboutPreviewEl:first-child .aboutPreviewElContent {
    min-height: 460px;
  }
}
.aboutPreviewEl:not(:first-child) .aboutPreviewElTitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #FFFFFF;
}
.aboutPreviewEl:not(:first-child) .aboutPreviewElText {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #FFFFFF;
  margin: 12px 0 0 0;
}
.aboutPreviewEl:not(:first-child) .aboutPreviewElBtn {
  margin: 30px 0 0 0;
  display: inline-block;
  width: 206px;
  text-align: center;
}
.aboutPreviewEl:not(:first-child) .aboutPreviewElContent {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media all and (max-width: 767px) {
  .aboutPreviewEl:not(:first-child) .aboutPreviewElTitle {
    font-size: 22px;
  }
  .aboutPreviewEl:not(:first-child) .aboutPreviewElText {
    font-size: 14px;
  }
  .aboutPreviewEl:not(:first-child) .aboutPreviewElContent {
    min-height: 420px;
  }
}
.aboutPreviewElContent {
  padding: 20px;
  position: relative;
  z-index: 2;
}
.aboutPreviewElMedia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.aboutPreviewElMedia img, .aboutPreviewElMedia picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
@media all and (max-width: 767px) {
  .aboutPreview {
    display: flex;
    flex-direction: column;
    width: 100vw;
    margin: 20px 0 20px -20px;
  }
}
.aboutSection {
  margin: 50px 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #000000;
}
.aboutSection > *:last-child {
  margin-bottom: 0;
}
.aboutSection h2 {
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 32px 0;
}
.aboutSection p {
  margin: 20px 0;
}
.aboutSection p b {
  font-weight: 600;
  font-size: 20px;
}
.aboutSection picture, .aboutSection img {
  margin: 20px 0 0 0;
  width: 100%;
  height: auto;
  display: block;
}
.aboutSectionMedia {
  margin: 32px 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.aboutSectionMedia picture, .aboutSectionMedia img {
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}
.aboutSection picture img {
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
}
@media all and (max-width: 767px) {
  .aboutSection {
    font-size: 15px;
  }
  .aboutSection h2 {
    font-size: 22px;
    margin: 0 0 24px 0;
  }
  .aboutSection p {
    margin: 10px 0;
  }
  .aboutSection p b {
    font-size: 16px;
  }
  .aboutSection picture, .aboutSection img {
    margin: 24px 0 0 -20px;
    width: 100vw;
    height: auto;
    display: block;
  }
  .aboutSectionMedia {
    margin: 24px 0 0 -20px;
    display: flex;
    width: 100vw;
    flex-direction: column;
    gap: 20px;
  }
  .aboutSectionMedia picture, .aboutSectionMedia img {
    margin: 0;
    display: block;
    width: 100%;
    height: auto;
  }
  .aboutSection picture img {
    margin: 0;
    display: block;
    width: 100%;
    height: auto;
  }
}
.aboutHistory {
  margin: 32px 0 0 0;
  border-bottom: 1px solid #CCCCCC;
}
.aboutHistoryEl {
  border-top: 1px solid #CCCCCC;
  display: flex;
  padding: 30px 0;
  align-items: center;
}
.aboutHistoryElYear {
  font-weight: 300;
  font-size: 40px;
  line-height: 100%;
  color: #000000;
  width: 120px;
}
.aboutHistoryElTitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #666666;
  padding: 0 0 0 20px;
}
@media all and (max-width: 767px) {
  .aboutHistory {
    margin: 32px 0 0 -20px;
    width: 100vw;
    display: flex;
    flex-direction: column;
  }
  .aboutHistoryEl {
    padding: 30px 20px;
    flex-direction: column;
    align-items: start;
  }
  .aboutHistoryElYear {
    font-size: 40px;
    width: 100%;
  }
  .aboutHistoryElTitle {
    font-size: 16px;
    line-height: 150%;
    padding: 20px 0 0 0;
  }
}
.aboutContacts {
  display: flex;
  flex-wrap: wrap;
  margin: 32px 0 0 0;
  gap: 32px;
  justify-content: space-between;
}
.aboutContactsInfo {
  font-size: 18px;
  width: 100%;
  max-width: 515px;
}
.aboutContacts .social {
  display: grid;
  grid-row-gap: 32px;
  grid-column-gap: 120px;
  grid-template-columns: 1fr 1fr;
}
.aboutContactsPhone {
  text-align: right;
}
.aboutContactsPhone a {
  font-weight: 600;
  font-size: 32px;
  line-height: 100%;
  text-align: right;
  color: #000000;
  display: block;
  text-decoration: none;
}
.aboutContactsPhone span {
  display: block;
  margin: 12px 0 0 0;
}
@media all and (max-width: 767px) {
  .aboutContacts {
    flex-direction: column;
    width: 100%;
    gap: 40px;
  }
  .aboutContactsPhone {
    order: 0;
    font-size: 12px;
  }
  .aboutContactsPhone a {
    font-size: 25px;
  }
  .aboutContacts .social {
    order: 2;
    grid-row-gap: 20px;
    grid-column-gap: 10px;
  }
  .aboutContactsSocial a {
    padding: 50px 0 0 0;
    text-align: center;
    background-position: top center;
    font-weight: 600;
    display: block;
    height: auto;
    font-size: 16px;
    line-height: 100%;
  }
  .aboutContactsSocial a span {
    display: block;
    font-size: 16px;
    line-height: 100%;
    padding: 0;
    text-align: center;
  }
  .aboutContactsInfo {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    margin: 0;
    text-align: center;
    order: 3;
  }
}

.aboutMm {
  display: block;
  position: relative;
  margin: 60px 0;
  width: 100%;
}
.aboutMmMedia {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 2;
}
.aboutMmMedia picture, .aboutMmMedia img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.aboutMmList {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.aboutMmListEl b {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.aboutMmListEl span {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.aboutMmListSep {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 24px 24px;
  height: 24px;
  width: 100%;
}
.aboutMmContent {
  position: relative;
  z-index: 3;
  background: rgba(242, 241, 239, 0.6);
  backdrop-filter: blur(17.5px);
  padding: 40px;
  min-height: 380px;
  width: 50%;
  margin: 0 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.aboutMmContent ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.aboutMmContent ul li {
  padding: 0 0 0 30px;
  margin: 0;
}
.aboutMmContent ul li:not(:first-child) {
  margin: 0;
}
.aboutMmContent ul li:before {
  width: 22px;
  height: 22px;
  display: block;
  left: 0px;
  top: 5px;
  position: absolute;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2Ljg1MjEgNC45ODM2N0MxNy4xMzczIDUuMTc4MTIgMTcuMjEwOSA1LjU2Njk1IDE3LjAxNjQgNS44NTIxNUw5LjAxNjUzIDE3LjU4NTNMNC40OTQ1OCAxMS4zNjc3QzQuMjkxNTYgMTEuMDg4NSA0LjM1MzI4IDEwLjY5NzYgNC42MzI0NCAxMC40OTQ2QzQuOTExNTkgMTAuMjkxNiA1LjMwMjQ4IDEwLjM1MzMgNS41MDU1IDEwLjYzMjVMOC45ODM1NiAxNS40MTQ4TDE1Ljk4MzcgNS4xNDc5N0MxNi4xNzgxIDQuODYyNzggMTYuNTY2OSA0Ljc4OTIyIDE2Ljg1MjEgNC45ODM2N1oiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==) center no-repeat;
  background-size: contain;
}
@media all and (max-width: 959px) {
  .aboutMm {
    padding: 350px 0 0 0;
    margin: 40px 0;
  }
  .aboutMmList {
    justify-content: center;
  }
  .aboutMmListEl {
    text-align: center;
  }
  .aboutMmListEl b, .aboutMmListEl span {
    display: block;
  }
  .aboutMmListSep {
    width: 64px;
  }
  .aboutMmContent {
    width: 100%;
    padding: 20px;
    min-height: 0px;
    margin: 0;
  }
  .aboutMmContent ul {
    flex-direction: row;
    gap: 40px;
    align-items: center;
    font-size: 24px;
    line-height: 24px;
    justify-content: center;
  }
  .aboutMmContent ul li:before {
    top: 0;
  }
}
@media all and (max-width: 767px) {
  .aboutMm {
    padding: 105vw 0 0 0;
    margin-left: -20px;
    width: 100vw;
  }
  .aboutMmList {
    flex-direction: column;
    justify-content: center;
    margin: 0;
  }
  .aboutMmListEl {
    text-align: center;
  }
  .aboutMmListEl b {
    font-size: 18px;
  }
  .aboutMmListEl span {
    font-size: 14px;
  }
  .aboutMmListSep {
    width: 24px;
    margin: 0;
    position: relative;
    top: 4px;
    transform: rotate(90deg);
  }
  .aboutMmContent {
    padding: 32px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .aboutMmContent ul {
    flex-direction: column;
    gap: 12px;
    align-items: start;
    font-size: 18px;
    line-height: 150%;
    justify-content: center;
  }
  .aboutMmContent ul li:before {
    top: 2px;
  }
}
@media all and (max-width: 359px) {
  .aboutMmContent {
    padding: 20px;
  }
}

.aboutForm {
  display: flex;
  align-items: stretch;
  border: 1px solid #888;
  margin: 40px 0;
}
.aboutFormMedia {
  width: 50%;
  display: flex;
  position: relative;
}
.aboutFormMedia img, .aboutFormMedia picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.aboutFormContent {
  width: 50%;
  min-width: 410px;
  padding: 60px;
}
.aboutFormContent .tabs {
  overflow: hidden;
}
.aboutFormContent .tabsHeader span {
  text-align: center;
  font-size: 18px;
  width: 50%;
}
.aboutFormContent .tabsContent {
  display: flex;
  width: 200%;
  align-items: stretch;
}
.aboutFormContent .tabsPanel {
  order: 2;
  width: 50%;
  height: auto;
}
.aboutFormContent .tabsPanel.active {
  order: 1;
}
@media all and (max-width: 1200px) {
  .aboutFormContent {
    padding: 32px;
  }
  .aboutFormContent .tabsHeader span {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
  }
}
@media all and (max-width: 1140px) {
  .aboutForm {
    padding: 90px 0;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .aboutFormMedia {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .aboutFormContent {
    width: 500px;
    padding: 60px;
    min-width: 500px;
    z-index: 2;
    background: #fff;
  }
}
@media all and (max-width: 959px) {
  .aboutForm {
    margin-left: -24px;
    width: 100vw;
  }
}
@media all and (max-width: 767px) {
  .aboutForm {
    margin-left: -20px;
    padding: 80px 0;
  }
  .aboutFormContent {
    width: 355px;
    min-width: 355px;
    padding: 40px 20px;
  }
  .aboutFormContent .tabsHeader span {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .aboutFormContent {
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
  }
  .aboutFormContent .tabsHeader span {
    font-size: 14px;
  }
}
@media all and (max-width: 375px) {
  .aboutFormContent {
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
  }
  .aboutFormContent .tabsHeader span {
    font-size: 14px;
  }
}
@media all and (max-width: 340px) {
  .aboutFormContent .tabsHeader span {
    font-size: 12px;
  }
}

.authInner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media all and (max-width: 960px) and (min-width: 767px) {
  .authInner {
    justify-content: center;
  }
}
.authPanel {
  position: relative;
  display: none;
  min-height: 760px;
  min-height: calc(100vh - 216px);
  padding: 60px 0;
}
@media all and (max-width: 959px) and (min-width: 768px) {
  .authPanel {
    min-height: calc(100vh - 153px);
  }
}
@media all and (max-width: 767px) {
  .authPanel {
    min-height: auto;
  }
}
.authPanel.active {
  display: flex;
}
.authContent {
  background: #fff;
  padding: 60px;
  position: relative;
  z-index: 2;
  margin: 0 60px 0 0;
  width: 470px;
}
@media all and (max-width: 960px) and (min-width: 767px) {
  .authContent {
    margin: 0 auto;
  }
}
.authMedia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.authMedia img, .authMedia picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.authTabs, .authTitle {
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  display: flex;
  gap: 26px;
  color: #888888;
  margin: 0 0 45px 0;
}
.authTabs a, .authTabs span, .authTabs button, .authTitle a, .authTitle span, .authTitle button {
  color: #888888;
  cursor: pointer;
  text-decoration: none;
}
.authTabs .active, .authTitle .active {
  color: #000000;
  cursor: default;
}
.authTitle {
  color: #000000;
  margin: 0 0 25px 0;
}
@media all and (max-width: 767px) {
  .authLog, .authReg {
    min-height: auto;
    padding: 80px 10px;
  }
  .authContent {
    width: 100%;
    margin: 0;
    padding: 40px 20px;
  }
  .authInner {
    padding: 0;
  }
  .authTabs, .authTitle {
    font-size: 20px;
    gap: 20px;
  }
}
@media all and (max-width: 359px) {
  .authTabs, .authTitle {
    font-size: 18px;
  }
}
@media all and (max-width: 329px) {
  .authTabs, .authTitle {
    font-size: 16px;
  }
}
.authForgetPswdForm.hide {
  display: none;
}
.authForgetPswdFormText {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #000000;
}
.authForgetPswdComplete.hide {
  display: none;
}
.authForgetPswdCompleteText {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #000000;
  padding: 0 0 0 24px;
  position: relative;
}
.authForgetPswdCompleteText:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik05LjQ4IDE0LjQyQzguNjkzMzQgMTQuNDIgNy41OCAxMy44NjY3IDYuNyAxMS4yMkw2LjIyIDkuNzgwMDVMNC43OCA5LjMwMDA1QzIuMTQgOC40MjAwNSAxLjU4NjY3IDcuMzA2NzEgMS41ODY2NyA2LjUyMDA1QzEuNTg2NjcgNS43NDAwNSAyLjE0IDQuNjIwMDUgNC43OCAzLjczMzM4TDEwLjQ0IDEuODQ2NzFDMTEuODUzMyAxLjM3MzM4IDEzLjAzMzMgMS41MTMzOCAxMy43NiAyLjIzMzM4QzE0LjQ4NjcgMi45NTMzOCAxNC42MjY3IDQuMTQwMDUgMTQuMTUzMyA1LjU1MzM4TDEyLjI2NjcgMTEuMjEzNEMxMS4zOCAxMy44NjY3IDEwLjI2NjcgMTQuNDIgOS40OCAxNC40MlpNNS4wOTMzNCA0LjY4NjcxQzMuMjQgNS4zMDY3MSAyLjU4IDYuMDQwMDUgMi41OCA2LjUyMDA1QzIuNTggNy4wMDAwNSAzLjI0IDcuNzMzMzggNS4wOTMzNCA4LjM0NjcxTDYuNzczMzQgOC45MDY3MUM2LjkyIDguOTUzMzggNy4wNCA5LjA3MzM4IDcuMDg2NjcgOS4yMjAwNUw3LjY0NjY3IDEwLjlDOC4yNiAxMi43NTM0IDkgMTMuNDEzNCA5LjQ4IDEzLjQxMzRDOS45NiAxMy40MTM0IDEwLjY5MzMgMTIuNzUzNCAxMS4zMTMzIDEwLjlMMTMuMiA1LjI0MDA1QzEzLjU0IDQuMjEzMzggMTMuNDggMy4zNzMzOCAxMy4wNDY3IDIuOTQwMDVDMTIuNjEzMyAyLjUwNjcxIDExLjc3MzMgMi40NTMzOCAxMC43NTMzIDIuNzkzMzhMNS4wOTMzNCA0LjY4NjcxWiIgZmlsbD0iYmxhY2siLz4KICAgIDxwYXRoIGQ9Ik02Ljc0IDkuNTk5OTJDNi42MTMzNCA5LjU5OTkyIDYuNDg2NjcgOS41NTMyNSA2LjM4NjY3IDkuNDUzMjVDNi4xOTMzNCA5LjI1OTkyIDYuMTkzMzQgOC45Mzk5MiA2LjM4NjY3IDguNzQ2NTlMOC43NzMzNCA2LjM1MzI1QzguOTY2NjcgNi4xNTk5MiA5LjI4NjY3IDYuMTU5OTIgOS40OCA2LjM1MzI1QzkuNjczMzQgNi41NDY1OSA5LjY3MzM0IDYuODY2NTkgOS40OCA3LjA1OTkyTDcuMDkzMzQgOS40NTMyNUM3IDkuNTUzMjUgNi44NjY2NyA5LjU5OTkyIDYuNzQgOS41OTk5MloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==) center no-repeat;
  background-size: contain;
}
.authForgetPswdBack {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #000000;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  margin: 40px 0 0 0;
  width: 100%;
  display: block;
}
.authForgetPswdBack:hover {
  text-decoration: none;
}
.authForgetPswdResend {
  margin: 40px 0 0 0;
  cursor: pointer;
  width: 100%;
  display: block;
}

.regUserTypeContent {
  display: none;
  margin: 25px 0 0 0;
}
.regUserTypeContent_pro, .regUserTypeContent_stud {
  display: block;
}
.regUserTypeContent .regUserTypeEd, .regUserTypeContent .regUserTypeOptions, .regUserTypeContent .regUserTypeDiploma, .regUserTypeContent .regUserTypeCert {
  display: none;
}
.regUserTypeContent_pro .regUserTypeOptions, .regUserTypeContent_pro .regUserTypeDiploma {
  display: block;
}
.regUserTypeContent_stud .regUserTypeEd, .regUserTypeContent_stud .regUserTypeOptions, .regUserTypeContent_stud .regUserTypeCert {
  display: block;
}

.formRow {
  display: flex;
  width: 100%;
  gap: 10px;
}
.formRow:not(:first-child) {
  margin: 25px 0 0 0;
}
.formInfo {
  color: #888;
  font-size: 14px;
}
.formInfo a {
  color: #888;
  text-decoration: underline;
}
.formInfo a:hover {
  color: #000;
  text-decoration: none;
}
.formEl {
  width: 100%;
}
.formEl > label {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #888888;
  display: block;
  margin: 0;
}
.formEl_file > label {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  padding: 16px;
  cursor: pointer;
  width: auto;
  border: solid 1px #888;
  display: inline-flex;
}
.authForm .formEl_file > label {
  width: 100%;
  display: flex;
}
@media all and (max-width: 767px) {
  .formEl_file > label {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.formEl_file input {
  display: none !important;
}
.formEl .bx-sls .dropdown-icon {
  top: 12px;
}
.formEl .bx-sls .bx-ui-sls-pane {
  top: 41px;
}
.formEl .bx-sls .bx-ui-sls-loader {
  top: 6px;
}
.formEl .bx-sls .bx-ui-sls-clear {
  top: 3px;
}
.formEl .bx-sls .dropdown-block {
  border: solid 1px #888888;
  box-shadow: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  margin-top: 5px;
}
.formEl .bx-sls .bx-ui-sls-container {
  min-height: 40px;
}
.formEl .bx-sls .bx-ui-sls-container .bx-ui-sls-fake, .formEl .bx-sls .bx-ui-sls-container .bx-ui-sls-route {
  height: 40px;
  padding-top: 4px !important;
  padding-bottom: 5px !important;
}
.formEl textarea {
  border: solid 1px #888888;
  border-width: 0 0 1px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  display: block;
  width: 100%;
  padding: 15px 0;
  outline: none;
  border-radius: 0;
  color: #888888;
  color: #000;
  height: 280px;
  height: 120px;
  resize: none;
}
.formEl textarea::placeholder {
  color: #888888;
}
.formEl textarea:focus {
  border-color: #000;
  color: #000;
}
.formEl input, .formEl select {
  border: solid 1px #888888;
  border-width: 0 0 1px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  display: block;
  width: 100%;
  padding: 15px 0;
  outline: none;
  border-radius: 0;
  color: #888888;
  color: #000;
}
.formEl input::placeholder, .formEl select::placeholder {
  color: #888888;
}
.formEl input:focus, .formEl select:focus {
  border-color: #000;
  color: #000;
}
.formEl > label + input, .formEl > label + select {
  padding-top: 6px;
}
.formElError {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  padding: 0 0 0 22px;
  margin: 10px 0 0 0;
  display: block;
  width: 100%;
  color: #000000;
  position: relative;
}
.formElError:before {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5px;
  left: 3px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMS4xNDY1OCAwLjY4MjYyNUMwLjk5MTI1NSAwLjUyNzMwMyAwLjk5MTI1NSAwLjI3NTQ3NiAxLjE0NjU4IDAuMTIwMTU0QzEuMzAxOSAtMC4wMzUxNjgxIDEuNTUzNzMgLTAuMDM1MTY4MSAxLjcwOTA1IDAuMTIwMTU0TDguOTA4NjggNy4zMTk3OUM5LjA2NCA3LjQ3NTExIDkuMDY0IDcuNzI2OTQgOC45MDg2OCA3Ljg4MjI2QzguNzUzMzYgOC4wMzc1OCA4LjUwMTUzIDguMDM3NTggOC4zNDYyMSA3Ljg4MjI2TDEuMTQ2NTggMC42ODI2MjVaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTguODU2ODcgMC42ODI2MjVDOS4wMTIxOSAwLjUyNzMwMyA5LjAxMjE5IDAuMjc1NDc2IDguODU2ODcgMC4xMjAxNTRDOC43MDE1NCAtMC4wMzUxNjg0IDguNDQ5NzIgLTAuMDM1MTY4NCA4LjI5NDM5IDAuMTIwMTU0TDEuMDk0NzYgNy4zMTk3OUMwLjkzOTQ0MSA3LjQ3NTExIDAuOTM5NDQxIDcuNzI2OTMgMS4wOTQ3NiA3Ljg4MjI2QzEuMjUwMDkgOC4wMzc1OCAxLjUwMTkxIDguMDM3NTggMS42NTcyMyA3Ljg4MjI2TDguODU2ODcgMC42ODI2MjVaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=) center no-repeat;
  background-size: contain;
}
.formElErrors {
  margin: 40px 0 20px 0;
}
.formElErrorsTitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 20px 0;
}
.formElErrorsItem {
  margin: 12px 0 0 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  padding: 0 0 0 22px;
  display: block;
  width: 100%;
  color: #000000;
  position: relative;
}
.formElErrorsItem:before {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5px;
  left: 3px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMS4xNDY1OCAwLjY4MjYyNUMwLjk5MTI1NSAwLjUyNzMwMyAwLjk5MTI1NSAwLjI3NTQ3NiAxLjE0NjU4IDAuMTIwMTU0QzEuMzAxOSAtMC4wMzUxNjgxIDEuNTUzNzMgLTAuMDM1MTY4MSAxLjcwOTA1IDAuMTIwMTU0TDguOTA4NjggNy4zMTk3OUM5LjA2NCA3LjQ3NTExIDkuMDY0IDcuNzI2OTQgOC45MDg2OCA3Ljg4MjI2QzguNzUzMzYgOC4wMzc1OCA4LjUwMTUzIDguMDM3NTggOC4zNDYyMSA3Ljg4MjI2TDEuMTQ2NTggMC42ODI2MjVaIiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTguODU2ODcgMC42ODI2MjVDOS4wMTIxOSAwLjUyNzMwMyA5LjAxMjE5IDAuMjc1NDc2IDguODU2ODcgMC4xMjAxNTRDOC43MDE1NCAtMC4wMzUxNjg0IDguNDQ5NzIgLTAuMDM1MTY4NCA4LjI5NDM5IDAuMTIwMTU0TDEuMDk0NzYgNy4zMTk3OUMwLjkzOTQ0MSA3LjQ3NTExIDAuOTM5NDQxIDcuNzI2OTMgMS4wOTQ3NiA3Ljg4MjI2QzEuMjUwMDkgOC4wMzc1OCAxLjUwMTkxIDguMDM3NTggMS42NTcyMyA3Ljg4MjI2TDguODU2ODcgMC42ODI2MjVaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+DQo=) center no-repeat;
  background-size: contain;
}
.formElErrorsItem[data-ok] {
  color: #888888;
}
.formElErrorsItem[data-ok]:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjcyNDE3IDAuMTcxNDQ4QzguOTA1NjYgMC4yOTUxODkgOC45NTI0NyAwLjU0MjYyNyA4LjgyODczIDAuNzI0MTE1TDMuNzM3ODggOC4xOTA2OUwwLjg2MDI3OSA0LjIzMzk5QzAuNzMxMDgyIDQuMDU2MzUgMC43NzAzNTcgMy44MDc2IDAuOTQ4MDAzIDMuNjc4NEMxLjEyNTY1IDMuNTQ5MjEgMS4zNzQzOSAzLjU4ODQ4IDEuNTAzNTkgMy43NjYxM0wzLjcxNjkgNi44MDk0M0w4LjE3MTUgMC4yNzYwMDZDOC4yOTUyNCAwLjA5NDUxODIgOC41NDI2OCAwLjA0NzcwNTcgOC43MjQxNyAwLjE3MTQ0OFoiIGZpbGw9IiM4ODg4ODgiLz4NCjwvc3ZnPg0K);
}
.form_password {
  position: relative;
}
.form_password input {
  padding-right: 40px;
}
.form_password_show .form_password_visible {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik01LjUyNDEyIDguOTEzMjlDNS40MTMyOSA4LjkxMzI5IDUuMzAyNDUgOC44NzI0NSA1LjIxNDk1IDguNzg0OTVDNC43MzY2MiA4LjMwNjYyIDQuNDc0MTIgNy42NzA3OSA0LjQ3NDEyIDYuOTk5OTVDNC40NzQxMiA1LjYwNTc5IDUuNjA1NzkgNC40NzQxMiA2Ljk5OTk1IDQuNDc0MTJDNy42NzA3OSA0LjQ3NDEyIDguMzA2NjIgNC43MzY2MiA4Ljc4NDk1IDUuMjE0OTVDOC44NjY2MiA1LjI5NjYyIDguOTEzMjkgNS40MDc0NSA4LjkxMzI5IDUuNTI0MTJDOC45MTMyOSA1LjY0MDc5IDguODY2NjIgNS43NTE2MiA4Ljc4NDk1IDUuODMzMjlMNS44MzMyOSA4Ljc4NDk1QzUuNzQ1NzkgOC44NzI0NSA1LjYzNDk1IDguOTEzMjkgNS41MjQxMiA4LjkxMzI5Wk02Ljk5OTk1IDUuMzQ5MTJDNi4wODk5NSA1LjM0OTEyIDUuMzQ5MTIgNi4wODk5NSA1LjM0OTEyIDYuOTk5OTVDNS4zNDkxMiA3LjI5MTYyIDUuNDI0OTUgNy41NzE2MiA1LjU2NDk1IDcuODE2NjJMNy44MTY2MiA1LjU2NDk1QzcuNTcxNjIgNS40MjQ5NSA3LjI5MTYyIDUuMzQ5MTIgNi45OTk5NSA1LjM0OTEyWiIgZmlsbD0iIzg4ODg4OCIvPgogICAgPHBhdGggZD0iTTMuMjY2NTggMTAuNzk3NEMzLjE2NzQxIDEwLjc5NzQgMy4wNjI0MSAxMC43NjI0IDIuOTgwNzQgMTAuNjkyNEMyLjM1NjU4IDEwLjE2MTYgMS43OTY1OCA5LjUwODI4IDEuMzE4MjQgOC43NDk5NUMwLjY5OTkwOSA3Ljc4NzQ1IDAuNjk5OTA5IDYuMjE4MjggMS4zMTgyNCA1LjI0OTk1QzIuNzQxNTggMy4wMjE2MSA0LjgxMjQxIDEuNzM4MjggNi45OTk5MSAxLjczODI4QzguMjgzMjQgMS43MzgyOCA5LjU0OTA4IDIuMTgxNjEgMTAuNjU3NCAzLjAxNTc4QzEwLjg0OTkgMy4xNjE2MSAxMC44OTA3IDMuNDM1NzggMTAuNzQ0OSAzLjYyODI4QzEwLjU5OTEgMy44MjA3OCAxMC4zMjQ5IDMuODYxNjEgMTAuMTMyNCAzLjcxNTc4QzkuMTc1NzQgMi45OTI0NSA4LjA5MDc0IDIuNjEzMjggNi45OTk5MSAyLjYxMzI4QzUuMTE1NzQgMi42MTMyOCAzLjMxMzI0IDMuNzQ0OTUgMi4wNTMyNCA1LjcyMjQ1QzEuNjE1NzQgNi40MDQ5NSAxLjYxNTc0IDcuNTk0OTUgMi4wNTMyNCA4LjI3NzQ1QzIuNDkwNzQgOC45NTk5NSAyLjk5MjQxIDkuNTQ5MTEgMy41NDY1OCAxMC4wMjc0QzMuNzI3NDEgMTAuMTg0OSAzLjc1MDc0IDEwLjQ1OTEgMy41OTMyNCAxMC42NDU4QzMuNTExNTggMTAuNzQ0OSAzLjM4OTA4IDEwLjc5NzQgMy4yNjY1OCAxMC43OTc0WiIgZmlsbD0iIzg4ODg4OCIvPgogICAgPHBhdGggZD0iTTcgMTIuMjYxN0M2LjIyNDE2IDEyLjI2MTcgNS40NjU4MyAxMi4xMDQyIDQuNzM2NjYgMTEuNzk1QzQuNTE1IDExLjcwMTcgNC40MSAxMS40NDUgNC41MDMzMyAxMS4yMjM0QzQuNTk2NjYgMTEuMDAxNyA0Ljg1MzMzIDEwLjg5NjcgNS4wNzUgMTAuOTlDNS42OTMzMyAxMS4yNTI1IDYuMzQwODMgMTEuMzg2NyA2Ljk5NDE2IDExLjM4NjdDOC44NzgzMyAxMS4zODY3IDEwLjY4MDggMTAuMjU1IDExLjk0MDggOC4yNzc1NEMxMi4zNzgzIDcuNTk1MDQgMTIuMzc4MyA2LjQwNTA0IDExLjk0MDggNS43MjI1NEMxMS43NiA1LjQzNjcxIDExLjU2MTcgNS4xNjI1NCAxMS4zNTE3IDQuOTA1ODdDMTEuMiA0LjcxOTIxIDExLjIyOTIgNC40NDUwNCAxMS40MTU4IDQuMjg3NTRDMTEuNjAyNSA0LjEzNTg3IDExLjg3NjcgNC4xNTkyMSAxMi4wMzQyIDQuMzUxNzFDMTIuMjYxNyA0LjYzMTcxIDEyLjQ4MzMgNC45MzUwNCAxMi42ODE3IDUuMjUwMDRDMTMuMyA2LjIxMjU0IDEzLjMgNy43ODE3MSAxMi42ODE3IDguNzUwMDRDMTEuMjU4MyAxMC45Nzg0IDkuMTg3NSAxMi4yNjE3IDcgMTIuMjYxN1oiIGZpbGw9IiM4ODg4ODgiLz4KICAgIDxwYXRoIGQ9Ik03LjQwMjI2IDkuNDkwNzlDNy4xOTgxIDkuNDkwNzkgNy4wMTE0MyA5LjM0NDk2IDYuOTcwNiA5LjEzNDk2QzYuOTIzOTMgOC44OTU3OSA3LjA4MTQzIDguNjY4MjkgNy4zMjA2IDguNjI3NDZDNy45NjIyNiA4LjUxMDc5IDguNDk4OTMgNy45NzQxMiA4LjYxNTYgNy4zMzI0NkM4LjY2MjI2IDcuMDkzMjkgOC44ODk3NiA2Ljk0MTYyIDkuMTI4OTMgNi45ODI0NkM5LjM2ODEgNy4wMjkxMiA5LjUyNTYgNy4yNTY2MiA5LjQ3ODkzIDcuNDk1NzlDOS4yOTIyNiA4LjUwNDk2IDguNDg3MjYgOS4zMDQxMiA3LjQ4MzkzIDkuNDkwNzlDNy40NTQ3NiA5LjQ4NDk2IDcuNDMxNDMgOS40OTA3OSA3LjQwMjI2IDkuNDkwNzlaIiBmaWxsPSIjODg4ODg4Ii8+CiAgICA8cGF0aCBkPSJNMS4xNjY1MSAxMy4yNzA4QzEuMDU1NjggMTMuMjcwOCAwLjk0NDg0NCAxMy4yMyAwLjg1NzM0NCAxMy4xNDI1QzAuNjg4MTc3IDEyLjk3MzMgMC42ODgxNzcgMTIuNjkzMyAwLjg1NzM0NCAxMi41MjQyTDUuMjE0ODQgOC4xNjY2N0M1LjM4NDAxIDcuOTk3NSA1LjY2NDAxIDcuOTk3NSA1LjgzMzE4IDguMTY2NjdDNi4wMDIzNCA4LjMzNTg0IDYuMDAyMzQgOC42MTU4NCA1LjgzMzE4IDguNzg1TDEuNDc1NjggMTMuMTQyNUMxLjM4ODE4IDEzLjIzIDEuMjc3MzQgMTMuMjcwOCAxLjE2NjUxIDEzLjI3MDhaIiBmaWxsPSIjODg4ODg4Ii8+CiAgICA8cGF0aCBkPSJNOC40NzU1OSA1Ljk2MTc1QzguMzY0NzYgNS45NjE3NSA4LjI1MzkzIDUuOTIwOTIgOC4xNjY0MyA1LjgzMzQyQzcuOTk3MjYgNS42NjQyNSA3Ljk5NzI2IDUuMzg0MjUgOC4xNjY0MyA1LjIxNTA5TDEyLjUyMzkgMC44NTc1ODhDMTIuNjkzMSAwLjY4ODQyMSAxMi45NzMxIDAuNjg4NDIxIDEzLjE0MjMgMC44NTc1ODhDMTMuMzExNCAxLjAyNjc1IDEzLjMxMTQgMS4zMDY3NSAxMy4xNDIzIDEuNDc1OTJMOC43ODQ3NiA1LjgzMzQyQzguNjk3MjYgNS45MjA5MiA4LjU4NjQzIDUuOTYxNzUgOC40NzU1OSA1Ljk2MTc1WiIgZmlsbD0iIzg4ODg4OCIvPgo8L3N2Zz4K);
}
.form_password_visible {
  width: 40px;
  height: 47px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  padding: 0;
  z-index: 2;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTk5OTUgOS41MjU3OUM1LjYwNTc5IDkuNTI1NzkgNC40NzQxMiA4LjM5NDEyIDQuNDc0MTIgNi45OTk5NUM0LjQ3NDEyIDUuNjA1NzkgNS42MDU3OSA0LjQ3NDEyIDYuOTk5OTUgNC40NzQxMkM4LjM5NDEyIDQuNDc0MTIgOS41MjU3OSA1LjYwNTc5IDkuNTI1NzkgNi45OTk5NUM5LjUyNTc5IDguMzk0MTIgOC4zOTQxMiA5LjUyNTc5IDYuOTk5OTUgOS41MjU3OVpNNi45OTk5NSA1LjM0OTEyQzYuMDg5OTUgNS4zNDkxMiA1LjM0OTEyIDYuMDg5OTUgNS4zNDkxMiA2Ljk5OTk1QzUuMzQ5MTIgNy45MDk5NSA2LjA4OTk1IDguNjUwNzkgNi45OTk5NSA4LjY1MDc5QzcuOTA5OTUgOC42NTA3OSA4LjY1MDc5IDcuOTA5OTUgOC42NTA3OSA2Ljk5OTk1QzguNjUwNzkgNi4wODk5NSA3LjkwOTk1IDUuMzQ5MTIgNi45OTk5NSA1LjM0OTEyWiIgZmlsbD0iIzg4ODg4OCIvPgo8cGF0aCBkPSJNNi45OTk4OCAxMi4yNjE2QzQuODA2NTUgMTIuMjYxNiAyLjczNTcyIDEwLjk3ODMgMS4zMTIzOCA4Ljc0OTk1QzAuNjk0MDQ5IDcuNzg3NDUgMC42OTQwNDkgNi4yMTgyOCAxLjMxMjM4IDUuMjQ5OTVDMi43NDE1NSAzLjAyMTYxIDQuODEyMzggMS43MzgyOCA2Ljk5OTg4IDEuNzM4MjhDOS4xODczOCAxLjczODI4IDExLjI1ODIgMy4wMjE2MSAxMi42ODE1IDUuMjQ5OTVDMTMuMjk5OSA2LjIxMjQ1IDEzLjI5OTkgNy43ODE2MSAxMi42ODE1IDguNzQ5OTVDMTEuMjU4MiAxMC45NzgzIDkuMTg3MzggMTIuMjYxNiA2Ljk5OTg4IDEyLjI2MTZaTTYuOTk5ODggMi42MTMyOEM1LjExNTcyIDIuNjEzMjggMy4zMTMyMiAzLjc0NDk1IDIuMDUzMjIgNS43MjI0NUMxLjYxNTcyIDYuNDA0OTUgMS42MTU3MiA3LjU5NDk1IDIuMDUzMjIgOC4yNzc0NUMzLjMxMzIyIDEwLjI1NDkgNS4xMTU3MiAxMS4zODY2IDYuOTk5ODggMTEuMzg2NkM4Ljg4NDA1IDExLjM4NjYgMTAuNjg2NSAxMC4yNTQ5IDExLjk0NjUgOC4yNzc0NUMxMi4zODQgNy41OTQ5NSAxMi4zODQgNi40MDQ5NSAxMS45NDY1IDUuNzIyNDVDMTAuNjg2NSAzLjc0NDk1IDguODg0MDUgMi42MTMyOCA2Ljk5OTg4IDIuNjEzMjhaIiBmaWxsPSIjODg4ODg4Ii8+Cjwvc3ZnPgo=) right center no-repeat;
  background-size: 14px 14px;
}
.formCh {
  position: relative;
  overflow: hidden;
}
.formChList {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 0 0;
  gap: 40px;
}
.authForm .formChList {
  gap: 15px;
}
.formChList .formCh {
  margin: 0;
}
.formChList .formCh:not(:first-child) {
  margin: 0;
}
.formCh input[type=radio] + label:before {
  border-radius: 50%;
}
.formCh label {
  display: block;
  padding: 0 0 0 22px;
  position: relative;
  z-index: 2;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  line-height: 18px;
  color: #000000;
  /*&:after {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 3px;
    background: #000;
    z-index: 4;
    display: none;
    content: "";
  }*/
}
.order .formCh label {
  font-size: 16px;
}
.formCh label:before {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 3px;
  left: 1px;
  background: #fff;
  border: solid 3px #fff;
  outline: solid 1px #000;
  z-index: 3;
  content: "";
}
.formCh input:checked + label:before {
  background: #000;
}
.formCh input:disabled + label {
  cursor: default;
}
.formCh input {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.formCh:not(:first-child) {
  margin-top: 20px;
}
.formLink {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #000000;
  padding: 2px 0 1px 0;
  border: solid 1px #000;
  border-width: 0 0 1px 0;
  background: transparent;
}
.formFooter {
  margin: 40px 0 0 0;
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.formSubmit {
  width: 100%;
  cursor: pointer;
  margin: 35px 0 0 0;
}
.infoBox .formSubmit {
  margin: 15px 0 0 0;
}
@media all and (max-width: 767px) {
  .formRow:not(.css_flex.css_flex_sb) {
    flex-direction: column;
    gap: 25px;
    justify-content: flex-start;
  }
  .formFooter {
    flex-direction: column;
    margin: 25px 0 0 0;
  }
}
@media all and (max-width: 359px) {
  .formEl.css_flex.css_flex_sb {
    flex-direction: column;
    gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.css_flex {
  display: flex;
  align-items: center;
}
.css_flex_sb {
  justify-content: space-between;
}

.css_tdu {
  text-decoration: underline;
}
.css_m0 {
  margin: 0;
}
.css_fw-500 {
  font-weight: 500;
}

.datePick {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzMzOTggMy44MzMwMUM1LjA2MDY1IDMuODMzMDEgNC44MzM5OCAzLjYwNjM0IDQuODMzOTggMy4zMzMwMVYxLjMzMzAxQzQuODMzOTggMS4wNTk2NyA1LjA2MDY1IDAuODMzMDA4IDUuMzMzOTggMC44MzMwMDhDNS42MDczMiAwLjgzMzAwOCA1LjgzMzk4IDEuMDU5NjcgNS44MzM5OCAxLjMzMzAxVjMuMzMzMDFDNS44MzM5OCAzLjYwNjM0IDUuNjA3MzIgMy44MzMwMSA1LjMzMzk4IDMuODMzMDFaIiBmaWxsPSIjODg4ODg4Ii8+CjxwYXRoIGQ9Ik0xMC42NjYgMy44MzMwMUMxMC4zOTI3IDMuODMzMDEgMTAuMTY2IDMuNjA2MzQgMTAuMTY2IDMuMzMzMDFWMS4zMzMwMUMxMC4xNjYgMS4wNTk2NyAxMC4zOTI3IDAuODMzMDA4IDEwLjY2NiAwLjgzMzAwOEMxMC45MzkzIDAuODMzMDA4IDExLjE2NiAxLjA1OTY3IDExLjE2NiAxLjMzMzAxVjMuMzMzMDFDMTEuMTY2IDMuNjA2MzQgMTAuOTM5MyAzLjgzMzAxIDEwLjY2NiAzLjgzMzAxWiIgZmlsbD0iIzg4ODg4OCIvPgo8cGF0aCBkPSJNNS42NjY2NyA5LjY2NjU1QzUuNTggOS42NjY1NSA1LjQ5MzMzIDkuNjQ2NTYgNS40MTMzMyA5LjYxMzIyQzUuMzI2NjcgOS41Nzk4OSA1LjI2IDkuNTMzMjEgNS4xOTMzMyA5LjQ3MzIxQzUuMDczMzMgOS4zNDY1NCA1IDkuMTc5ODggNSA4Ljk5OTg4QzUgOC45MTMyMiA1LjAyIDguODI2NTUgNS4wNTMzMyA4Ljc0NjU1QzUuMDg2NjcgOC42NjY1NSA1LjEzMzMzIDguNTkzMjIgNS4xOTMzMyA4LjUyNjU1QzUuMjYgOC40NjY1NSA1LjMyNjY3IDguNDE5ODcgNS40MTMzMyA4LjM4NjU0QzUuNjUzMzMgOC4yODY1NCA1Ljk1MzMzIDguMzM5ODkgNi4xNCA4LjUyNjU1QzYuMjYgOC42NTMyMiA2LjMzMzMzIDguODI2NTUgNi4zMzMzMyA4Ljk5OTg4QzYuMzMzMzMgOS4wMzk4OCA2LjMyNjY3IDkuMDg2NTYgNi4zMiA5LjEzMzIyQzYuMzEzMzMgOS4xNzMyMiA2LjMgOS4yMTMyMiA2LjI4IDkuMjUzMjJDNi4yNjY2NyA5LjI5MzIyIDYuMjQ2NjcgOS4zMzMyMSA2LjIyIDkuMzczMjFDNi4yIDkuNDA2NTUgNi4xNjY2NyA5LjQzOTg4IDYuMTQgOS40NzMyMUM2LjAxMzMzIDkuNTkzMjEgNS44NCA5LjY2NjU1IDUuNjY2NjcgOS42NjY1NVoiIGZpbGw9IiM4ODg4ODgiLz4KPHBhdGggZD0iTTguMDAwNjUgOS42NjY1OEM3LjkxMzk4IDkuNjY2NTggNy44MjczMiA5LjY0NjU5IDcuNzQ3MzIgOS42MTMyNkM3LjY2MDY1IDkuNTc5OTIgNy41OTM5OSA5LjUzMzI0IDcuNTI3MzIgOS40NzMyNEM3LjQwNzMyIDkuMzQ2NTggNy4zMzM5OCA5LjE3OTkyIDcuMzMzOTggOC45OTk5MkM3LjMzMzk4IDguOTEzMjUgNy4zNTM5OSA4LjgyNjU4IDcuMzg3MzIgOC43NDY1OEM3LjQyMDY1IDguNjY2NTggNy40NjczMiA4LjU5MzI1IDcuNTI3MzIgOC41MjY1OUM3LjU5Mzk5IDguNDY2NTkgNy42NjA2NSA4LjQxOTkxIDcuNzQ3MzIgOC4zODY1N0M3Ljk4NzMyIDguMjc5OTEgOC4yODczMiA4LjMzOTkyIDguNDczOTggOC41MjY1OUM4LjU5Mzk4IDguNjUzMjUgOC42NjczMiA4LjgyNjU4IDguNjY3MzIgOC45OTk5MkM4LjY2NzMyIDkuMDM5OTIgOC42NjA2NSA5LjA4NjU5IDguNjUzOTggOS4xMzMyNkM4LjY0NzMyIDkuMTczMjYgOC42MzM5OCA5LjIxMzI1IDguNjEzOTggOS4yNTMyNUM4LjYwMDY1IDkuMjkzMjUgOC41ODA2NSA5LjMzMzI1IDguNTUzOTkgOS4zNzMyNUM4LjUzMzk5IDkuNDA2NTggOC41MDA2NSA5LjQzOTkxIDguNDczOTggOS40NzMyNEM4LjM0NzMyIDkuNTkzMjQgOC4xNzM5OCA5LjY2NjU4IDguMDAwNjUgOS42NjY1OFoiIGZpbGw9IiM4ODg4ODgiLz4KPHBhdGggZD0iTTEwLjMzMjcgOS42NjY1OEMxMC4yNDYgOS42NjY1OCAxMC4xNTkzIDkuNjQ2NTkgMTAuMDc5MyA5LjYxMzI2QzkuOTkyNjggOS41Nzk5MiA5LjkyNjAyIDkuNTMzMjQgOS44NTkzNSA5LjQ3MzI0QzkuODMyNjggOS40Mzk5MSA5LjgwNjAxIDkuNDA2NTggOS43NzkzNSA5LjM3MzI1QzkuNzUyNjggOS4zMzMyNSA5LjczMjY4IDkuMjkzMjUgOS43MTkzNSA5LjI1MzI1QzkuNjk5MzUgOS4yMTMyNSA5LjY4NjAyIDkuMTczMjYgOS42NzkzNSA5LjEzMzI2QzkuNjcyNjggOS4wODY1OSA5LjY2NjAyIDkuMDM5OTIgOS42NjYwMiA4Ljk5OTkyQzkuNjY2MDIgOC44MjY1OCA5LjczOTM1IDguNjUzMjUgOS44NTkzNSA4LjUyNjU5QzkuOTI2MDIgOC40NjY1OSA5Ljk5MjY4IDguNDE5OTEgMTAuMDc5MyA4LjM4NjU3QzEwLjMyNiA4LjI3OTkxIDEwLjYxOTMgOC4zMzk5MiAxMC44MDYgOC41MjY1OUMxMC45MjYgOC42NTMyNSAxMC45OTkzIDguODI2NTggMTAuOTk5MyA4Ljk5OTkyQzEwLjk5OTMgOS4wMzk5MiAxMC45OTI3IDkuMDg2NTkgMTAuOTg2IDkuMTMzMjZDMTAuOTc5MyA5LjE3MzI2IDEwLjk2NiA5LjIxMzI1IDEwLjk0NiA5LjI1MzI1QzEwLjkzMjcgOS4yOTMyNSAxMC45MTI3IDkuMzMzMjUgMTAuODg2IDkuMzczMjVDMTAuODY2IDkuNDA2NTggMTAuODMyNyA5LjQzOTkxIDEwLjgwNiA5LjQ3MzI0QzEwLjY3OTMgOS41OTMyNCAxMC41MDYgOS42NjY1OCAxMC4zMzI3IDkuNjY2NThaIiBmaWxsPSIjODg4ODg4Ii8+CjxwYXRoIGQ9Ik01LjY2NjY3IDExLjk5OThDNS41OCAxMS45OTk4IDUuNDkzMzMgMTEuOTc5OCA1LjQxMzMzIDExLjk0NjVDNS4zMzMzMyAxMS45MTMxIDUuMjYgMTEuODY2NSA1LjE5MzMzIDExLjgwNjVDNS4wNzMzMyAxMS42Nzk4IDUgMTEuNTA2NSA1IDExLjMzMzFDNSAxMS4yNDY1IDUuMDIgMTEuMTU5OCA1LjA1MzMzIDExLjA3OThDNS4wODY2NyAxMC45OTMxIDUuMTMzMzMgMTAuOTE5OCA1LjE5MzMzIDEwLjg1OThDNS40NCAxMC42MTMxIDUuODkzMzMgMTAuNjEzMSA2LjE0IDEwLjg1OThDNi4yNiAxMC45ODY1IDYuMzMzMzMgMTEuMTU5OCA2LjMzMzMzIDExLjMzMzFDNi4zMzMzMyAxMS41MDY1IDYuMjYgMTEuNjc5OCA2LjE0IDExLjgwNjVDNi4wMTMzMyAxMS45MjY1IDUuODQgMTEuOTk5OCA1LjY2NjY3IDExLjk5OThaIiBmaWxsPSIjODg4ODg4Ii8+CjxwYXRoIGQ9Ik04LjAwMDY1IDExLjk5OThDNy44MjczMiAxMS45OTk4IDcuNjUzOTkgMTEuOTI2NSA3LjUyNzMyIDExLjgwNjVDNy40MDczMiAxMS42Nzk4IDcuMzMzOTggMTEuNTA2NSA3LjMzMzk4IDExLjMzMzFDNy4zMzM5OCAxMS4yNDY1IDcuMzUzOTkgMTEuMTU5OCA3LjM4NzMyIDExLjA3OThDNy40MjA2NSAxMC45OTMxIDcuNDY3MzIgMTAuOTE5OCA3LjUyNzMyIDEwLjg1OThDNy43NzM5OSAxMC42MTMxIDguMjI3MzIgMTAuNjEzMSA4LjQ3Mzk4IDEwLjg1OThDOC41MzM5OCAxMC45MTk4IDguNTgwNjUgMTAuOTkzMSA4LjYxMzk4IDExLjA3OThDOC42NDczMiAxMS4xNTk4IDguNjY3MzIgMTEuMjQ2NSA4LjY2NzMyIDExLjMzMzFDOC42NjczMiAxMS41MDY1IDguNTkzOTggMTEuNjc5OCA4LjQ3Mzk4IDExLjgwNjVDOC4zNDczMiAxMS45MjY1IDguMTczOTggMTEuOTk5OCA4LjAwMDY1IDExLjk5OThaIiBmaWxsPSIjODg4ODg4Ii8+CjxwYXRoIGQ9Ik0xMC4zMzI3IDExLjk5OTlDMTAuMTU5MyAxMS45OTk5IDkuOTg2MDIgMTEuOTI2NiA5Ljg1OTM1IDExLjgwNjZDOS43OTkzNSAxMS43NDY2IDkuNzUyNjggMTEuNjczMyA5LjcxOTM1IDExLjU4NjZDOS42ODYwMiAxMS41MDY2IDkuNjY2MDIgMTEuNDE5OSA5LjY2NjAyIDExLjMzMzNDOS42NjYwMiAxMS4yNDY2IDkuNjg2MDIgMTEuMTU5OSA5LjcxOTM1IDExLjA3OTlDOS43NTI2OCAxMC45OTMzIDkuNzk5MzUgMTAuOTE5OSA5Ljg1OTM1IDEwLjg1OTlDMTAuMDEyNyAxMC43MDY2IDEwLjI0NiAxMC42MzMzIDEwLjQ1OTMgMTAuNjc5OUMxMC41MDYgMTAuNjg2NiAxMC41NDYgMTAuNjk5OSAxMC41ODYgMTAuNzE5OUMxMC42MjYgMTAuNzMzMyAxMC42NjYgMTAuNzUzMyAxMC43MDYgMTAuNzhDMTAuNzM5MyAxMC44IDEwLjc3MjcgMTAuODMzMyAxMC44MDYgMTAuODU5OUMxMC45MjYgMTAuOTg2NiAxMC45OTkzIDExLjE1OTkgMTAuOTk5MyAxMS4zMzMzQzEwLjk5OTMgMTEuNTA2NiAxMC45MjYgMTEuNjc5OSAxMC44MDYgMTEuODA2NkMxMC42NzkzIDExLjkyNjYgMTAuNTA2IDExLjk5OTkgMTAuMzMyNyAxMS45OTk5WiIgZmlsbD0iIzg4ODg4OCIvPgo8cGF0aCBkPSJNMTMuNjY3MyA2LjU1OTU3SDIuMzMzOThDMi4wNjA2NSA2LjU1OTU3IDEuODMzOTggNi4zMzI5IDEuODMzOTggNi4wNTk1N0MxLjgzMzk4IDUuNzg2MjQgMi4wNjA2NSA1LjU1OTU3IDIuMzMzOTggNS41NTk1N0gxMy42NjczQzEzLjk0MDcgNS41NTk1NyAxNC4xNjczIDUuNzg2MjQgMTQuMTY3MyA2LjA1OTU3QzE0LjE2NzMgNi4zMzI5IDEzLjk0MDcgNi41NTk1NyAxMy42NjczIDYuNTU5NTdaIiBmaWxsPSIjODg4ODg4Ii8+CjxwYXRoIGQ9Ik0xMC42NjY3IDE1LjE2NjNINS4zMzMzM0MyLjkgMTUuMTY2MyAxLjUgMTMuNzY2MyAxLjUgMTEuMzMzVjUuNjY2MzRDMS41IDMuMjMzMDEgMi45IDEuODMzMDEgNS4zMzMzMyAxLjgzMzAxSDEwLjY2NjdDMTMuMSAxLjgzMzAxIDE0LjUgMy4yMzMwMSAxNC41IDUuNjY2MzRWMTEuMzMzQzE0LjUgMTMuNzY2MyAxMy4xIDE1LjE2NjMgMTAuNjY2NyAxNS4xNjYzWk01LjMzMzMzIDIuODMzMDFDMy40MjY2NyAyLjgzMzAxIDIuNSAzLjc1OTY3IDIuNSA1LjY2NjM0VjExLjMzM0MyLjUgMTMuMjM5NyAzLjQyNjY3IDE0LjE2NjMgNS4zMzMzMyAxNC4xNjYzSDEwLjY2NjdDMTIuNTczMyAxNC4xNjYzIDEzLjUgMTMuMjM5NyAxMy41IDExLjMzM1Y1LjY2NjM0QzEzLjUgMy43NTk2NyAxMi41NzMzIDIuODMzMDEgMTAuNjY2NyAyLjgzMzAxSDUuMzMzMzNaIiBmaWxsPSIjODg4ODg4Ii8+Cjwvc3ZnPgo=) !important;
  background-repeat: no-repeat;
  background-position: right 7px;
  background-size: 16px 16px;
}

.js_showInfo {
  cursor: pointer;
}

.infoBox {
  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;
  }
  */
  /*  &ChoosePicPoint &Close {
      &: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;
      }

      &:hover {
        &:before {
          background: rgba(255, 255, 255, 1);
        }
      }
    }*/
  /* &#buy-lizing {
      @media all and (max-width: 767px) {
        .btnRed {
          box-sizing: border-box;
          text-align: center;
        }
      }
    }
  */
  /*  &NewAddress &Body {
      max-width: 656px;

      @media all and (max-width: 767px) {
        max-width: 100%;
      }
    }*/
  /*  &Calendar &Body {
      max-width: 336px;
      @media all and (max-width: 767px) {
        max-width: 100%;
      }
    }

    &Location &Body {
      max-width: 446px;
      @media all and (max-width: 767px) {
        max-width: 100%;
      }
    }

    &ChooseAddress &Body {
      max-width: 446px;
      @media all and (max-width: 767px) {
        max-width: 100%;
      }
    }*/
  /*  &CardOpt &Body {
      max-width: 656px;
      @media all and (max-width: 767px) {
        max-width: 100%;
      }
    }*/
  /*  &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;
    }*/
  /*  &ChooseShop &Body,
    &ChoosePicPoint &Body {
      max-width: 1078px;
      padding: 0;
      height: 90vw;
      max-height: 600px;
      align-items: stretch;
      position: relative;

      @media all and (max-width: 1200px) {
        max-width: 90vw;
      }
      @media all and (max-width: 767px) {
        max-width: 100%;
        height: 100%;
        max-height: 100%;
      }
    }*/
  /*

  &ChoosePicPoint &Content,
  &ChooseShop &Content {
    height: 100%;
  }
  */
  /*  &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;
        }
      }
    }*/
  /*  &Tabs {
      &Header {
        span {
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          text-transform: uppercase;
          cursor: pointer;
          color: #949494;
          display: inline-block;
          vertical-align: top;
          margin: 0 20px 0 0;

          &.active {
            color: #000;
          }

          &:last-child {
            margin: 0;
          }
        }
      }

      &Panel {
        display: none;

        &.active {
          display: block;
        }
      }
    }

    &WideBox {
      margin: 24px -24px 0 -24px;
      text-align: center;
      border-top: solid 1px #E5E5E5;
      padding: 24px 0 0 0;

      @media all and (max-width: 767px) {
        margin: 16px -16px 0 -16px;
        padding: 16px 0 0 0;
      }
    }

    &ChangeLink {
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
      text-transform: uppercase;
      color: #000000;
      text-decoration: none;
    }*/
}
.infoBox.active {
  display: flex;
}
.infoBoxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.infoBoxBody {
  position: relative;
  display: flex;
  flex-flow: column;
  margin: auto;
  align-items: center;
  overflow: auto;
  padding: 40px;
  width: 100%;
  max-height: 100%;
  max-width: 880px;
  background: #FFFFFF;
  box-sizing: border-box;
}
.infoBoxTitle {
  text-align: left;
  width: 100%;
  font-weight: 500;
  font-size: 22px;
  line-height: 150%;
  padding: 0 20px 0 0;
  display: block;
  margin: 0 0 20px 0;
  color: #000000;
}
.infoBoxText {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #353535;
}
.infoBoxText > * {
  margin: 16px 0;
}
.infoBoxText > *:last-child {
  margin-bottom: 0;
}
.infoBoxVideo .infoBoxClose:before {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: rgba(255, 255, 255, 0.5);
  content: "";
}
.infoBoxClose {
  position: absolute;
  top: 34px;
  right: 34px;
  width: 22px;
  height: 22px;
  padding: 0px;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1000;
}
.infoBoxClose:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0iIzAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF81NjJfMjA1MDEpIj4NCjxwYXRoIGQ9Ik0wLjQ4ODM3MyAxMEMwLjM5MTc4NiAxMCAwLjI5NzM2NSA5Ljk3MTM5IDAuMjE3MDUgOS45MTc3NEMwLjEzNjczNiA5Ljg2NDA5IDAuMDc0MTM3OSA5Ljc4NzgyIDAuMDM3MTczNSA5LjY5ODU5QzAuMDAwMjA5MTYzIDkuNjA5MzYgLTAuMDA5NDYwNTkgOS41MTExNyAwLjAwOTM4NzM5IDkuNDE2NDRDMC4wMjgyMzU0IDkuMzIxNzEgMC4wNzQ3NTQzIDkuMjM0NyAwLjE0MzA2IDkuMTY2NDFMOS4xNjY1IDAuMTQyOTcyQzkuMjU4MDggMC4wNTEzODk1IDkuMzgyMjkgLTYuMTAzNTJlLTA1IDkuNTExODEgLTYuMTAzNTJlLTA1QzkuNjQxMzMgLTYuMTAzNTJlLTA1IDkuNzY1NTQgMC4wNTEzODk1IDkuODU3MTIgMC4xNDI5NzJDOS45NDg3IDAuMjM0NTU1IDEwLjAwMDIgMC4zNTg3NjcgMTAuMDAwMiAwLjQ4ODI4NUMxMC4wMDAyIDAuNjE3ODAyIDkuOTQ4NyAwLjc0MjAxNCA5Ljg1NzEyIDAuODMzNTk3TDAuODMzNjg1IDkuODU3MDNDMC43ODgzOCA5LjkwMjQzIDAuNzM0NTUxIDkuOTM4NDMgMC42NzUyOTIgOS45NjI5N0MwLjYxNjAzMyA5Ljk4NzUgMC41NTI1MSAxMC4wMDAxIDAuNDg4MzczIDEwWiIgZmlsbD0iIzAwMCIvPg0KPHBhdGggZD0iTTkuNTExNzggMTBDOS40NDc2NSAxMC4wMDAxIDkuMzg0MTIgOS45ODc1IDkuMzI0ODYgOS45NjI5N0M5LjI2NTYgOS45Mzg0MyA5LjIxMTc4IDkuOTAyNDMgOS4xNjY0NyA5Ljg1NzAzTDAuMTQzMDMzIDAuODMzNTk3QzAuMDUxNDUwNiAwLjc0MjAxNCAwIDAuNjE3ODAyIDAgMC40ODgyODVDMCAwLjM1ODc2NyAwLjA1MTQ1MDYgMC4yMzQ1NTUgMC4xNDMwMzMgMC4xNDI5NzJDMC4yMzQ2MTYgMC4wNTEzODk1IDAuMzU4ODI4IC02LjEwMzUyZS0wNSAwLjQ4ODM0NiAtNi4xMDM1MmUtMDVDMC42MTc4NjMgLTYuMTAzNTJlLTA1IDAuNzQyMDc2IDAuMDUxMzg5NSAwLjgzMzY1OCAwLjE0Mjk3Mkw5Ljg1NzEgOS4xNjY0MUM5LjkyNTQgOS4yMzQ3IDkuOTcxOTIgOS4zMjE3MSA5Ljk5MDc3IDkuNDE2NDRDMTAuMDA5NiA5LjUxMTE3IDkuOTk5OTUgOS42MDkzNiA5Ljk2Mjk4IDkuNjk4NTlDOS45MjYwMiA5Ljc4NzgyIDkuODYzNDIgOS44NjQwOSA5Ljc4MzEgOS45MTc3NEM5LjcwMjc5IDkuOTcxMzkgOS42MDgzNyAxMCA5LjUxMTc4IDEwWiIgZmlsbD0iIzAwMCIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU2Ml8yMDUwMSI+DQo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiMwMDAiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==);
  background-size: 14px 14px;
  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: 767px) {
  .infoBoxClose {
    top: 20px;
    right: 20px;
  }
}
.infoBoxCompact .infoBoxBody {
  max-width: 470px;
}
@media all and (max-width: 767px) {
  .infoBoxCompact .infoBoxBody {
    max-width: 100%;
  }
}
.infoBoxMiddle .infoBoxBody {
  max-width: 620px;
}
@media all and (max-width: 767px) {
  .infoBoxMiddle .infoBoxBody {
    max-width: 100%;
  }
}
.infoBoxMiddleL .infoBoxBody {
  max-width: 760px;
}
@media all and (max-width: 767px) {
  .infoBoxMiddleL .infoBoxBody {
    max-width: 100%;
  }
}
.infoBox_map .infoBoxBody {
  height: 90vh;
}
@media all and (max-width: 767px) {
  .infoBox_map .infoBoxBody {
    height: 100vh;
    padding: 0 !important;
  }
}
.infoBox_map .infoBoxContent {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: stretch;
  flex-direction: column;
}
@media all and (max-width: 767px) {
  .infoBox_map .infoBoxContent {
    padding: 62px 0 0 0 !important;
  }
}
.infoBox_mapContainer {
  height: 100%;
}
.infoBoxLarge .infoBoxBody {
  width: 90%;
  max-width: 1060px;
  padding: 80px;
}
@media all and (max-width: 1280px) {
  .infoBoxLarge .infoBoxBody {
    padding: 40px;
  }
}
@media all and (max-width: 767px) {
  .infoBoxLarge .infoBoxBody {
    width: 100%;
    max-width: 100%;
  }
}
.infoBoxSm .infoBoxBody {
  max-width: 320px;
}
@media all and (max-width: 767px) {
  .infoBoxSm .infoBoxBody {
    max-width: 100%;
  }
}
.infoBoxVideo .infoBoxBody {
  min-height: 90vh;
}
.infoBoxVideo .infoBoxBody iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.infoBoxFullScreen .infoBoxBody {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  border-radius: 0;
}
@media all and (max-width: 767px) {
  .infoBox {
    background: #fff;
  }
  .infoBoxOverlay {
    display: none !important;
  }
  .infoBoxBody {
    max-width: 100%;
    width: 100%;
    height: auto;
    height: 100%;
    padding: 40px 20px;
    border-radius: 0;
    align-items: start;
    justify-content: start;
    box-shadow: none !important;
    position: static;
    margin: auto;
    display: block;
  }
  .infoBoxCompact .infoBoxBody {
    max-width: 100%;
  }
  .infoBoxMiddle .infoBoxBody {
    max-width: 100%;
  }
  .infoBoxLarge .infoBoxBody {
    padding: 40px 20px;
  }
}
.infoBoxContent {
  display: block;
  width: 100%;
  margin: auto;
}

/*
.chooseCity {

  &Form {
    margin: 0 0 16px 0;
    position: relative;

    &Val {
      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;

      &::placeholder {
        color: #AEAEAE;
      }

      &:focus {
        border-color: #000;
      }
    }

    &Submit {
      position: absolute;
      top: 1px;
      right: 1px;
      width: 38px;
      height: 38px;
      background-color: #fff;
      background-image: inline("search-grey.svg");
      background-size: 24px 24px;
      background-position: center;
      background-repeat: no-repeat;
      border: none;
      padding: 0;
      cursor: pointer;
    }
  }

  &Results,
  &Top {
    height: 440px;
    display: none;
    overflow: auto;

    @media all and (max-width: 767px) {
      height: calc(100vh - 156px);
    }

    &.active {
      display: block;
    }

    &El {
      font-size: 14px;
      line-height: 24px;
      color: #000000;
      margin: 8px 0px;

      &:first-child {
        margin-top: 0;
      }

      &:last-child {
        margin-bottom: 0;
      }

      a {
        color: #000000;
        text-decoration: none;

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

  }

}
*/
/*
.modalAddressEdit .suggestions-suggestions,
.modalNewAddress .suggestions-suggestions {
  top: auto;
  bottom: 40px;
  max-height: 170px;
  overflow: auto;
}
*/
.cart {
  margin-top: -16px;
}
.cartMain {
  display: table;
  width: 100%;
}
.cartContent {
  float: left;
  width: calc(100% - 460px - 20px);
}
.cartPresentReminder {
  background: linear-gradient(92.82deg, #EFEEED 17.92%, #FDFDF8 85.36%);
  border: 1px solid #888888;
  padding: 40px;
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
  justify-content: space-between;
  gap: 30px;
}
.cartPresentReminderTitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.cartPresentReminderText {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  margin: 12px 0 0 0;
}
@media all and (max-width: 959px) {
  .cartPresentReminder {
    margin: 0 0 10px 0;
  }
}
@media all and (max-width: 767px) {
  .cartPresentReminder {
    margin: 0 0 10px 0;
    padding: 20px;
    gap: 20px;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .cartPresentReminderTitle {
    font-size: 18px;
  }
  .cartPresentReminderBtn {
    display: block;
    width: 100%;
  }
}
.cartInfo {
  width: 460px;
  float: right;
}
.cartSide {
  width: 460px;
  float: right;
}
.cartList .cartEl {
  display: table;
  width: 100%;
  padding: 32px;
  position: relative;
}
.cartList .cartEl:not(:first-child) {
  border-top: 1px solid #888888;
}
.cartList .cartElPresentTitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  margin: 0 0 8px 0;
}
.cartList .cartElPresentChange {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  cursor: pointer;
  background: none;
  padding: 0 0 8px 0;
  border: solid 4px #000;
  border-width: 0 0 4px 0;
}
.cartList .cartElFav {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 5;
  top: 32px;
  right: 76px;
  display: block;
  border: none;
  padding: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIxLjY1QzExLjY5IDIxLjY1IDExLjM5IDIxLjYxIDExLjE0IDIxLjUyQzcuMzIgMjAuMjEgMS4yNSAxNS41NiAxLjI1IDguNjkwMDFDMS4yNSA1LjE5MDAxIDQuMDggMi4zNTAwMSA3LjU2IDIuMzUwMDFDOS4yNSAyLjM1MDAxIDEwLjgzIDMuMDEwMDEgMTIgNC4xOTAwMUMxMy4xNyAzLjAxMDAxIDE0Ljc1IDIuMzUwMDEgMTYuNDQgMi4zNTAwMUMxOS45MiAyLjM1MDAxIDIyLjc1IDUuMjAwMDEgMjIuNzUgOC42OTAwMUMyMi43NSAxNS41NyAxNi42OCAyMC4yMSAxMi44NiAyMS41MkMxMi42MSAyMS42MSAxMi4zMSAyMS42NSAxMiAyMS42NVpNNy41NiAzLjg1MDAxQzQuOTEgMy44NTAwMSAyLjc1IDYuMDIwMDEgMi43NSA4LjY5MDAxQzIuNzUgMTUuNTIgOS4zMiAxOS4zMiAxMS42MyAyMC4xMUMxMS44MSAyMC4xNyAxMi4yIDIwLjE3IDEyLjM4IDIwLjExQzE0LjY4IDE5LjMyIDIxLjI2IDE1LjUzIDIxLjI2IDguNjkwMDFDMjEuMjYgNi4wMjAwMSAxOS4xIDMuODUwMDEgMTYuNDUgMy44NTAwMUMxNC45MyAzLjg1MDAxIDEzLjUyIDQuNTYwMDEgMTIuNjEgNS43OTAwMUMxMi4zMyA2LjE3MDAxIDExLjY5IDYuMTcwMDEgMTEuNDEgNS43OTAwMUMxMC40OCA0LjU1MDAxIDkuMDggMy44NTAwMSA3LjU2IDMuODUwMDFaIiBmaWxsPSIjODg4ODg4Ii8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
  opacity: 1;
  cursor: pointer;
}
.cartList .cartElFav.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4xNCAyMS41MkMxMS4zOSAyMS42MSAxMS42OSAyMS42NSAxMiAyMS42NUMxMi4zMSAyMS42NSAxMi42MSAyMS42MSAxMi44NiAyMS41MkMxNi42OCAyMC4yMSAyMi43NSAxNS41NyAyMi43NSA4LjY5MDAxQzIyLjc1IDUuMjAwMDEgMTkuOTIgMi4zNTAwMSAxNi40NCAyLjM1MDAxQzE0Ljc1IDIuMzUwMDEgMTMuMTcgMy4wMTAwMSAxMiA0LjE5MDAxQzEwLjgzIDMuMDEwMDEgOS4yNSAyLjM1MDAxIDcuNTYgMi4zNTAwMUM0LjA4IDIuMzUwMDEgMS4yNSA1LjE5MDAxIDEuMjUgOC42OTAwMUMxLjI1IDE1LjU2IDcuMzIgMjAuMjEgMTEuMTQgMjEuNTJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
}
.cartList .cartElRemove {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 5;
  top: 32px;
  right: 32px;
  display: block;
  border: none;
  padding: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTcuNTAwMSA1LjYwODI3QzE3LjQ4MzQgNS42MDgyNyAxNy40NTg0IDUuNjA4MjcgMTcuNDMzNCA1LjYwODI3QzEzLjAyNTEgNS4xNjY2MSA4LjYyNTA1IDQuOTk5OTQgNC4yNjY3MiA1LjQ0MTYxTDIuNTY2NzIgNS42MDgyN0MyLjIxNjcyIDUuNjQxNjEgMS45MDgzOSA1LjM5MTYxIDEuODc1MDUgNS4wNDE2MUMxLjg0MTcyIDQuNjkxNjEgMi4wOTE3MiA0LjM5MTYxIDIuNDMzMzkgNC4zNTgyN0w0LjEzMzM5IDQuMTkxNjFDOC41NjY3MiAzLjc0MTYxIDEzLjA1ODQgMy45MTY2MSAxNy41NTg0IDQuMzU4MjdDMTcuOTAwMSA0LjM5MTYxIDE4LjE1MDEgNC42OTk5NCAxOC4xMTY3IDUuMDQxNjFDMTguMDkxNyA1LjM2NjYxIDE3LjgxNjcgNS42MDgyNyAxNy41MDAxIDUuNjA4MjdaIiBmaWxsPSIjODg4ODg4Ii8+DQogICAgPHBhdGggZD0iTTcuMDgzNjMgNC43NjY2M0M3LjA1MDI5IDQuNzY2NjMgNy4wMTY5NiA0Ljc2NjYzIDYuOTc1MjkgNC43NTgyOUM2LjY0MTk2IDQuNjk5OTYgNi40MDg2MyA0LjM3NDk2IDYuNDY2OTYgNC4wNDE2M0w2LjY1MDI5IDIuOTQ5OTZDNi43ODM2MyAyLjE0OTk2IDYuOTY2OTYgMS4wNDE2MyA4LjkwODYzIDEuMDQxNjNIMTEuMDkyQzEzLjA0MiAxLjA0MTYzIDEzLjIyNTMgMi4xOTE2MyAxMy4zNTAzIDIuOTU4MjlMMTMuNTMzNiA0LjA0MTYzQzEzLjU5MiA0LjM4MzI5IDEzLjM1ODYgNC43MDgyOSAxMy4wMjUzIDQuNzU4MjlDMTIuNjgzNiA0LjgxNjYzIDEyLjM1ODYgNC41ODMyOSAxMi4zMDg2IDQuMjQ5OTZMMTIuMTI1MyAzLjE2NjYzQzEyLjAwODYgMi40NDE2MyAxMS45ODM2IDIuMjk5OTYgMTEuMTAwMyAyLjI5OTk2SDguOTE2OTZDOC4wMzM2MyAyLjI5OTk2IDguMDE2OTYgMi40MTY2MyA3Ljg5MTk2IDMuMTU4MjlMNy43MDAyOSA0LjI0MTYzQzcuNjUwMjkgNC41NDk5NiA3LjM4MzYzIDQuNzY2NjMgNy4wODM2MyA0Ljc2NjYzWiIgZmlsbD0iIzg4ODg4OCIvPg0KICAgIDxwYXRoIGQ9Ik0xMi42NzUgMTguOTU4M0g3LjMyNUM0LjQxNjY2IDE4Ljk1ODMgNC4zIDE3LjM0OTkgNC4yMDgzMyAxNi4wNDk5TDMuNjY2NjYgNy42NTgyN0MzLjY0MTY2IDcuMzE2NjEgMy45MDgzMyA3LjAxNjYxIDQuMjUgNi45OTE2MUM0LjYgNi45NzQ5NCA0Ljg5MTY2IDcuMjMzMjcgNC45MTY2NiA3LjU3NDk0TDUuNDU4MzMgMTUuOTY2NkM1LjU1IDE3LjIzMzMgNS41ODMzMyAxNy43MDgzIDcuMzI1IDE3LjcwODNIMTIuNjc1QzE0LjQyNSAxNy43MDgzIDE0LjQ1ODMgMTcuMjMzMyAxNC41NDE3IDE1Ljk2NjZMMTUuMDgzMyA3LjU3NDk0QzE1LjEwODMgNy4yMzMyNyAxNS40MDgzIDYuOTc0OTQgMTUuNzUgNi45OTE2MUMxNi4wOTE3IDcuMDE2NjEgMTYuMzU4MyA3LjMwODI3IDE2LjMzMzMgNy42NTgyN0wxNS43OTE3IDE2LjA0OTlDMTUuNyAxNy4zNDk5IDE1LjU4MzMgMTguOTU4MyAxMi42NzUgMTguOTU4M1oiIGZpbGw9IiM4ODg4ODgiLz4NCiAgICA8cGF0aCBkPSJNMTEuMzgzNCAxNC4zNzVIOC42MDg0QzguMjY2NzMgMTQuMzc1IDcuOTgzNCAxNC4wOTE3IDcuOTgzNCAxMy43NUM3Ljk4MzQgMTMuNDA4MyA4LjI2NjczIDEzLjEyNSA4LjYwODQgMTMuMTI1SDExLjM4MzRDMTEuNzI1MSAxMy4xMjUgMTIuMDA4NCAxMy40MDgzIDEyLjAwODQgMTMuNzVDMTIuMDA4NCAxNC4wOTE3IDExLjcyNTEgMTQuMzc1IDExLjM4MzQgMTQuMzc1WiIgZmlsbD0iIzg4ODg4OCIvPg0KICAgIDxwYXRoIGQ9Ik0xMi4wODM3IDExLjA0MTZINy45MTY5OUM3LjU3NTMzIDExLjA0MTYgNy4yOTE5OSAxMC43NTgzIDcuMjkxOTkgMTAuNDE2NkM3LjI5MTk5IDEwLjA3NSA3LjU3NTMzIDkuNzkxNjMgNy45MTY5OSA5Ljc5MTYzSDEyLjA4MzdDMTIuNDI1MyA5Ljc5MTYzIDEyLjcwODcgMTAuMDc1IDEyLjcwODcgMTAuNDE2NkMxMi43MDg3IDEwLjc1ODMgMTIuNDI1MyAxMS4wNDE2IDEyLjA4MzcgMTEuMDQxNloiIGZpbGw9IiM4ODg4ODgiLz4NCjwvc3ZnPg0K) center no-repeat;
  background-size: contain;
  opacity: 1;
  cursor: pointer;
}
.cartList .cartElImg {
  width: 180px;
  height: 180px;
  display: flex;
  float: left;
  position: relative;
}
.cartList .cartElImg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-position: center;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.cartList .cartElInfo {
  width: calc(100% - 200px);
  float: right;
  padding-right: 80px;
}
.cartList .cartElFooter {
  width: calc(100% - 200px);
  float: right;
  margin: 11px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cartList .cartElSize {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  margin: 0 0 8px 0;
}
.cartList .cartElCategory {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 8px 0;
}
.cartList .cartElName {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  min-height: 81px;
  color: #000000;
  display: block;
  text-decoration: none;
}
.cartList .cartElPriceOld {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  text-decoration-line: line-through;
  color: #888888;
  margin: 0 0 4px 0;
  display: block;
}
.cartList .cartElPriceNew {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  color: #000000;
  padding: 0 14px 0 0;
  display: inline-block;
  vertical-align: baseline;
}
.cartList .cartElPriceDiscount {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #353535;
  display: inline-block;
  vertical-align: baseline;
}
.cartMinOrder {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #000000;
  color: #FFFFFF;
  margin: 0 0 20px 0;
}
.cartFreeDelivery {
  border: solid 1px #888888;
  border-width: 1px 1px 0 1px;
  padding: 24px 24px 24px 88px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  position: relative;
  color: #000000;
}
.cartFreeDelivery b {
  font-weight: 600;
}
.cartFreeDeliveryIcon {
  position: absolute;
  top: 50%;
  margin: -28px 0 0 0;
  left: 24px;
}
.cartSide {
  border: solid 1px #888888;
}
.cartPromo {
  border-bottom: solid 1px #888888;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
}
.cartPromoTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 20px 0;
  width: 100%;
}
.cartPromoCode {
  width: calc(100% - 140px);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #888888;
  padding: 16px;
  outline: none;
  border-radius: 0;
  border: solid 1px #888888;
}
.cartPromoCode:placeholder {
  color: #888888;
}
.cartPromoCode:focus {
  border-color: #000;
  color: #000;
}
.cartPromoSubmit {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}
.cartPromoStatus {
  margin: 8px 0 0 0;
  font-size: 12px;
  line-height: 14px;
}
.cartPromoStatus.error {
  color: red;
}
.cartPrice {
  padding: 32px 24px 0 24px;
  margin: 0 0 24px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  display: flex;
  gap: 24px;
  flex-direction: column;
  color: #000000;
}
.cartPriceEl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cartPriceEl_sale {
  color: #888888;
}
.cartPriceEl_total {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.cartDelivery {
  padding: 0 24px;
  margin: 24px 0 32px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #888888;
}
.cartDeliveryTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 8px 0;
}
.cartOrder {
  margin: 32px 0 0 0;
  padding: 0 24px 32px 24px;
}
.cartOrderSubmit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
}
.cartOrderFastBtn {
  display: block;
  width: 100%;
  margin: 16px 0 0 0;
  min-height: 56px;
}
.cartOrderPay {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #000000;
  margin: 16px 0 0 0;
}
@media all and (max-width: 1280px) {
  .cartContent {
    width: calc(100% - 340px - 20px);
  }
  .cartInfo {
    width: 340px;
  }
  .cartSide {
    width: 340px;
  }
  .cartPromoSubmit {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }
  .cartPromoCode {
    width: calc(100% - 120px);
  }
}
@media all and (max-width: 1100px) {
  .cartList .cartEl {
    padding: 16px;
  }
  .cartList .cartElFav {
    top: 14px;
    right: 50px;
  }
  .cartList .cartElRemove {
    top: 14px;
    right: 16px;
  }
  .cartList .cartElImg {
    width: 140px;
    height: 140px;
  }
  .cartList .cartElInfo {
    width: calc(100% - 160px);
    padding-right: 0;
  }
  .cartList .cartElFooter {
    width: calc(100% - 160px);
  }
  .cartList .cartElName {
    font-size: 16px;
  }
}
@media all and (max-width: 959px) {
  .cart {
    margin-top: 0;
  }
  .cartMain {
    display: flex;
    flex-direction: column;
  }
  .cartContent {
    width: 100%;
    float: none;
    order: 2;
  }
  .cartInfo {
    width: 100%;
    float: none;
    order: 1;
  }
  .cartSide {
    width: 100%;
    float: none;
    order: 3;
  }
  .cartFreeDelivery {
    margin: 0 0 20px 0;
    border-width: 1px;
  }
  .cartSide {
    border-width: 1px;
    margin: 50px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .cartFreeDelivery {
    padding: 20px 20px 20px 84px;
    margin: 0 0 10px 0;
    font-size: 12px;
  }
  .cartFreeDeliveryIcon {
    left: 20px;
  }
  .cartMinOrder {
    font-size: 16px;
    margin: 0 0 10px 0;
  }
  .cartPromo {
    padding: 20px;
  }
  .cartPromoTitle {
    margin: 0 0 15px 0;
  }
  .cartPromoCode {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 12px 12px 16px;
  }
  .cartPromoSubmit {
    font-size: 12px;
    line-height: 12px;
    padding: 15px 5px;
    height: 42px;
  }
  .cartPrice {
    padding: 40px 20px 0 20px;
    margin: 0 0 15px 0;
    font-size: 14px;
    gap: 15px;
  }
  .cartPriceEl_total {
    font-size: 18px;
  }
  .cartDelivery {
    padding: 0 20px;
    margin: 15px 0 20px 0;
  }
  .cartOrder {
    margin: 20px 0 0 0;
    padding: 0 20px 40px 20px;
  }
  .cartOrderFastBtn {
    margin: 10px 0 0 0;
  }
  .cartOrderPay {
    margin: 10px 0 0 0;
  }
  .cartList .cartEl {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
  }
  .cartList .cartElPresentTitle {
    font-size: 12px;
  }
  .cartList .cartElFav {
    top: 15px;
    right: 15px;
  }
  .cartList .cartElRemove {
    top: auto;
    right: 15px;
    bottom: 15px;
  }
  .cartList .cartElImg {
    width: 84px;
    height: 84px;
    float: none;
  }
  .cartList .cartElInfo {
    width: calc(100% - 84px);
    float: none;
    padding: 0 0 0 15px;
  }
  .cartList .cartElFooter {
    width: 100%;
    float: none;
    padding-right: 30px;
    margin: 22px 0 0 0;
    display: flex;
    justify-content: flex-start;
  }
  .cartList .cartElSize {
    font-size: 12px;
  }
  .cartList .cartElCategory {
    font-size: 12px;
  }
  .cartList .cartElName {
    font-size: 12px;
    min-height: auto;
  }
  .cartList .cartElQnt {
    order: 1;
    width: 84px;
    margin: 0 15px 0 0;
  }
  .cartList .cartElPrice {
    order: 2;
    line-height: 100%;
  }
  .cartList .cartElPriceOld {
    font-size: 10px;
    margin: 0 0 0 0;
  }
  .cartList .cartElPriceNew {
    font-size: 18px;
    line-height: 100%;
    padding: 0 8px 0 0;
  }
  .cartList .cartElPriceDiscount {
    font-size: 10px;
  }
}
.cartInside .cartEl {
  display: table;
  width: 100%;
  padding: 24px;
  position: relative;
}
.cartInside .cartEl:not(:first-child) {
  border-top: 1px solid #888888;
}
.cartInside .cartElPresentTitle {
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: #888888;
  margin: 0 0 8px 0;
}
.cartInside .cartElPresentChange {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  color: #000000;
  cursor: pointer;
  background: none;
  padding: 0 0 8px 0;
  border: solid 4px #000;
  border-width: 0 0 4px 0;
}
.cartInside .cartElRemove {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 24px;
  display: block;
  border: none;
  padding: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTcuNTAwMSA1LjYwODI3QzE3LjQ4MzQgNS42MDgyNyAxNy40NTg0IDUuNjA4MjcgMTcuNDMzNCA1LjYwODI3QzEzLjAyNTEgNS4xNjY2MSA4LjYyNTA1IDQuOTk5OTQgNC4yNjY3MiA1LjQ0MTYxTDIuNTY2NzIgNS42MDgyN0MyLjIxNjcyIDUuNjQxNjEgMS45MDgzOSA1LjM5MTYxIDEuODc1MDUgNS4wNDE2MUMxLjg0MTcyIDQuNjkxNjEgMi4wOTE3MiA0LjM5MTYxIDIuNDMzMzkgNC4zNTgyN0w0LjEzMzM5IDQuMTkxNjFDOC41NjY3MiAzLjc0MTYxIDEzLjA1ODQgMy45MTY2MSAxNy41NTg0IDQuMzU4MjdDMTcuOTAwMSA0LjM5MTYxIDE4LjE1MDEgNC42OTk5NCAxOC4xMTY3IDUuMDQxNjFDMTguMDkxNyA1LjM2NjYxIDE3LjgxNjcgNS42MDgyNyAxNy41MDAxIDUuNjA4MjdaIiBmaWxsPSIjODg4ODg4Ii8+DQogICAgPHBhdGggZD0iTTcuMDgzNjMgNC43NjY2M0M3LjA1MDI5IDQuNzY2NjMgNy4wMTY5NiA0Ljc2NjYzIDYuOTc1MjkgNC43NTgyOUM2LjY0MTk2IDQuNjk5OTYgNi40MDg2MyA0LjM3NDk2IDYuNDY2OTYgNC4wNDE2M0w2LjY1MDI5IDIuOTQ5OTZDNi43ODM2MyAyLjE0OTk2IDYuOTY2OTYgMS4wNDE2MyA4LjkwODYzIDEuMDQxNjNIMTEuMDkyQzEzLjA0MiAxLjA0MTYzIDEzLjIyNTMgMi4xOTE2MyAxMy4zNTAzIDIuOTU4MjlMMTMuNTMzNiA0LjA0MTYzQzEzLjU5MiA0LjM4MzI5IDEzLjM1ODYgNC43MDgyOSAxMy4wMjUzIDQuNzU4MjlDMTIuNjgzNiA0LjgxNjYzIDEyLjM1ODYgNC41ODMyOSAxMi4zMDg2IDQuMjQ5OTZMMTIuMTI1MyAzLjE2NjYzQzEyLjAwODYgMi40NDE2MyAxMS45ODM2IDIuMjk5OTYgMTEuMTAwMyAyLjI5OTk2SDguOTE2OTZDOC4wMzM2MyAyLjI5OTk2IDguMDE2OTYgMi40MTY2MyA3Ljg5MTk2IDMuMTU4MjlMNy43MDAyOSA0LjI0MTYzQzcuNjUwMjkgNC41NDk5NiA3LjM4MzYzIDQuNzY2NjMgNy4wODM2MyA0Ljc2NjYzWiIgZmlsbD0iIzg4ODg4OCIvPg0KICAgIDxwYXRoIGQ9Ik0xMi42NzUgMTguOTU4M0g3LjMyNUM0LjQxNjY2IDE4Ljk1ODMgNC4zIDE3LjM0OTkgNC4yMDgzMyAxNi4wNDk5TDMuNjY2NjYgNy42NTgyN0MzLjY0MTY2IDcuMzE2NjEgMy45MDgzMyA3LjAxNjYxIDQuMjUgNi45OTE2MUM0LjYgNi45NzQ5NCA0Ljg5MTY2IDcuMjMzMjcgNC45MTY2NiA3LjU3NDk0TDUuNDU4MzMgMTUuOTY2NkM1LjU1IDE3LjIzMzMgNS41ODMzMyAxNy43MDgzIDcuMzI1IDE3LjcwODNIMTIuNjc1QzE0LjQyNSAxNy43MDgzIDE0LjQ1ODMgMTcuMjMzMyAxNC41NDE3IDE1Ljk2NjZMMTUuMDgzMyA3LjU3NDk0QzE1LjEwODMgNy4yMzMyNyAxNS40MDgzIDYuOTc0OTQgMTUuNzUgNi45OTE2MUMxNi4wOTE3IDcuMDE2NjEgMTYuMzU4MyA3LjMwODI3IDE2LjMzMzMgNy42NTgyN0wxNS43OTE3IDE2LjA0OTlDMTUuNyAxNy4zNDk5IDE1LjU4MzMgMTguOTU4MyAxMi42NzUgMTguOTU4M1oiIGZpbGw9IiM4ODg4ODgiLz4NCiAgICA8cGF0aCBkPSJNMTEuMzgzNCAxNC4zNzVIOC42MDg0QzguMjY2NzMgMTQuMzc1IDcuOTgzNCAxNC4wOTE3IDcuOTgzNCAxMy43NUM3Ljk4MzQgMTMuNDA4MyA4LjI2NjczIDEzLjEyNSA4LjYwODQgMTMuMTI1SDExLjM4MzRDMTEuNzI1MSAxMy4xMjUgMTIuMDA4NCAxMy40MDgzIDEyLjAwODQgMTMuNzVDMTIuMDA4NCAxNC4wOTE3IDExLjcyNTEgMTQuMzc1IDExLjM4MzQgMTQuMzc1WiIgZmlsbD0iIzg4ODg4OCIvPg0KICAgIDxwYXRoIGQ9Ik0xMi4wODM3IDExLjA0MTZINy45MTY5OUM3LjU3NTMzIDExLjA0MTYgNy4yOTE5OSAxMC43NTgzIDcuMjkxOTkgMTAuNDE2NkM3LjI5MTk5IDEwLjA3NSA3LjU3NTMzIDkuNzkxNjMgNy45MTY5OSA5Ljc5MTYzSDEyLjA4MzdDMTIuNDI1MyA5Ljc5MTYzIDEyLjcwODcgMTAuMDc1IDEyLjcwODcgMTAuNDE2NkMxMi43MDg3IDEwLjc1ODMgMTIuNDI1MyAxMS4wNDE2IDEyLjA4MzcgMTEuMDQxNloiIGZpbGw9IiM4ODg4ODgiLz4NCjwvc3ZnPg0K) center no-repeat;
  background-size: contain;
  opacity: 1;
  cursor: pointer;
}
.cartInside .cartElImg {
  width: 120px;
  height: 120px;
  display: flex;
  float: left;
  position: relative;
}
.cartInside .cartElImg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-position: center;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.cartInside .cartElInfo {
  width: calc(100% - 140px);
  float: right;
}
.cartInside .cartElFooter {
  width: calc(100% - 140px);
  float: right;
  margin: 15px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cartInside .cartElSize {
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  color: #888888;
  margin: 0 0 4px 0;
}
.cartInside .cartElCategory {
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 4px 0;
}
.cartInside .cartElName {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  min-height: 54px;
  color: #000000;
  display: block;
  text-decoration: none;
}
.cartInside .cartElPriceOld {
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  text-decoration-line: line-through;
  color: #888888;
  margin: 0 0 2px 0;
  display: block;
}
.cartInside .cartElPriceNew {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  color: #000000;
  padding: 0 8px 0 0;
  display: inline-block;
  vertical-align: baseline;
}
.cartInside .cartElPriceDiscount {
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: #353535;
  display: inline-block;
  vertical-align: baseline;
}
@media all and (max-width: 1280px) and (min-width: 960px) {
  .cartInside .cartElImg {
    width: 80px;
    height: 80px;
  }
  .cartInside .cartElInfo {
    width: calc(100% - 95px);
    float: right;
  }
  .cartInside .cartElFooter {
    width: calc(100% - 95px);
  }
}
@media all and (max-width: 767px) {
  .cartInside .cartEl {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
  }
  .cartInside .cartElQnt {
    order: 1;
    margin: 0 15px 0 0;
  }
  .cartInside .cartElPrice {
    order: 2;
  }
  .cartInside .cartElImg {
    width: 84px;
    height: 84px;
    float: none;
  }
  .cartInside .cartElInfo {
    width: calc(100% - 84px);
    float: none;
    padding: 0 0 0 15px;
  }
  .cartInside .cartElFooter {
    width: 100%;
    float: none;
    padding-right: 30px;
    margin: 15px 0 0 0;
    display: flex;
    padding-right: 30px;
    justify-content: flex-start;
  }
  .cartInside .cartElRemove {
    top: auto;
    right: 15px;
    bottom: 15px;
  }
}
.cartInside {
  border-bottom: 1px solid #888888;
}
.cartInsideHeader {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  padding: 24px;
  border-bottom: 1px solid #888888;
}
.cartInsideChangeBtn {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  background: none;
  cursor: pointer;
  color: #888888;
  padding: 0 0 1px 0;
  border: solid 1px #888888;
  border-width: 0 0 1px 0;
}
.cartInsideTitle span:before {
  content: "/";
  margin: 0 4px;
}
@media all and (max-width: 767px) {
  .cartInsideHeader {
    padding: 20px;
  }
  .cartInsideTitle {
    font-size: 16px;
    line-height: 150%;
  }
  .cartInsideTitle span {
    display: block;
  }
  .cartInsideTitle span:before {
    display: none;
  }
}

.cartEmpty {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-direction: column;
  max-width: 500px;
  padding: 0 20px;
  margin: 180px auto;
}
.cartEmptyTitle {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
}
.cartEmptyText {
  text-align: center;
  font-size: 16px;
  line-height: 150%;
}
.cartEmptyLink {
  max-width: 100%;
  width: 320px;
}
@media all and (max-width: 959px) {
  .cartEmpty {
    margin: 100px auto;
  }
}
@media all and (max-width: 767px) {
  .cartEmpty {
    margin: 40px auto;
  }
  .cartEmptyTitle {
    font-size: 22px;
  }
  .cartEmptyText {
    font-size: 14px;
  }
  .cartEmptyLink {
    width: 100%;
  }
}

.orderBox:not(:first-child) {
  margin-top: 60px;
}
.orderBox_border {
  border: 1px solid #888888;
  padding: 40px;
}
.orderBoxTitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #000000;
  margin: 0 0 20px 0;
}
.orderLogIn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.orderLogInTitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.orderLogInText {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  margin: 12px 0 0 0;
}
.orderFooter {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: flex-end;
}
.orderChBox {
  padding: 20px 20px 20px 48px;
  position: relative;
}
.orderChBox:not(:first-child) {
  margin-top: 20px;
}
.orderChBoxHeader {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  z-index: 2;
  cursor: pointer;
}
.orderChBoxInfo {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 13px 0 0 0;
  position: relative;
  flex-wrap: wrap;
  z-index: 4;
}
.orderChBoxInfoText {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #888888;
  order: 1;
}
.orderChBoxInfoText span {
  color: #000;
}
.orderChBoxInfoLink {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  background: none;
  color: #888888;
  padding: 0 0 3px 0;
  border: 1px solid #888888;
  border-width: 0 0 1px 0;
  order: 10;
  cursor: pointer;
}
.orderChBoxTitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  cursor: pointer;
  color: #000000;
}
.orderChBoxPrice {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}
.orderChBox input[type=radio] + label:before {
  border-radius: 50%;
}
.orderChBox label {
  /*&:after {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 3px;
    background: #000;
    z-index: 4;
    display: none;
    content: "";
  }*/
}
.orderChBox label:before {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 21px;
  left: 21px;
  background: #fff;
  border: solid 3px #fff;
  outline: solid 1px #000;
  z-index: 3;
  content: "";
}
.orderChBox label:after {
  border: 1px solid #888888;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 0;
}
.orderChBox input:checked + label:before {
  background: #000;
}
.orderChBox input:checked + label:after {
  border-color: #000;
}
.orderChBox input {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 20px;
  left: 20px;
  opacity: 0;
  z-index: 1;
}
.orderChBoxPoint {
  display: none;
  width: calc(100% - 120px);
  order: 2;
}
.orderChBoxPoint.active {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.orderChBoxPointTitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.orderChBoxPointChange {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  background: none;
  color: #888888;
  padding: 0 0 3px 0;
  cursor: pointer;
  border: 1px solid #888888;
  border-width: 0 0 1px 0;
}
.orderChBoxFunctional {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
  padding: 16px;
  background: #000;
  cursor: pointer;
  position: relative;
  z-index: 10;
  bottom: -20px;
  width: auto;
  display: none;
  margin: 0 -20px 0 -48px;
}
.orderChBoxFunctional.inActive {
  display: none !important;
}
.orderChBox > input:checked ~ .orderChBoxFunctional {
  display: block;
}
.orderSubmit {
  width: 400px;
}
.cartSide .orderSubmit {
  display: none;
}
@media all and (max-width: 959px) {
  .orderSubmit {
    display: none;
  }
  .cartSide .orderSubmit {
    display: block;
    width: 100%;
  }
}
.orderAddrInfo {
  margin-top: 32px;
}
.orderAddrInfoTitle {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #888888;
  position: relative;
  padding: 0 26px 0 0;
  cursor: pointer;
}
.orderAddrInfoTitle:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMi41Mzc1IDE3LjIyNUMxMi4zNzkyIDE3LjIyNSAxMi4yMjA4IDE3LjE2NjcgMTIuMDk1OCAxNy4wNDE3TDYuNjYyNSAxMS42MDg0QzUuNzc5MTcgMTAuNzI1IDUuNzc5MTcgOS4yNzUwMiA2LjY2MjUgOC4zOTE2OEwxMi4wOTU4IDIuOTU4MzVDMTIuMzM3NSAyLjcxNjY4IDEyLjczNzUgMi43MTY2OCAxMi45NzkyIDIuOTU4MzVDMTMuMjIwOCAzLjIwMDAyIDEzLjIyMDggMy42MDAwMiAxMi45NzkyIDMuODQxNjhMNy41NDU4MyA5LjI3NTAyQzcuMTQ1ODMgOS42NzUwMiA3LjE0NTgzIDEwLjMyNSA3LjU0NTgzIDEwLjcyNUwxMi45NzkyIDE2LjE1ODNDMTMuMjIwOCAxNi40IDEzLjIyMDggMTYuOCAxMi45NzkyIDE3LjA0MTdDMTIuODU0MiAxNy4xNTg0IDEyLjY5NTggMTcuMjI1IDEyLjUzNzUgMTcuMjI1WiIgZmlsbD0iIzg4OCIvPg0KPC9zdmc+DQo=) center no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
}
.orderAddrInfo.active .orderAddrInfoTitle:after {
  transform: rotate(90deg);
}
.orderAddrInfoContent {
  display: none;
  margin-top: 32px;
}
.orderAddrInfo.active .orderAddrInfoContent {
  display: block;
}
.orderUserAddr_str {
  width: 50%;
}
.orderUserAddr_build {
  width: 25%;
}
.orderUserAddr_apart {
  width: 25%;
}
@media all and (max-width: 959px) {
  .orderFooter {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .orderAddrInfo {
    margin-top: 32px;
  }
  .orderAddrInfoTitle {
    font-size: 16px;
  }
  .orderUserAddr {
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  .orderUserAddr_str {
    width: 100%;
  }
  .orderUserAddr_build {
    width: calc(50% - 13px);
  }
  .orderUserAddr_apart {
    width: calc(50% - 13px);
  }
  .orderBox:not(:first-child) {
    margin-top: 50px;
  }
  .orderBox_border {
    padding: 20px;
  }
  .orderLogIn {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
    justify-content: start;
  }
  .orderLogInTitle {
    font-size: 18px;
  }
  .orderLogInBtn {
    width: 100%;
  }
  .orderChBox {
    padding: 10px 15px 15px 41px;
    position: relative;
  }
  .orderChBox:not(:first-child) {
    margin-top: 10px;
  }
  .orderChBoxFunctional {
    bottom: -15px;
    margin: 0 -15px 0 -41px;
    font-size: 14px;
  }
  .orderChBoxPoint {
    display: none;
    width: auto;
    width: calc(100% + 41px + 15px);
    order: 30;
    margin: 20px 0 0 -41px;
    border-top: solid 1px #888;
    padding: 15px 15px 0 41px;
  }
  .orderChBoxPoint.active {
    display: block;
  }
  .orderChBoxPointTitle {
    line-height: 150%;
  }
  .orderChBoxPointChange {
    display: inline-block;
    margin: 10px 0 0 0;
  }
  .orderChBoxHeader {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    z-index: 2;
    cursor: pointer;
  }
  .orderChBoxInfo {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0;
    justify-content: start;
    margin: 8px 0 0 0;
    position: relative;
    z-index: 4;
  }
  .orderChBoxInfoText {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #888888;
    display: block;
  }
  .orderChBoxInfoText span {
    color: #000;
  }
  .orderChBoxInfoLink {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    background: none;
    color: #888888;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0 0 3px 0;
    border: 1px solid #888888;
    border-width: 0 0 1px 0;
  }
  .orderChBoxTitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
  }
  .orderChBoxPrice {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #000000;
  }
  .orderChBox input[type=radio] + label:before {
    border-radius: 50%;
  }
  .orderChBox label {
    /*&:after {
      width: 8px;
      height: 8px;
      position: absolute;
      top: 5px;
      left: 3px;
      background: #000;
      z-index: 4;
      display: none;
      content: "";
    }*/
  }
  .orderChBox label:before {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: 14px;
    background: #fff;
    border: solid 3px #fff;
    outline: solid 1px #000;
    z-index: 3;
    content: "";
  }
  .orderChBox label:after {
    border: 1px solid #888888;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 0;
  }
  .orderChBox input:checked + label:before {
    background: #000;
  }
  input:checked ~ .orderChBoxInfo .orderChBoxPoint {
    border-color: #000;
  }
  .orderChBox input:checked + label:after {
    border-color: #000;
  }
  .orderChBox input {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 10px;
    left: 15px;
    opacity: 0;
    z-index: 1;
  }
}
.orderUserType .formCh label {
  line-height: 18px;
  color: #888;
}
.orderUserType .formCh label:before {
  width: 14px;
  height: 14px;
  top: 1px;
}
.orderUserTypeContent {
  display: none;
  margin: 32px 0 0 0;
}
.orderUserTypeContent.active {
  display: block;
}
@media all and (max-width: 767px) {
  .orderUserTypeContent {
    margin: 20px -20px 0 -20px;
  }
}
@media all and (max-width: 767px) {
  .orderUserTypeDiploma {
    padding: 20px 20px 0 20px;
  }
}
@media all and (max-width: 767px) {
  .orderUserTypeEd {
    padding: 20px 20px 0 20px;
    border-top: solid 1px #888;
  }
}
.orderUserTypeOptions {
  margin: 32px 0 0 0;
}
.orderUserTypeOptions .formChList {
  gap: 24px;
  padding: 0;
}
.orderUserTypeOptions .formCh label {
  font-size: 14px;
  color: #888;
}
.orderUserTypeOptions .formCh label:before {
  width: 12px;
  height: 12px;
}
@media all and (max-width: 767px) {
  .orderUserTypeOptions {
    padding: 20px 20px 0 20px;
    border-top: solid 1px #888;
  }
  .orderUserTypeOptions .formChList {
    flex-direction: column;
  }
}
.orderUserTypePromo {
  margin: 32px 0 0 0;
}
.orderUserTypePromo .formChList {
  gap: 24px;
  padding: 0;
}
.orderUserTypePromo .formCh label {
  font-size: 14px;
  color: #888;
}
.orderUserTypePromo .formCh label:before {
  width: 12px;
  height: 12px;
}
@media all and (max-width: 767px) {
  .orderUserTypePromo {
    padding: 20px 20px 0 20px;
    border-top: solid 1px #888;
  }
  .orderUserTypePromo .formChList {
    flex-direction: column;
  }
}

.userAddrRemove {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  padding: 0 0 4px 0;
  background: none;
  border: solid 1px #888;
  border-width: 0 0 1px 0;
}
.userAddrSave {
  min-width: 400px;
}
@media all and (max-width: 767px) {
  .userAddrSave {
    min-width: 100%;
    width: 100%;
  }
}

.userAddrAddNewTitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #000000;
}
.userAddrAddNewPlus {
  width: 60px;
  height: 60px;
  background: #EFEFEF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy4zNzVMOSAxNC42MjVNMTQuNjI1IDlMMy4zNzUgOSIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 25px 25px;
  display: block;
}
@media all and (max-width: 767px) {
  .userAddrAddNewTitle {
    font-size: 16px;
    line-height: 100%;
  }
}

.userAddrSelect {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
}
.userAddrSelectEl {
  width: calc(50% - 10px);
  border: solid 1px #888;
  padding: 14px 23px 20px 48px;
  position: relative;
}
.userAddrSelectEl_new {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.userAddrSelectEl.active {
  border-color: #000;
}
.userAddrSelectElTitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #000000;
}
.userAddrSelectElCity {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin: 15px 0 0 0;
}
.userAddrSelectElDetailsEl {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  margin: 12px 0 0 0;
}
.userAddrSelectElCh {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 21px;
  top: 19px;
  outline: 1px solid #888888;
  border-radius: 50%;
}
.userAddrSelectEl.active .userAddrSelectElCh {
  background: #000;
  border: solid 3px #fff;
}
.userAddrSelectElFunctional {
  display: flex;
  gap: 10px;
  align-items: stretch;
  margin: 18px 0 0 0;
}
.userAddrSelectEl.active .userAddrSelectElChoose {
  height: 40px;
  cursor: default;
  line-height: 20px;
  padding: 10px;
  width: 100%;
}
.userAddrSelectEl.active .userAddrSelectElChoose span:first-child {
  display: none;
}
.userAddrSelectEl:not(.active) .userAddrSelectElChoose {
  height: 40px;
  line-height: 20px;
  padding: 9px;
  cursor: pointer;
  width: 100%;
}
.userAddrSelectEl:not(.active) .userAddrSelectElChoose span:last-child {
  display: none;
}
.userAddrSelectElEdit {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: solid 1px #888;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik05Ljk5OTY3IDE1LjE2NjdINS45OTk2N0MyLjM3OTY3IDE1LjE2NjcgMC44MzMwMDggMTMuNjIgMC44MzMwMDggMTBWNkMwLjgzMzAwOCAyLjM4IDIuMzc5NjcgMC44MzMzMjggNS45OTk2NyAwLjgzMzMyOEg3LjMzMzAxQzcuNjA2MzQgMC44MzMzMjggNy44MzMwMSAxLjA1OTk5IDcuODMzMDEgMS4zMzMzM0M3LjgzMzAxIDEuNjA2NjYgNy42MDYzNCAxLjgzMzMzIDcuMzMzMDEgMS44MzMzM0g1Ljk5OTY3QzIuOTI2MzQgMS44MzMzMyAxLjgzMzAxIDIuOTI2NjYgMS44MzMwMSA2VjEwQzEuODMzMDEgMTMuMDczMyAyLjkyNjM0IDE0LjE2NjcgNS45OTk2NyAxNC4xNjY3SDkuOTk5NjdDMTMuMDczIDE0LjE2NjcgMTQuMTY2MyAxMy4wNzMzIDE0LjE2NjMgMTBWOC42NjY2NkMxNC4xNjYzIDguMzkzMzMgMTQuMzkzIDguMTY2NjYgMTQuNjY2MyA4LjE2NjY2QzE0LjkzOTcgOC4xNjY2NiAxNS4xNjYzIDguMzkzMzMgMTUuMTY2MyA4LjY2NjY2VjEwQzE1LjE2NjMgMTMuNjIgMTMuNjE5NyAxNS4xNjY3IDkuOTk5NjcgMTUuMTY2N1oiIGZpbGw9ImJsYWNrIi8+CiAgICA8cGF0aCBkPSJNNS42NjY4OCAxMS43OTMzQzUuMjYwMjIgMTEuNzkzMyA0Ljg4Njg4IDExLjY0NjcgNC42MTM1NSAxMS4zOEM0LjI4Njg4IDExLjA1MzMgNC4xNDY4OCAxMC41OCA0LjIyMDIyIDEwLjA4TDQuNTA2ODggOC4wNzMzM0M0LjU2MDIyIDcuNjg2NjYgNC44MTM1NSA3LjE4NjY2IDUuMDg2ODggNi45MTMzM0wxMC4zNDAyIDEuNjU5OTlDMTEuNjY2OSAwLjMzMzMyNyAxMy4wMTM1IDAuMzMzMzI3IDE0LjM0MDIgMS42NTk5OUMxNS4wNjY5IDIuMzg2NjYgMTUuMzkzNSAzLjEyNjY2IDE1LjMyNjkgMy44NjY2NkMxNS4yNjY5IDQuNDY2NjYgMTQuOTQ2OSA1LjA1MzMzIDE0LjM0MDIgNS42NTMzM0w5LjA4Njg4IDEwLjkwNjdDOC44MTM1NSAxMS4xOCA4LjMxMzU1IDExLjQzMzMgNy45MjY4OCAxMS40ODY3TDUuOTIwMjIgMTEuNzczM0M1LjgzMzU1IDExLjc5MzMgNS43NDY4OCAxMS43OTMzIDUuNjY2ODggMTEuNzkzM1pNMTEuMDQ2OSAyLjM2NjY2TDUuNzkzNTUgNy42MTk5OUM1LjY2Njg4IDcuNzQ2NjYgNS41MjAyMiA4LjAzOTk5IDUuNDkzNTUgOC4yMTMzM0w1LjIwNjg4IDEwLjIyQzUuMTgwMjIgMTAuNDEzMyA1LjIyMDIyIDEwLjU3MzMgNS4zMjAyMiAxMC42NzMzQzUuNDIwMjIgMTAuNzczMyA1LjU4MDIyIDEwLjgxMzMgNS43NzM1NSAxMC43ODY3TDcuNzgwMjIgMTAuNUM3Ljk1MzU1IDEwLjQ3MzMgOC4yNTM1NSAxMC4zMjY3IDguMzczNTUgMTAuMkwxMy42MjY5IDQuOTQ2NjZDMTQuMDYwMiA0LjUxMzMzIDE0LjI4NjkgNC4xMjY2NiAxNC4zMjAyIDMuNzY2NjZDMTQuMzYwMiAzLjMzMzMzIDE0LjEzMzUgMi44NzMzMyAxMy42MjY5IDIuMzU5OTlDMTIuNTYwMiAxLjI5MzMzIDExLjgyNjkgMS41OTMzMyAxMS4wNDY5IDIuMzY2NjZaIiBmaWxsPSJibGFjayIvPgogICAgPHBhdGggZD0iTTEzLjIzMyA2LjU1MzM0QzEzLjE4NjQgNi41NTMzNCAxMy4xMzk3IDYuNTQ2NjcgMTMuMDk5NyA2LjUzMzM0QzExLjM0NjQgNi4wNDAwMSA5Ljk1MzA1IDQuNjQ2NjcgOS40NTk3MSAyLjg5MzM0QzkuMzg2MzggMi42MjY2NyA5LjUzOTcxIDIuMzUzMzQgOS44MDYzOCAyLjI3MzM0QzEwLjA3MyAyLjIwMDAxIDEwLjM0NjQgMi4zNTMzNCAxMC40MTk3IDIuNjIwMDFDMTAuODE5NyA0LjA0MDAxIDExLjk0NjQgNS4xNjY2NyAxMy4zNjY0IDUuNTY2NjdDMTMuNjMzIDUuNjQwMDEgMTMuNzg2NCA1LjkyMDAxIDEzLjcxMyA2LjE4NjY3QzEzLjY1MyA2LjQxMzM0IDEzLjQ1MyA2LjU1MzM0IDEzLjIzMyA2LjU1MzM0WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: 16px 16px;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}
.userAddrSelectElRemove {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: solid 1px #888;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNC4wMDA0IDQuNDg2NjZDMTMuOTg3MSA0LjQ4NjY2IDEzLjk2NzEgNC40ODY2NiAxMy45NDcxIDQuNDg2NjZDMTAuNDIwNCA0LjEzMzMzIDYuOTAwNDMgMy45OTk5OSAzLjQxMzc3IDQuMzUzMzNMMi4wNTM3NyA0LjQ4NjY2QzEuNzczNzcgNC41MTMzMyAxLjUyNzEgNC4zMTMzMyAxLjUwMDQzIDQuMDMzMzNDMS40NzM3NyAzLjc1MzMzIDEuNjczNzcgMy41MTMzMyAxLjk0NzEgMy40ODY2NkwzLjMwNzEgMy4zNTMzM0M2Ljg1Mzc3IDIuOTkzMzMgMTAuNDQ3MSAzLjEzMzMzIDE0LjA0NzEgMy40ODY2NkMxNC4zMjA0IDMuNTEzMzMgMTQuNTIwNCAzLjc1OTk5IDE0LjQ5MzggNC4wMzMzM0MxNC40NzM4IDQuMjkzMzMgMTQuMjUzOCA0LjQ4NjY2IDE0LjAwMDQgNC40ODY2NloiIGZpbGw9ImJsYWNrIi8+CiAgICA8cGF0aCBkPSJNNS42NjY1MSAzLjgxMzMzQzUuNjM5ODQgMy44MTMzMyA1LjYxMzE4IDMuODEzMzMgNS41Nzk4NCAzLjgwNjY2QzUuMzEzMTggMy43NTk5OSA1LjEyNjUxIDMuNDk5OTkgNS4xNzMxOCAzLjIzMzMzTDUuMzE5ODQgMi4zNTk5OUM1LjQyNjUxIDEuNzE5OTkgNS41NzMxOCAwLjgzMzMyOCA3LjEyNjUxIDAuODMzMzI4SDguODczMThDMTAuNDMzMiAwLjgzMzMyOCAxMC41Nzk4IDEuNzUzMzMgMTAuNjc5OCAyLjM2NjY2TDEwLjgyNjUgMy4yMzMzM0MxMC44NzMyIDMuNTA2NjYgMTAuNjg2NSAzLjc2NjY2IDEwLjQxOTggMy44MDY2NkMxMC4xNDY1IDMuODUzMzMgOS44ODY1MSAzLjY2NjY2IDkuODQ2NTEgMy4zOTk5OUw5LjY5OTg0IDIuNTMzMzNDOS42MDY1MSAxLjk1MzMzIDkuNTg2NTEgMS44Mzk5OSA4Ljg3OTg0IDEuODM5OTlINy4xMzMxOEM2LjQyNjUxIDEuODM5OTkgNi40MTMxOCAxLjkzMzMzIDYuMzEzMTggMi41MjY2Nkw2LjE1OTg0IDMuMzkzMzNDNi4xMTk4NCAzLjY0IDUuOTA2NTEgMy44MTMzMyA1LjY2NjUxIDMuODEzMzNaIiBmaWxsPSJibGFjayIvPgogICAgPHBhdGggZD0iTTEwLjEzOTYgMTUuMTY2N0g1Ljg1OTYxQzMuNTMyOTQgMTUuMTY2NyAzLjQzOTYxIDEzLjg4IDMuMzY2MjcgMTIuODRMMi45MzI5NCA2LjEyNjY3QzIuOTEyOTQgNS44NTMzNCAzLjEyNjI3IDUuNjEzMzQgMy4zOTk2MSA1LjU5MzM0QzMuNjc5NjEgNS41OCAzLjkxMjk0IDUuNzg2NjcgMy45MzI5NCA2LjA2TDQuMzY2MjcgMTIuNzczM0M0LjQzOTYxIDEzLjc4NjcgNC40NjYyNyAxNC4xNjY3IDUuODU5NjEgMTQuMTY2N0gxMC4xMzk2QzExLjUzOTYgMTQuMTY2NyAxMS41NjYzIDEzLjc4NjcgMTEuNjMyOSAxMi43NzMzTDEyLjA2NjMgNi4wNkMxMi4wODYzIDUuNzg2NjcgMTIuMzI2MyA1LjU4IDEyLjU5OTYgNS41OTMzNEMxMi44NzI5IDUuNjEzMzQgMTMuMDg2MyA1Ljg0NjY3IDEzLjA2NjMgNi4xMjY2N0wxMi42MzI5IDEyLjg0QzEyLjU1OTYgMTMuODggMTIuNDY2MyAxNS4xNjY3IDEwLjEzOTYgMTUuMTY2N1oiIGZpbGw9ImJsYWNrIi8+CiAgICA8cGF0aCBkPSJNOS4xMDY3MiAxMS41SDYuODg2NzJDNi42MTMzOSAxMS41IDYuMzg2NzIgMTEuMjczMyA2LjM4NjcyIDExQzYuMzg2NzIgMTAuNzI2NyA2LjYxMzM5IDEwLjUgNi44ODY3MiAxMC41SDkuMTA2NzJDOS4zODAwNSAxMC41IDkuNjA2NzIgMTAuNzI2NyA5LjYwNjcyIDExQzkuNjA2NzIgMTEuMjczMyA5LjM4MDA1IDExLjUgOS4xMDY3MiAxMS41WiIgZmlsbD0iYmxhY2siLz4KICAgIDxwYXRoIGQ9Ik05LjY2NjM0IDguODMzMzNINi4zMzMwMUM2LjA1OTY3IDguODMzMzMgNS44MzMwMSA4LjYwNjY2IDUuODMzMDEgOC4zMzMzM0M1LjgzMzAxIDguMDU5OTkgNi4wNTk2NyA3LjgzMzMzIDYuMzMzMDEgNy44MzMzM0g5LjY2NjM0QzkuOTM5NjcgNy44MzMzMyAxMC4xNjYzIDguMDU5OTkgMTAuMTY2MyA4LjMzMzMzQzEwLjE2NjMgOC42MDY2NiA5LjkzOTY3IDguODMzMzMgOS42NjYzNCA4LjgzMzMzWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+) center no-repeat;
  background-size: 16px 16px;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .userAddrSelect {
    gap: 10px;
    flex-direction: column;
  }
  .userAddrSelectEl {
    width: 100%;
    padding: 15px;
  }
  .userAddrSelectElTitle {
    padding: 0 0 0 26px;
    font-size: 16px;
  }
  .userAddrSelectElCh {
    left: 16px;
    top: 20px;
  }
}

.orderSuccessBox .infoBoxBody {
  padding: 0 !important;
}
.orderSuccessContent {
  padding: 40px;
}
.orderSuccessTitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #000000;
}
.orderSuccessCancelBtn {
  min-width: 300px;
  display: block;
  margin: 40px auto 0 auto;
}
.orderSuccessMedia img {
  width: 100%;
  height: auto;
}
.orderSuccessText {
  margin: 16px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #888888;
}
.orderSuccessText p {
  margin: 8px 0;
}
.orderSuccessText p a {
  color: #888;
  text-decoration: underline;
}
.orderSuccessText p a:hover {
  color: #000;
  text-decoration: none;
}
.orderSuccessText > *:first-child {
  margin-top: 0;
}
.orderSuccessText > *:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .orderSuccessContent {
    padding: 20px;
  }
  .orderSuccessTitle {
    font-size: 18px;
    line-height: 150%;
  }
  .orderSuccessText {
    margin: 16px 0 0 0;
    font-size: 14px;
    line-height: 150%;
  }
  .orderSuccessText > p {
    margin: 16px 0;
  }
  .orderSuccessCancelBtn {
    margin: 16px 0 0 0;
    width: 100%;
    display: block;
  }
}

.userActiveAddr {
  margin: 32px 0 0 0;
  padding: 20px;
  border: solid 1px #000;
}
.userActiveAddrTitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #000000;
}
.userActiveAddrCity {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin: 22px 0 0 0;
}
.userActiveAddr .userOrderChangeAddr {
  display: none;
}
.userActiveAddrDetails {
  margin: 12px 0 0 0;
  display: flex;
  justify-content: space-between;
}
.userActiveAddrDetails:not(:first-child) {
  margin: 20px -20px 0 -20px;
  padding: 20px 20px 0 20px;
  border-top: solid 1px #000;
}
.userActiveAddrDetailsContent {
  width: calc(100% - 120px);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
}
.userActiveAddrDetailsEl {
  width: calc(50% - 10px);
}
.userActiveAddrDetailsRemove {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  padding: 0 0 1px 0;
  background: none;
  border: solid 1px #888888;
  border-width: 0 0 1px 0;
  cursor: pointer;
}
.userActiveAddrChange {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  padding: 0 0 1px 0;
  background: none;
  border: solid 1px #888888;
  border-width: 0 0 1px 0;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .userActiveAddr {
    margin: 20px 0 0 0;
    padding: 15px;
  }
  .userActiveAddrTitle {
    font-size: 16px;
  }
  .userActiveAddrCity {
    margin: 15px 0 0 0;
  }
  .userActiveAddr .userOrderChangeAddr {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    font-size: 14px;
    padding: 0 0 1px 0;
  }
  .userActiveAddrDetails {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
  }
  .userActiveAddrDetails:not(:first-child) {
    margin: 15px -15px 0 -15px;
    padding: 15px 15px 0 15px;
  }
  .userActiveAddrDetailsContent {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 20px 0;
  }
  .userActiveAddrDetailsEl {
    width: 100%;
  }
  .userActiveAddrDetailsRemove {
    display: inline-flex;
  }
}

.infoIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #888888;
  border-radius: 50%;
  position: relative;
}
.infoIcon:after {
  position: absolute;
  content: "?";
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  color: #FFFFFF;
}
.infoIconContent {
  display: none;
}

.orderAddRecipient {
  display: flex;
}
.orderAddRecipient .infoIcon {
  margin: 0 0 0 8px;
}

.orderAddRecipientBtn {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #888888;
  padding: 0 0 5px 0;
  background: none;
  border: solid 1px #888888;
  border-width: 0 0 1px 0;
  cursor: pointer;
}
.orderAddRecipientBtn.active {
  color: #000;
  border-color: #000;
}

.userOrderChangeAddr {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #888888;
  padding: 0 0 5px 0;
  background: none;
  border: solid 1px #888888;
  border-width: 0 0 1px 0;
  cursor: pointer;
}

.userOrderFunctional {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 767px) {
  .userOrderFunctional {
    justify-content: center;
    margin: 0;
    padding: 20px;
    border: solid 1px #000;
    border-width: 0 1px 1px 1px;
    width: 100%;
  }
  .userOrderFunctional .userOrderChangeAddr {
    display: none;
  }
}

.orderNewRecepient {
  margin: 32px 0 0 0;
  background: #fff;
  display: none;
}
.orderNewRecepient.active {
  display: block;
}
.orderNewRecepientAdd {
  min-width: 280px;
  margin: 32px 0 0 0;
}
@media all and (max-width: 767px) {
  .orderNewRecepient {
    margin: -2px 0 0 0;
    padding: 4px 20px 20px 20px;
    border: solid 1px #000;
    border-width: 0 1px 1px 1px;
  }
  .orderNewRecepientAdd {
    width: 100%;
    margin: 24px 0 0 0;
  }
}

.userRegistered {
  margin: 32px 0 0 0;
  padding: 20px;
  border: 1px solid #888888;
}
.userRegisteredTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}
.userRegisteredText {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  margin: 16px 0 0 0;
}
.userRegisteredForgetPswd {
  display: inline-block;
  padding: 0 0 2px 0;
  margin: 14px 0 0 0;
}
.userRegisteredAuth {
  display: flex;
  margin: 20px 0 0 0;
  flex-wrap: wrap;
}
.userRegisteredAuthPswd {
  width: calc(100% - 200px);
  outline: none;
  border-radius: 0;
  padding: 10px 40px 10px 16px;
  height: 42px;
  font-size: 16px;
  line-height: 20px;
  border: solid 1px #000;
}
.userRegisteredAuth .form_password_visible {
  right: 200px;
  height: 42px;
  background-position: center;
}
.userRegisteredAuthSubmit {
  width: 200px;
  min-width: 200px;
  padding: 11px;
  outline: none;
  border-radius: 0;
}
@media all and (max-width: 767px) {
  .userRegistered {
    margin: 24px 0 0 0;
  }
  .userRegisteredText {
    margin: 20px 0 0 0;
  }
  .userRegisteredForgetPswd {
    margin: 20px 0 0 0;
  }
  .userRegisteredAuth {
    flex-direction: column;
  }
  .userRegisteredAuthPswd {
    width: 100%;
  }
  .userRegisteredAuth .form_password_visible {
    right: 0px;
  }
  .userRegisteredAuthSubmit {
    width: 100%;
    min-width: 100%;
    margin: 10px 0 0 0;
  }
}

.choosePresentBox .infoBoxTitle {
  margin: 0 0 12px 0;
}
@media all and (min-width: 1280px) and (min-height: 700px) {
  .choosePresent {
    /*    &Box {
          height: 90vh;
          top: 5vh;
        }

        &Content {
          max-height: calc(90vh - 259px);
          overflow: auto;
        }*/
  }
}
.choosePresentHeader {
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  gap: 10px;
  display: flex;
  margin: 0 0 40px 0;
}
.choosePresentCounter {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
}

/*.qnt_black {
  width: 120px;
  height: 40px;
  display: flex;

  &Plus, &Minus {
    width: 40px;
    display: block;
    height: 40px;
    background: #000 center no-repeat;
    background-size: 18px 18px;
    cursor: pointer;
    border: none;
    padding: 0;
  }

  &Minus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA5TDMuMzc1IDkiIHN0cm9rZT0iI2ZmZiIvPgo8L3N2Zz4K);
  }

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

  &Val {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    width: 40px;
    height: 40px;
    max-width: 40px;
    text-align: center;
    padding: 12px 0;
    background: #fff;
    border: solid 1px #000;
    border-width: 1px 0;
    color: #000000;
  }

  @media all and (max-width: 767px) {
    width: 84px;
    height: 28px;

    &Plus, &Minus {
      width: 28px;
      height: 28px;
      background-size: 10px 10px;
    }

    &Val {
      font-size: 12px;
      width: 28px;
      height: 28px;
      max-width: 28px;
      padding: 6px 0;
    }
  }

}*/
.qnt {
  width: 120px;
  height: 40px;
  display: flex;
}
.qntPlus, .qntMinus {
  width: 40px;
  display: block;
  height: 40px;
  background: #fff center no-repeat;
  background-size: 18px 18px;
  border: 1px solid #888888;
  cursor: pointer;
  padding: 0;
}
.qntMinus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA5TDMuMzc1IDkiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
.qntPlus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy4zNzVMOSAxNC42MjVNMTQuNjI1IDlMMy4zNzUgOSIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K);
}
.qntVal {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  width: 40px;
  height: 40px;
  max-width: 40px;
  text-align: center;
  padding: 12px 0;
  background: #fff;
  border: solid 1px #fff;
  border-width: 1px 0;
  color: #000000;
}
@media all and (min-width: 768px) {
  .cartInside .qnt {
    width: 72px;
    height: 24px;
  }
  .cartInside .qntPlus, .cartInside .qntMinus {
    width: 24px;
    height: 24px;
    background-size: 12px 12px;
  }
  .cartInside .qntVal {
    font-size: 12px;
    width: 24px;
    height: 24px;
    max-width: 24px;
    padding: 5px 0;
  }
}
@media all and (max-width: 767px) {
  .qnt {
    width: 84px;
    height: 28px;
  }
  .qntPlus, .qntMinus {
    width: 28px;
    height: 28px;
    background-size: 10px 10px;
  }
  .qntVal {
    font-size: 12px;
    width: 28px;
    height: 28px;
    max-width: 28px;
    padding: 6px 0;
  }
}

.userInfo {
  border: 1px solid #888888;
  padding: 20px;
  margin: 20px 0;
}
.userInfoSkinTest {
  width: 100%;
  min-width: 100%;
}
.userInfoSection {
  background: linear-gradient(92.82deg, #EFEEED 17.92%, #FDFDF8 85.36%);
  border: 1px solid #888888;
  padding: 23px 20px;
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.userInfoSectionBtn {
  border: 1px solid #888888;
  width: 220px;
  background: transparent;
}
.userInfoTitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #000000;
}
.userInfoSectionTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
}
.userInfoContent {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: start;
  margin: 20px 0 0 0;
  gap: 20px;
}
.userInfoChange {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
  padding: 0 0 1px 0;
  border: solid 1px #888888;
  background: none;
  border-width: 0 0 1px 0;
  cursor: pointer;
}
.userInfoChange:hover, .userInfoChange:active {
  color: #000;
  border-color: #000;
}
.userInfoDetails {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #888888;
}
@media all and (min-width: 768px) {
  .userInfoForm .formBottom {
    display: flex;
    margin: 20px 0 0 0;
  }
  .userInfoForm .formBottom .formSubmit {
    max-width: 330px;
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .userInfo {
    padding: 15px;
    margin: 15px 0;
  }
  .userInfoSection {
    padding: 15px;
    margin: 15px 0;
    flex-direction: column;
    gap: 20px;
  }
  .userInfoSectionBtn {
    width: 100%;
  }
  .userInfoTitle {
    font-size: 16px;
    line-height: 100%;
  }
  .userInfoSectionTitle {
    text-align: center;
    font-weight: 600;
    display: block;
  }
  .userInfoContent {
    display: flex;
    width: 100%;
    margin: 20px 0 0 0;
    gap: 20px;
    flex-direction: column;
  }
  .userInfoDetails {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #888888;
  }
}

.writeReview, .writeQuestion {
  margin: -15px 0 0 0;
}
.writeReviewText, .writeQuestionText {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #888888;
}
.writeReviewMark, .writeQuestionMark {
  margin: 20px 0 20px 0;
}
.writeReviewMarkVal, .writeQuestionMarkVal {
  display: none;
}
.writeReviewMarkList, .writeQuestionMarkList {
  display: flex;
  margin: 0 0 0 -4px;
}
.writeReviewMarkList i, .writeQuestionMarkList i {
  min-width: 32px;
  width: 32px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: 24px 24px;
  display: block;
  cursor: pointer;
}
.writeReviewMarkList i.on, .writeReviewMarkList i.a, .writeQuestionMarkList i.on, .writeQuestionMarkList i.a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}
.writeReviewMarkList:hover i, .writeQuestionMarkList:hover i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}
.writeReviewMarkList i:hover ~ i, .writeQuestionMarkList i:hover ~ i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTUxNjMgMi4wMzgyN0M3LjczNTA0IDEuNjY2NjUgOC4yNjQ5NiAxLjY2NjY0IDguNDQ4MzcgMi4wMzgyN0w5LjY3MDEgNC41MTM3N0M5Ljg4ODYgNC45NTY0OSAxMC4zMTA5IDUuMjYzMzQgMTAuNzk5NSA1LjMzNDMzTDEzLjUzMTQgNS43MzEzQzEzLjk0MTUgNS43OTA4OSAxNC4xMDUzIDYuMjk0ODggMTMuODA4NSA2LjU4NDE1TDExLjgzMTcgOC41MTEwNkMxMS40NzgyIDguODU1NjYgMTEuMzE2OCA5LjM1MjE3IDExLjQwMDMgOS44Mzg3NUwxMS44NjcgMTIuNTU5NkMxMS45MzcgMTIuOTY4MSAxMS41MDgzIDEzLjI3OTUgMTEuMTQxNSAxMy4wODY3TDguNjk4MDEgMTEuODAyMUM4LjI2MTAzIDExLjU3MjMgNy43Mzg5NyAxMS41NzIzIDcuMzAxOTkgMTEuODAyMUw0Ljg1ODUyIDEzLjA4NjdDNC40OTE3MSAxMy4yNzk1IDQuMDYyOTkgMTIuOTY4MSA0LjEzMzA1IDEyLjU1OTZMNC41OTk3MSA5LjgzODc1QzQuNjgzMTYgOS4zNTIxNiA0LjUyMTg0IDguODU1NjYgNC4xNjgzMSA4LjUxMTA2TDIuMTkxNSA2LjU4NDE1QzEuODk0NzQgNi4yOTQ4OCAyLjA1ODUgNS43OTA4OSAyLjQ2ODYxIDUuNzMxM0w1LjIwMDQ5IDUuMzM0MzNDNS42ODkwNiA1LjI2MzM0IDYuMTExNCA0Ljk1NjQ5IDYuMzI5OSA0LjUxMzc3TDcuNTUxNjMgMi4wMzgyN1oiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==);
}
@media all and (min-width: 768px) {
  .writeReview .formBottom, .writeQuestion .formBottom {
    display: flex;
    justify-content: flex-end;
  }
  .writeReview .formBottom .formSubmit, .writeQuestion .formBottom .formSubmit {
    max-width: 330px;
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .writeReviewText, .writeQuestionText {
    font-size: 16px;
    line-height: 150%;
  }
  .writeReviewMarkList i, .writeQuestionMarkList i {
    min-width: 28px;
    width: 28px;
    height: 20px;
    background-size: 20px 20px;
  }
}

.certBox {
  display: flex;
  align-items: center;
  gap: 30px;
}
.certBoxMedia {
  max-width: 65%;
}
.certBoxTitle {
  color: #000;
  font-size: 34px;
  font-weight: 600;
  line-height: 150%;
}
@media all and (max-width: 1400px) {
  .certBox {
    gap: 80px;
  }
  .certBoxMedia {
    max-width: 55%;
  }
  .certBoxTitle {
    font-size: 28px;
  }
}
@media all and (max-width: 959px) {
  .certBox {
    gap: 35px;
    padding: 80px 80px 0 80px;
    flex-direction: column;
  }
  .certBoxMedia {
    max-width: 100%;
    order: 2;
  }
  .certBoxTitle {
    order: 1;
    text-align: center;
  }
}
@media all and (max-width: 767px) {
  .certBox {
    padding: 180px 0 0 0;
    gap: 50px;
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .certBoxInner {
    padding: 0;
  }
  .certBoxTitle {
    font-size: 22px;
    padding: 0 20px;
  }
  .certBoxMedia {
    max-width: none;
    margin: 0 -10px;
  }
}

.team {
  display: block;
}
.teamList {
  display: flex;
  gap: 20px;
}
.teamEl {
  width: 25%;
  display: block;
  text-decoration: none;
  color: #000;
}
.teamElMedia img {
  width: 100%;
  height: auto;
}
.teamElContent {
  margin-top: 40px;
}
.teamElTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}
.teamElInfo {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #888;
  margin-top: 8px;
}
.teamElText {
  margin-top: 20px;
  font-size: 14px;
  line-height: 150%;
}
@media all and (max-width: 959px) {
  .teamList {
    margin: 0 -24px;
    padding: 0 24px 10px 24px;
    overflow: auto;
    scroll-snap-type: both proximity;
  }
  .teamEl {
    padding: 0;
    min-width: 300px;
    width: 300px;
    scroll-snap-align: center;
  }
  .teamElContent {
    margin-top: 32px;
  }
  .teamElTitle {
    font-size: 18px;
  }
  .teamElInfo {
    font-size: 12px;
  }
  .teamElText {
    margin-top: 16px;
  }
}
@media all and (max-width: 767px) {
  .teamList {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 359px) {
  .teamEl {
    min-width: 280px;
    width: 280px;
  }
}

.commentsSlider {
  display: block;
  position: relative;
}
.commentsSliderBox {
  display: block;
  position: relative;
}
.commentsSlider-next, .commentsSlider-prev {
  position: absolute;
  width: 32px;
  height: 48px;
  top: calc(50% - 24px);
  bottom: 0;
  background: #fff;
  cursor: pointer;
  z-index: 2;
}
.commentsSlider-next:after, .commentsSlider-prev:after {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  content: "";
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUzNzUgMTcuMjI1QzEyLjM3OTIgMTcuMjI1IDEyLjIyMDggMTcuMTY2NyAxMi4wOTU4IDE3LjA0MTdMNi42NjI1IDExLjYwODRDNS43NzkxNyAxMC43MjUgNS43NzkxNyA5LjI3NTAyIDYuNjYyNSA4LjM5MTY4TDEyLjA5NTggMi45NTgzNUMxMi4zMzc1IDIuNzE2NjggMTIuNzM3NSAyLjcxNjY4IDEyLjk3OTIgMi45NTgzNUMxMy4yMjA4IDMuMjAwMDIgMTMuMjIwOCAzLjYwMDAyIDEyLjk3OTIgMy44NDE2OEw3LjU0NTgzIDkuMjc1MDJDNy4xNDU4MyA5LjY3NTAyIDcuMTQ1ODMgMTAuMzI1IDcuNTQ1ODMgMTAuNzI1TDEyLjk3OTIgMTYuMTU4M0MxMy4yMjA4IDE2LjQgMTMuMjIwOCAxNi44IDEyLjk3OTIgMTcuMDQxN0MxMi44NTQyIDE3LjE1ODQgMTIuNjk1OCAxNy4yMjUgMTIuNTM3NSAxNy4yMjVaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPgo=);
}
.commentsSlider-next.swiper-button-disabled, .commentsSlider-prev.swiper-button-disabled {
  cursor: default;
}
.commentsSlider-next.swiper-button-disabled:after, .commentsSlider-prev.swiper-button-disabled:after {
  opacity: 0.5;
}
.commentsSlider-next:after {
  transform: rotate(180deg);
  transform-origin: center;
}
.commentsSlider-prev {
  left: 38px;
}
.commentsSlider-next {
  right: 38px;
}
@media all and (max-width: 1300px) {
  .commentsSlider-prev {
    left: 9px;
  }
  .commentsSlider-next {
    right: 9px;
  }
}
@media all and (max-width: 959px) {
  .commentsSlider-prev {
    display: none;
  }
  .commentsSlider-next {
    display: none;
  }
}
.commentsEl {
  background: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
.commentsElTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}
.commentsElInfo {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #888;
  margin: 10px 0 0 0;
}
.commentsElText {
  font-size: 14px;
  line-height: 150%;
  margin: 40px 0 0 0;
  flex-grow: 1;
}
.commentsElDate {
  margin: 40px 0 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #888;
}
@media all and (max-width: 959px) {
  .commentsEl {
    min-width: 300px;
    width: 300px;
    padding: 40px 20px;
    scroll-snap-align: center;
  }
  .commentsElTitle {
    font-size: 18px;
  }
  .commentsElInfo {
    font-size: 12px;
  }
  .commentsElText {
    margin: 20px 0 0 0;
  }
  .commentsElDate {
    font-size: 12px;
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 359px) {
  .commentsEl {
    min-width: 280px;
    width: 280px;
  }
}
.commentsList {
  display: flex;
  align-items: stretch;
}
@media all and (max-width: 959px) {
  .commentsList {
    gap: 0;
    scroll-snap-type: both proximity;
  }
}
@media all and (max-width: 959px) {
  .commentsSlider {
    margin: 0;
    padding: 0 24px 10px 24px;
  }
}
@media all and (max-width: 959px) {
  .commentsSliderBox {
    padding: 0 !important;
  }
}
.commentsTitle {
  display: none;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
  line-height: 150%;
  position: relative;
  z-index: 2;
  padding: 0 24px;
}
@media all and (max-width: 959px) {
  .commentsTitle {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .commentsTitle {
    font-size: 22px;
  }
}
.commentsWrap {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
@media all and (max-width: 959px) {
  .commentsWrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media all and (max-width: 767px) {
  .commentsWrap {
    padding-top: 60px;
  }
}
.commentsBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.commentsBg img, .commentsBg picture {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.whyLearnTitle {
  color: #333;
  font-size: 28px;
  font-weight: 600;
  line-height: 150%;
  max-width: 640px;
}
.whyLearnList {
  margin: 60px 0 0 0;
  display: flex;
  gap: 80px;
  align-items: stretch;
}
.whyLearnEl {
  display: inline-flex;
  gap: 20px;
  flex-direction: column;
  width: 33.3333%;
}
.whyLearnElTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}
.whyLearnElText {
  font-size: 14px;
  line-height: 150%;
  flex-grow: 1;
}
.whyLearnElFrom {
  color: #888;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.whyLearnElFrom a {
  color: #888;
  text-decoration: none;
}
@media all and (max-width: 959px) {
  .whyLearnTitle {
    font-size: 24px;
  }
  .whyLearnList {
    margin: 40px 0 0 0;
    gap: 40px;
    flex-direction: column;
  }
  .whyLearnEl {
    width: 100%;
  }
  .whyLearnElTitle {
    font-size: 18px;
  }
}
@media all and (max-width: 767px) {
  .whyLearnTitle {
    font-size: 20px;
  }
  .whyLearnList {
    margin: 50px 0 0 0;
  }
  .whyLearnEl {
    width: 100%;
    gap: 16px;
  }
  .whyLearnElTitle {
    font-size: 16px;
  }
}

.educationTop {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  background: #D5D5D5;
}
.educationTopMedia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.educationTopMedia picture, .educationTopMedia img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 767px) {
  .educationTopMedia picture, .educationTopMedia img {
    object-fit: contain;
    object-position: center bottom;
  }
}
.educationTopInner {
  position: relative;
  padding-top: 60px;
  padding-bottom: 69px;
  min-height: 451px;
  z-index: 2;
  flex-direction: column;
  display: flex;
  justify-content: center;
}
@media all and (max-width: 959px) {
  .educationTopInner {
    min-height: 540px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media all and (max-width: 767px) {
  .educationTopInner {
    padding: 40px 20px 304px 20px;
    min-height: 0;
    align-items: center;
  }
}
.educationTopTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
  max-width: 574px;
  color: #888888;
}
@media all and (max-width: 959px) {
  .educationTopTitle {
    max-width: 402px;
  }
}
@media all and (max-width: 767px) {
  .educationTopTitle {
    font-size: 14px;
    text-align: center;
  }
}
.educationTopText {
  font-size: 32px;
  font-weight: 300;
  line-height: 150%;
  text-transform: uppercase;
  margin: 32px 0 0 0;
  max-width: 574px;
}
@media all and (max-width: 959px) {
  .educationTopText {
    max-width: 402px;
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .educationTopText {
    font-size: 20px;
    margin: 20px 0 0 0;
    text-align: center;
  }
}
.educationTopSpec {
  margin: 60px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.educationTopSpecEl {
  display: inline-flex;
}
.educationTopSpecElIcon {
  width: 60px;
  height: 60px;
  margin: 0 13px 0 0;
}
.educationTopSpecElIcon img {
  max-width: 100%;
  height: auto;
}
.educationTopSpecElTitle {
  color: #888888;
  font-size: 14px;
  line-height: 150%;
  max-width: 188px;
}
@media all and (max-width: 959px) {
  .educationTopSpec {
    margin: 40px 0 0 0;
    flex-direction: column;
    gap: 24px;
  }
}
@media all and (max-width: 767px) {
  .educationTopSpec {
    margin: 20px 0 0 0;
    flex-direction: row;
    gap: 15px;
    flex-wrap: nowrap;
  }
  .educationTopSpecEl {
    display: block;
  }
  .educationTopSpecElIcon {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
  }
  .educationTopSpecElTitle {
    margin: 8px 0 0 0;
    font-size: 12px;
    text-align: center;
    display: block;
  }
}

.courseMain {
  position: relative;
  margin: 0 auto;
  background: #FAFAFA;
}
.courseMainMedia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.courseMainMedia picture, .courseMainMedia img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 767px) {
  .courseMainMedia picture, .courseMainMedia img {
    object-fit: contain;
    object-position: center top;
  }
}
.courseMainInner {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 570px;
  z-index: 2;
  flex-direction: column;
  display: flex;
  justify-content: center;
}
@media all and (max-width: 1400px) {
  .courseMainInner {
    min-height: 520px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media all and (max-width: 959px) {
  .courseMainInner {
    min-height: 580px;
    padding: 40px 24px;
  }
}
@media all and (max-width: 767px) {
  .courseMainInner {
    padding: 20px;
    min-height: 0;
  }
}
.courseMainTags {
  display: flex;
  gap: 8px;
  margin: 0 0 20px 0;
}
.courseMainTags span {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  padding: 8px 16px;
  display: block;
  position: relative;
}
.courseMainTags .courseMainTags_offline {
  padding-left: 34px;
  background: #ED727C;
  color: #fff;
}
.courseMainTags .courseMainTags_offline:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 8px;
  left: 16px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjc0NzMgNi44ODczMkwxMi41MjM3IDcuNjkyNjNMMTIuNjI5IDcuODAxODZMMTIuNzM3IDcuNjk1MzFMMTMuMTA1MyA3LjMzMTk2TDEzLjIxMDkgNy4yMjc4M0wxMy4xMDggNy4xMjEwN0w3LjEwODIzIDAuODk1OTA3TDcuMDAwMzEgMC43ODM5MzRMNi44OTIzMSAwLjg5NTgyM0M1LjQ2OTg1IDIuMzY5NDIgNC4wNDg2IDMuODQ0NjkgMi42Mjc1MSA1LjMxOThDMi4wNDkgNS45MjAyOSAxLjQ3MDUyIDYuNTIwNzYgMC44OTE5OTIgNy4xMjEwOEwwLjc4OTEwOSA3LjIyNzg0TDAuODk0NjYyIDcuMzMxOTZMMS4yNjMwMiA3LjY5NTMxTDEuMzcxMDYgNy44MDE4OUwxLjQ3NjM3IDcuNjkyNjFMMi4yNTI5OCA2Ljg4Njc0VjEzVjEzLjE1SDIuNDAyOThIMTEuNTk3M0gxMS43NDczVjEzVjYuODg3MzJaTTMuMDY3OTUgNi4wNDA2Nkw3LjAwMDIzIDEuOTYxMDFMMTAuOTMyMSA2LjA0MDE5VjEyLjMyNzNINS45NTg3OVY5LjQ3MTM2SDguMDQwOThWMTEuMzM3N1YxMS40ODc3SDguMTkwOThIOC43MDYxOEg4Ljg1NjE4VjExLjMzNzdWOC43OTg3OVY4LjY0ODc5SDguNzA2MThINS4yOTM1OUg1LjE0MzU5VjguNzk4NzlWMTIuMzI3M0gzLjA2Nzk1VjYuMDQwNjZaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjMiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: contain;
}
.courseMainTags .courseMainTags_online {
  padding-left: 34px;
  background: #8D7ECD;
  color: #fff;
}
.courseMainTags .courseMainTags_online:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 8px;
  left: 16px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjYzMjIgMy4xOTAzN0MxMS41Mjg3IDMuMDY0OTIgMTEuNDE5NCAyLjk0NDc1IDExLjMwNjYgMi44MjgwMUMxMC4yMTUxIDEuNzAyMTEgOC42ODg1MiAxIDYuOTk5OTcgMUM1LjMxMTQzIDEgMy43ODUwNCAxLjcwMjExIDIuNjkzNjIgMi44MjgyNUMyLjU4MDY4IDIuOTQ0NzUgMi40NzE0IDMuMDY1MTUgMi4zNjgwOCAzLjE5MDZDMS41MTM3MSA0LjIyNzI5IDEgNS41NTQ4MSAxIDYuOTk5OTdDMSA4LjQ0NTE0IDEuNTEzNzEgOS43NzI3NCAyLjM2Nzk5IDEwLjgwOTZDMi40NzE0MiAxMC45MzUxIDIuNTgwNyAxMS4wNTUzIDIuNjkzNTQgMTEuMTcyQzMuNzg1MDYgMTIuMjk3OSA1LjMxMTYzIDEzIDcuMDAwMTggMTNDOC42ODg3MiAxMyAxMC4yMTUxIDEyLjI5NzkgMTEuMzA2NSAxMS4xNzE4QzExLjQxOTUgMTEuMDU1MyAxMS41Mjg3IDEwLjkzNDkgMTEuNjMyMSAxMC44MDk0QzEyLjQ4NjQgOS43NzI3MSAxMy4wMDAxIDguNDQ1MTkgMTMuMDAwMSA3LjAwMDAzQzEzLjAwMDEgNS41NTQ4NiAxMi40ODY0IDQuMjI3MjcgMTEuNjMyMiAzLjE5MDM3Wk04LjczMzQ5IDEyLjIyNThDOS4yMjAzNyAxMS43NTg0IDkuNjM1OTEgMTEuMTAxNiA5Ljk0NDczIDEwLjMxMzVDMTAuMjk4NSAxMC40NzExIDEwLjYyNTUgMTAuNjU2MSAxMC45MTg2IDEwLjg2NDRDMTAuMzE0NCAxMS40NzcgOS41Njc5MyAxMS45NDgzIDguNzMzNDkgMTIuMjI1OFpNMy4wODE1MiAxMC44NjQ2QzMuMzc0NjEgMTAuNjU2MSAzLjcwMTQgMTAuNDcxMSA0LjA1NTM5IDEwLjMxMzZDNC4zNjQwOSAxMS4xMDE3IDQuNzc5NjMgMTEuNzU4NyA1LjI2NjYzIDEyLjIyNTlDNC40MzIxOSAxMS45NDgzIDMuNjg1NzMgMTEuNDc3IDMuMDgxNTIgMTAuODY0NlpNNS4yNjY2MyAxLjc3Mzk3QzQuNzc5NzUgMi4yNDEzNiA0LjM2NDIxIDIuODk4MTcgNC4wNTUzOSAzLjY4NjI5QzMuNzAxNjQgMy41Mjg2MiAzLjM3NDYzIDMuMzQzNjYgMy4wODE1MiAzLjEzNTNDMy42ODU3IDIuNTIyNzUgNC40MzIxOSAyLjA1MTQ2IDUuMjY2NjMgMS43NzM5N1pNMTAuOTE4NiAzLjEzNTE4QzEwLjYyNTUgMy4zNDM2NCAxMC4yOTg3IDMuNTI4NTkgOS45NDQ3MyAzLjY4NjE3QzkuNjM2MDMgMi44OTgwNSA5LjIyMDQ4IDIuMjQxMDMgOC43MzM0OSAxLjc3Mzg1QzkuNTY3OTMgMi4wNTE0NiAxMC4zMTQ0IDIuNTIyNzUgMTAuOTE4NiAzLjEzNTE4Wk02Ljc1MzQ1IDYuNzUzMTZIMy45NjIzNEMzLjk4MzY3IDUuODc2MyA0LjExODk3IDUuMDUyNCA0LjM0MTkgNC4zMjgzQzUuMDc0MjcgNC41OTIxNSA1Ljg5MDQ4IDQuNzUwNCA2Ljc1MzQ1IDQuNzc1OTZWNi43NTMxNlpNNi43NTM0NSA3LjI0NjIzVjkuMjIzNDJDNS44OTA0OCA5LjI0ODg4IDUuMDc0MjcgOS40MDcyMyA0LjM0MTkgOS42NzEwOEM0LjExOTEgOC45NDY5NiAzLjk4MzY4IDguMTIzMDggMy45NjIzNCA3LjI0NjIzSDYuNzUzNDVaTTcuMjQ2NTIgNy4yNDYyM0gxMC4wMzc2QzEwLjAxNjMgOC4xMjMwOCA5Ljg4MSA4Ljk0Njk5IDkuNjU4MDggOS42NzEwOEM4LjkyNTcgOS40MDcyMyA4LjEwOTQ5IDkuMjQ4OTkgNy4yNDY1MiA5LjIyMzQyVjcuMjQ2MjNaTTcuMjQ2NTIgNi43NTMxNlY0Ljc3NTg1QzguMTA5NDkgNC43NTAzOSA4LjkyNTcgNC41OTIwNCA5LjY1ODA4IDQuMzI4MTlDOS44ODA4NyA1LjA1MjMxIDEwLjAxNjMgNS44NzYxOCAxMC4wMzc2IDYuNzUzMDRMNy4yNDY1MiA2Ljc1MzE2Wk05LjQ5ODM2IDMuODY1MTRDOC44MTY3NyA0LjEwOTYxIDguMDU0MzcgNC4yNTc4OCA3LjI0NjY0IDQuMjgyOThMNy4yNDY1MiAxLjUxMjM5QzguMTc4NDIgMS42NDg1IDguOTkyOSAyLjU0Nzk0IDkuNDk4MzYgMy44NjUxMUw5LjQ5ODM2IDMuODY1MTRaTTYuNzUzNDUgNC4yODI4NkM1Ljk0NTYxIDQuMjU3NzUgNS4xODMwOSA0LjEwOTYgNC41MDE3MyAzLjg2NTAzQzUuMDA3MTkgMi41NDc4NSA1LjgyMTU1IDEuNjQ4NjIgNi43NTM0NSAxLjUxMjNWNC4yODI4NlpNNC41MDE2MSAxMC4xMzQyQzUuMTgzMiA5Ljg4OTY4IDUuOTQ1NjEgOS43NDE0MSA2Ljc1MzMzIDkuNzE2MzJMNi43NTM0NSAxMi40ODY5QzUuODIxNTUgMTIuMzUwOCA1LjAwNzA3IDExLjQ1MTQgNC41MDE2MSAxMC4xMzQyTDQuNTAxNjEgMTAuMTM0MlpNNy4yNDY1MiA5LjcxNjQzQzguMDU0MzcgOS43NDE1NCA4LjgxNjg4IDkuODg5NjkgOS40OTgyNCAxMC4xMzQzQzguOTkyOSAxMS40NTEzIDguMTc4NDIgMTIuMzUwOCA3LjI0NjUyIDEyLjQ4NjlWOS43MTY0M1pNMy44OTA2OCA0LjE0ODcxQzMuNjQxMjggNC45MjkyNiAzLjQ5MTc1IDUuODEzOCAzLjQ2OTM4IDYuNzUzMTZIMS40OTkxOEMxLjU1Mzc2IDUuNTIwMjYgMi4wMTUwNiA0LjM5MTI0IDIuNzUyNiAzLjQ5OEMzLjA5MzczIDMuNzQ2MzcgMy40NzU2OSAzLjk2NTM5IDMuODkwNjggNC4xNDg2MlY0LjE0ODcxWk0zLjQ2OTE4IDcuMjQ2MjNDMy40OTE2NSA4LjE4NTU4IDMuNjQxMjkgOS4wNzAxMyAzLjg5MDQ4IDkuODUwNjdDMy40NzU2MSAxMC4wMzM5IDMuMDkzNTUgMTAuMjUyOSAyLjc1MjM5IDEwLjUwMTNDMi4wMTUwOSA5LjYwODE0IDEuNTUzNzggOC40NzkxMyAxLjQ5OTIxIDcuMjQ2MTRMMy40NjkxOCA3LjI0NjIzWk0xMC4xMDkyIDkuODUwNjdDMTAuMzU4NiA5LjA3MDEzIDEwLjUwODIgOC4xODU1OCAxMC41MzA1IDcuMjQ2MjNIMTIuNTAwNUMxMi40NDU5IDguNDc5MTMgMTEuOTg0NiA5LjYwODE0IDExLjI0NzEgMTAuNTAxNEMxMC45MDYyIDEwLjI1MyAxMC41MjQyIDEwLjAzNCAxMC4xMDkyIDkuODUwNzZWOS44NTA2N1pNMTAuNTMwNyA2Ljc1MzE2QzEwLjUwODMgNS44MTM4IDEwLjM1ODYgNC45MjkyNiAxMC4xMDk0IDQuMTQ4NzFDMTAuNTI0MyAzLjk2NTQ3IDEwLjkwNjQgMy43NDY0NiAxMS4yNDc1IDMuNDk4MDlDMTEuOTg0OCA0LjM5MTI0IDEyLjQ0NjEgNS41MjAyNSAxMi41MDA3IDYuNzUzMjRMMTAuNTMwNyA2Ljc1MzE2WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC4yNSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.courseMainTags .courseMainTags_pro {
  text-transform: uppercase;
  background: #000;
  color: #fff;
}
.courseMainTags .courseMainTags_new {
  background: #4FAC75;
  color: #fff;
}
.courseMainCategory {
  color: #888;
  font-size: 14px;
  font-weight: 600;
}
.courseMainTitle {
  margin: 4px 0 0 0;
  font-size: 32px;
  line-height: 150%;
  text-transform: uppercase;
}
.courseMainDetails {
  margin: 20px 0 0 0;
  display: flex;
  gap: 16px;
  flex-direction: column;
  color: #000;
  font-size: 16px;
  line-height: 150%;
}
.courseMainDetailsEl {
  padding: 0 0 0 18px;
  position: relative;
  display: block;
}
.courseMainDetailsEl:before {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  background: #000;
}
.courseMainOptions {
  margin: 40px 0 0 0;
  display: flex;
  align-items: center;
  gap: 60px;
}
.courseMainPriceOld {
  font-size: 16px;
  line-height: 100%;
  color: #888;
  margin: 0 0 4px 0;
}
.courseMainPriceOld span {
  text-decoration: line-through;
}
.courseMainPriceCurrent {
  font-size: 14px;
  line-height: 100%;
  font-weight: 700;
}
.courseMainPriceCurrent span {
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
}
.courseMainPriceInfo {
  font-size: 14px;
  line-height: 100%;
  color: #888;
  margin: 4px 0 0 0;
}
.courseMainTime {
  font-weight: 500;
  font-size: 32px;
  position: relative;
  display: block;
  padding: 0 0 0 40px;
  line-height: 100%;
}
.courseMainTime:before {
  position: absolute;
  width: 32px;
  height: 32px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzkwNzUgNC42MTA4N0M5LjMyNzg5IDQuNjEwODcgOC45NTc1MiA0Ljk4MTIzIDguOTU3NTIgNS40NDQxVjEwLjc5MDdDOC45NTc1MiAxMS4wOTE2IDkuMTE5NjIgMTEuMzkyNCA5LjM5NzMyIDExLjUzMTRMMTIuMTc0NyAxMi45ODk2QzEyLjI5MDUgMTMuMDU5IDEyLjQyOTMgMTMuMDgyMSAxMi41NjgyIDEzLjA4MjFDMTIuODY5MSAxMy4wODIxIDEzLjE0NjggMTIuOTIgMTMuMzA4OSAxMi42NDIzQzEzLjUxNzIgMTIuMjI1OCAxMy4zNzgzIDExLjczOTcgMTIuOTYxOCAxMS41MDgyTDEwLjYyNDIgMTAuMjgxNUwxMC42MjQgNS40NDQwN0MxMC42MjQgNC45ODEyMSAxMC4yMzA1IDQuNjEwODQgOS43OTA3NiA0LjYxMDg0TDkuNzkwNzUgNC42MTA4N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yMS43MzM1IDkuNjU2MzJDMjEuNDA5NSA5LjMzMjI5IDIwLjg3NzIgOS4zMzIyOSAyMC41NTMyIDkuNjU2MzJMMTkuNTU3OCAxMC42NzQ4QzE5LjQ4ODQgNS4zMjgxOCAxNS4xMzcxIDEgOS43OTA0OCAxQzQuMzk3NjIgMSAwIDUuMzk3NjIgMCAxMC43OTA1QzAgMTYuMTgzNCA0LjM5NzYyIDIwLjU4MSA5Ljc5MDQ4IDIwLjU4MUMxMC4yNTMzIDIwLjU4MSAxMC42MjM3IDIwLjIxMDYgMTAuNjIzNyAxOS43NDc3QzEwLjYyMzcgMTkuMjg0OSAxMC4yNTM0IDE4LjkxNDUgOS43OTA0OCAxOC45MTQ1QzUuMzIzNDMgMTguOTE0NSAxLjY4OTYxIDE1LjI4MDYgMS42ODk2MSAxMC44MTM2QzEuNjg5NjEgNi4zNDY2NiA1LjMyMzUxIDIuNzEyNzYgOS43OTA0OCAyLjcxMjc2QzE0LjIxMTIgMi43MTI3NiAxNy44MjE5IDYuMjc3MDYgMTcuODkxNCAxMC42NzQ4TDE2Ljg5NjIgOS42Nzk1OUMxNi41NzIyIDkuMzU1NTYgMTYuMDM5OSA5LjM1NTU2IDE1LjcxNTggOS42Nzk1OUMxNS4zOTE4IDEwLjAwMzYgMTUuMzkxOCAxMC41MzU5IDE1LjcxNTggMTAuODZMMTguMTQ2MSAxMy4yOTAzQzE4LjMwODIgMTMuNDUyNCAxOC41MTY1IDEzLjU0NDkgMTguNzQ3OSAxMy41NDQ5QzE4Ljk3OTQgMTMuNTQ0OSAxOS4xNjQ0IDEzLjQ1MjQgMTkuMzQ5NiAxMy4yOTAzTDIxLjc3OTkgMTAuODZDMjIuMDgwNyAxMC41MTI4IDIyLjA4MDcgOS45ODA0IDIxLjczMzYgOS42NTYzNkwyMS43MzM1IDkuNjU2MzJaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTIuNDA2MiAxOC40MDUzQzExLjk0MzMgMTguNTY3NCAxMS42ODg3IDE5LjA3NjQgMTEuODUwNiAxOS41Mzk0QzEyLjAxMjcgMjAuMDAyMyAxMi41MjE4IDIwLjI1NjkgMTIuOTg0OCAyMC4wOTVDMTMuNDQ3NyAxOS45MzI5IDEzLjcwMjMgMTkuNDIzOCAxMy41NDAzIDE4Ljk2MDhDMTMuMzc4MiAxOC40NzQ4IDEyLjg2OSAxOC4yNDMzIDEyLjQwNjIgMTguNDA1M1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNC44MzY0IDE3LjAzOThDMTQuNDQzIDE3LjM2MzggMTQuMzk2NiAxNy45MTkzIDE0LjY5NzYgMTguMzEyOEMxNS4wMjE2IDE4LjcwNjMgMTUuNTc3MSAxOC43NTI2IDE1Ljk3MDYgMTguNDUxN0MxNi4zNjQgMTguMTI3NiAxNi40MTA0IDE3LjU3MjEgMTYuMTA5NCAxNy4xNzg2QzE1LjgwODUgMTYuNzg1MiAxNS4yMjk5IDE2LjczOSAxNC44MzY0IDE3LjAzOThaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTcuOTE0NiAxNC42MzI3QzE3LjQ5OCAxNC4zNzgxIDE2Ljk0MjUgMTQuNTE2OSAxNi42ODc5IDE0LjkzMzZDMTYuNDMzMiAxNS4zNTAxIDE2LjU3MjEgMTUuOTA1NyAxNi45ODg4IDE2LjE2MDNDMTcuNDA1MyAxNi40MTQ5IDE3Ljk2MDkgMTYuMjc2MSAxOC4yMTU1IDE1Ljg1OTRDMTguNDY5OSAxNS40NDI3IDE4LjMzMTEgMTQuODg3MyAxNy45MTQ2IDE0LjYzMjdaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
}
.courseMainTime span {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}
.courseMainBtns {
  margin: 40px 0 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.courseMainBuy {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  padding: 20px 80px;
}
.courseMainLink {
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  padding: 20px 80px;
}
@media all and (max-width: 1400px) {
  .courseMainTitle {
    font-size: 28px;
  }
  .courseMainOptions {
    margin: 32px 0 0 0;
  }
  .courseMainBtns {
    margin: 32px 0 0 0;
  }
}
@media all and (max-width: 959px) {
  .courseMainTags {
    gap: 4px;
  }
  .courseMainTags span {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 10px;
  }
  .courseMainTags .courseMainTags_offline {
    padding-left: 24px;
  }
  .courseMainTags .courseMainTags_offline:before {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 10px;
  }
  .courseMainTags .courseMainTags_online {
    padding-left: 24px;
  }
  .courseMainTags .courseMainTags_online:before {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 10px;
  }
  .courseMainCategory {
    font-size: 12px;
  }
  .courseMainTitle {
    font-size: 24px;
    margin: 4px 0 0 0;
  }
  .courseMainDetails {
    margin: 40px 0 0 0;
    font-size: 14px;
    width: 50%;
  }
  .courseMainOptions {
    flex-direction: column;
    align-items: start;
    gap: 40px;
    justify-content: start;
  }
  .courseMainTime {
    order: 1;
    font-size: 24px;
    padding: 0 0 0 32px;
  }
  .courseMainTime:before {
    width: 24px;
    height: 24px;
  }
  .courseMainTime span {
    font-size: 14px;
  }
  .courseMainPrice {
    order: 2;
  }
  .courseMainPriceOld {
    font-size: 14px;
  }
  .courseMainPriceCurrent span {
    font-size: 28px;
  }
  .courseMainBtns {
    margin: 40px 0 0 0;
  }
  .courseMainBuy {
    font-size: 12px;
    line-height: 100%;
    padding: 13px 5px;
    min-width: 0;
    width: 50%;
  }
  .courseMainLink {
    font-size: 12px;
    line-height: 100%;
    padding: 13px 5px;
    min-width: 0;
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  .courseMainCategory {
    font-size: 12px;
  }
  .courseMainTitle {
    font-size: 22px;
    min-height: 80px;
  }
  .courseMainDetails {
    margin: 100px 0 0 0;
    width: 100%;
  }
  .courseMainOptions {
    margin: 32px 0 0 0;
    gap: 24px;
  }
}

.aboutMediaList {
  display: flex;
  gap: 80px;
}
.aboutMediaEl {
  width: 33.3333%;
  color: #888;
  text-decoration: none;
}
.aboutMediaElImg {
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.aboutMediaElImg img {
  width: 100%;
  height: auto;
}
.aboutMediaElTitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}
@media all and (max-width: 1400px) {
  .aboutMediaList {
    gap: 60px;
  }
}
@media all and (max-width: 959px) {
  .aboutMediaList {
    gap: 10px;
    overflow: auto;
    scroll-snap-type: both proximity;
    margin: 0 -24px;
    padding: 0 24px 10px 24px;
  }
  .aboutMediaEl {
    scroll-snap-align: center;
    min-width: 300px;
    width: 300px;
  }
  .aboutMediaElTitle {
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .aboutMediaList {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 359px) {
  .aboutMediaEl {
    min-width: 280px;
    width: 280px;
  }
}

.jobVacancy {
  position: relative;
}
.jobVacancyContent {
  padding: 60px 0;
  position: relative;
  z-index: 2;
}
.jobVacancyMedia {
  position: absolute;
  z-index: 1;
  width: 585px;
  left: calc(50% + 360px);
  top: 0;
  bottom: 0;
}
.jobVacancyMedia img {
  width: 100%;
  height: auto;
}
.jobVacancyTitle {
  color: #7D7D7D;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.jobVacancyText {
  color: #333;
  font-size: 22px;
  line-height: 150%;
  max-width: calc(50% + 200px);
}
.jobVacancyInfo {
  margin: 60px 0 0 0;
  display: flex;
  width: 100%;
  gap: 80px;
}
.jobVacancyInfoEl {
  width: 33.3333%;
}
.jobVacancyInfoElTitle {
  color: #000;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  border-bottom: solid 4px #000;
  padding: 0 0 20px 0;
}
.jobVacancyInfoElTitle span {
  color: #000;
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
}
.jobVacancyInfoElText {
  font-size: 16px;
  line-height: 150%;
  color: #888;
  padding: 20px 0 0 0;
}
@media all and (max-width: 1400px) {
  .jobVacancyMedia {
    left: calc(50% + 220px);
  }
  .jobVacancyInfo {
    margin: 60px 0 0 0;
    display: flex;
    width: 100%;
    gap: 80px;
  }
  .jobVacancyInfoEl {
    width: 33.3333%;
  }
}
@media all and (max-width: 959px) {
  .jobVacancyMedia {
    left: auto;
    right: -120px;
    width: 404px;
  }
  .jobVacancyContent {
    padding: 40px 0 60px 0;
  }
  .jobVacancyTitle {
    font-size: 14px;
  }
  .jobVacancyText {
    font-size: 18px;
    max-width: calc(100% - 350px);
  }
  .jobVacancyInfo {
    margin: 34px 0 0 0;
    display: flex;
    width: 100%;
    gap: 80px;
  }
  .jobVacancyInfoElText {
    font-size: 14px;
  }
}
@media all and (max-width: 959px) {
  .jobVacancyMedia {
    left: auto;
    right: -120px;
    width: 324px;
  }
  .jobVacancyContent {
    padding: 120px 0 80px 0;
  }
  .jobVacancyTitle {
    font-size: 14px;
  }
  .jobVacancyText {
    font-size: 16px;
    max-width: 100%;
    width: 100%;
  }
  .jobVacancyInfo {
    margin: 40px 0 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px;
  }
  .jobVacancyInfoEl {
    width: 100%;
  }
  .jobVacancyInfoElText {
    font-size: 14px;
  }
}

.courseAbout {
  font-size: 16px;
  line-height: 150%;
  display: flex;
  gap: 80px;
  flex-wrap: wrap;
}
.courseAboutEl {
  width: calc(25% - 60px);
}
@media all and (max-width: 1300px) {
  .courseAbout {
    gap: 60px;
  }
  .courseAboutEl {
    width: calc(25% - 45px);
  }
}
@media all and (max-width: 959px) {
  .courseAbout {
    gap: 32px;
    flex-direction: column;
  }
  .courseAboutEl {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .courseAbout {
    font-size: 14px;
  }
}

.courseTimeText {
  font-size: 18px;
}
.courseTimeDetails {
  padding: 0 0 0 68px;
  margin: 20px 0 0 0;
  color: #888;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  position: relative;
  min-height: 48px;
  display: block;
  align-items: center;
  max-width: 740px;
}
.courseTimeDetails:before {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik00MC4wNzY4IDQzLjQ5ODFDNDAuNjMxNiA0My40OTU1IDQxLjE3NzkgNDMuMzYxNyA0MS42NzExIDQzLjEwNzdDNDIuMTY0NCA0Mi44NTM3IDQyLjU5MDYgNDIuNDg2OCA0Mi45MTUxIDQyLjAzNjhDNDMuMjM5NSA0MS41ODY3IDQzLjQ1MyA0MS4wNjY0IDQzLjUzODEgNDAuNTE4MkM0My42MjMyIDM5Ljk2OTkgNDMuNTc3NSAzOS40MDk0IDQzLjQwNDggMzguODgyMUw0MS43MjI4IDMzLjg4MjFDNDEuNTI0OSAzMy4zMjM2IDQxLjU0NDIgMzIuNzExMSA0MS43NzY4IDMyLjE2NjFDNDMuNzAzNyAyOC4wMDIxIDQ0LjEwMzkgMjMuMjkyNyA0Mi45MDcxIDE4Ljg2MzNDNDEuNzEwMyAxNC40MzM4IDM4Ljk5MjkgMTAuNTY2NyAzNS4yMzExIDcuOTM5NzFDMzEuNDY5MyA1LjMxMjY4IDI2LjkwMyA0LjA5MzIyIDIyLjMzMjQgNC40OTUwMkMxNy43NjE3IDQuODk2ODEgMTMuNDc4MiA2Ljg5NDI0IDEwLjIzMjQgMTAuMTM3M0M2Ljk4NjYzIDEzLjM4MDMgNC45ODU2MiAxNy42NjIyIDQuNTc5OTkgMjIuMjMyNUM0LjE3NDM1IDI2LjgwMjggNS4zODk5OCAzMS4zNzAyIDguMDEzODYgMzUuMTM0MkMxMC42Mzc3IDM4Ljg5ODIgMTQuNTAyNSA0MS42MTg4IDE4LjkzMSA0Mi44MTkzQzIzLjM1OTQgNDQuMDE5OCAyOC4wNjkxIDQzLjYyMzYgMzIuMjM0OCA0MS43MDAxQzMyLjc5MDMgNDEuNDYwOSAzMy40MTYxIDQxLjQ0MjMgMzMuOTg0OCA0MS42NDgxTDM4Ljk2MjggNDMuMzIwMUMzOS4zMjIyIDQzLjQzODYgMzkuNjk4MyA0My40OTg3IDQwLjA3NjggNDMuNDk4MVpNMjQuMDc2OCA3LjQ5ODE0QzI2Ljg0NDggNy40OTI1NCAyOS41Njk3IDguMTg0NiAzMS45OTk2IDkuNTEwNEMzNC40Mjk1IDEwLjgzNjIgMzYuNDg2MSAxMi43NTMgMzcuOTc5NCAxNS4wODM3QzM5LjQ3MjggMTcuNDE0NCA0MC4zNTQ3IDIwLjA4MzggNDAuNTQzNyAyMi44NDU0QzQwLjczMjcgMjUuNjA3IDQwLjIyMjcgMjguMzcxNyAzOS4wNjA4IDMwLjg4NDFDMzguNTAzMiAzMi4xMjE4IDM4LjQzNjEgMzMuNTI0OSAzOC44NzI4IDM0LjgxMDFMNDAuNTU4OCAzOS44MzQxQzQwLjU4OTQgMzkuOTIyNCA0MC41OTM2IDQwLjAxNzYgNDAuNTcwOCA0MC4xMDgyQzQwLjU0ODEgNDAuMTk4OCA0MC40OTk0IDQwLjI4MDggNDAuNDMwOCA0MC4zNDQxQzQwLjM2NjUgNDAuNDEyNyA0MC4yODM4IDQwLjQ2MTIgNDAuMTkyNyA0MC40ODM5QzQwLjEwMTUgNDAuNTA2NiA0MC4wMDU3IDQwLjUwMjYgMzkuOTE2OCA0MC40NzIxTDM0LjkxNjggMzguNzk0MUMzMy42MjAxIDM4LjM0NzEgMzIuMjAxNCAzOC40MTQ0IDMwLjk1MjggMzguOTgyMUMyOC43MTIzIDQwLjAwOTkgMjYuMjY5OCA0MC41MjI0IDIzLjgwNTEgNDAuNDgxOUMyMS4zNDA0IDQwLjQ0MTQgMTguOTE2MiAzOS44NDg4IDE2LjcxMDYgMzguNzQ3OUMxNC41MDUxIDM3LjY0NyAxMi41NzQ0IDM2LjA2NTYgMTEuMDYwNiAzNC4xMjAyQzkuNTQ2OCAzMi4xNzQ4IDguNDg4MzMgMjkuOTE0NyA3Ljk2MzA3IDI3LjUwNjNDNy40Mzc4MSAyNS4wOTc5IDcuNDU5MTIgMjIuNjAyNCA4LjAyNTQ0IDIwLjIwMzNDOC41OTE3NSAxNy44MDQyIDkuNjg4NjYgMTUuNTYyNSAxMS4yMzU1IDEzLjY0MzJDMTIuNzgyMyAxMS43MjQgMTQuNzM5NyAxMC4xNzU4IDE2Ljk2MzcgOS4xMTI3MUMxOS4xODc3IDguMDQ5NiAyMS42MjE4IDcuNDk4NTcgMjQuMDg2OCA3LjUwMDEzTDI0LjA3NjggNy40OTgxNFpNMjIuMDQ2OCAxOC4wMDAxQzIyLjA0NjggMTcuNDY5NyAyMi4yNTc1IDE2Ljk2MSAyMi42MzI2IDE2LjU4NTlDMjMuMDA3NiAxNi4yMTA4IDIzLjUxNjQgMTYuMDAwMSAyNC4wNDY4IDE2LjAwMDFIMjQuMDY2OEMyNC40NjE1IDE2LjAwNDEgMjQuODQ2MiAxNi4xMjQ3IDI1LjE3MjQgMTYuMzQ2OUMyNS40OTg3IDE2LjU2OSAyNS43NTE5IDE2Ljg4MjcgMjUuOTAwMiAxNy4yNDg1QzI2LjA0ODUgMTcuNjE0MyAyNi4wODUzIDE4LjAxNTggMjYuMDA1OSAxOC40MDI0QzI1LjkyNjUgMTguNzg5MSAyNS43MzQ0IDE5LjE0MzYgMjUuNDUzOSAxOS40MjEzQzI1LjE3MzUgMTkuNjk5IDI0LjgxNzEgMTkuODg3NSAyNC40Mjk3IDE5Ljk2M0MyNC4wNDIzIDIwLjAzODYgMjMuNjQxMiAxOS45OTc4IDIzLjI3NjkgMTkuODQ1OUMyMi45MTI2IDE5LjY5NCAyMi42MDE0IDE5LjQzNzYgMjIuMzgyNSAxOS4xMDkyQzIyLjE2MzYgMTguNzgwNyAyMi4wNDY4IDE4LjM5NDggMjIuMDQ2OCAxOC4wMDAxWk0yMi41ODY4IDMwLjAwMDFWMjQuMDAwMUMyMi41ODY4IDIzLjYwMjMgMjIuNzQ0OCAyMy4yMjA4IDIzLjAyNjEgMjIuOTM5NUMyMy4zMDc0IDIyLjY1ODIgMjMuNjg5IDIyLjUwMDEgMjQuMDg2OCAyMi41MDAxQzI0LjQ4NDYgMjIuNTAwMSAyNC44NjYxIDIyLjY1ODIgMjUuMTQ3NCAyMi45Mzk1QzI1LjQyODcgMjMuMjIwOCAyNS41ODY4IDIzLjYwMjMgMjUuNTg2OCAyNC4wMDAxVjMwLjAwMDFDMjUuNTg2OCAzMC4zOTggMjUuNDI4NyAzMC43Nzk1IDI1LjE0NzQgMzEuMDYwOEMyNC44NjYxIDMxLjM0MjEgMjQuNDg0NiAzMS41MDAxIDI0LjA4NjggMzEuNTAwMUMyMy42ODkgMzEuNTAwMSAyMy4zMDc0IDMxLjM0MjEgMjMuMDI2MSAzMS4wNjA4QzIyLjc0NDggMzAuNzc5NSAyMi41ODY4IDMwLjM5OCAyMi41ODY4IDMwLjAwMDFaIiBmaWxsPSIjODg4ODg4Ii8+Cjwvc3ZnPgo=) center no-repeat;
}
@media all and (max-width: 959px) {
  .courseTimeText {
    font-size: 16px;
  }
  .courseTimeDetails {
    font-size: 14px;
  }
}

.courseFaq {
  margin: 40px 0 0 0;
  display: block;
  border-bottom: solid 1px #888;
}
.courseFaqEl {
  border-top: solid 1px #888;
}
.courseFaqElTitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  min-height: 96px;
  padding: 12px 80px 12px 24px;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
}
.courseFaqElTitle:after {
  width: 32px;
  height: 32px;
  position: absolute;
  content: "";
  right: 24px;
  top: calc(50% - 16px);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNiA2TDE2IDI2TTI2IDE2TDYgMTYiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: contain;
}
.courseFaqEl.active .courseFaqElTitle:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNiAxNS4zMzM1TDI2IDE1LjMzMzVWMTYuNjY2OEw2IDE2LjY2NjhWMTUuMzMzNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}
.courseFaqElContent {
  max-height: 0;
  overflow: hidden;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  display: block;
  padding: 0 24px;
  color: #000000;
  transition: all 0.3s ease-in;
}
.courseFaqElContent > * {
  margin: 24px 0;
}
.courseFaqElContent > *:first-child {
  margin-top: 0;
}
.courseFaqElContent > *:last-child {
  margin-bottom: 0;
}
.courseFaqElContent ul {
  list-style: none;
  padding: 0;
}
.courseFaqElContent ul li {
  padding: 0 0 0 20px;
  position: relative;
}
.courseFaqElContent ul li:not(:first-child) {
  margin-top: 16px;
}
.courseFaqElContent ul li:before {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  background: #000;
}
.courseFaqEl.active .courseFaqElContent {
  max-height: none;
  margin-bottom: 24px;
}
@media all and (max-width: 959px) {
  .courseFaq {
    margin: 40px -24px 0 -24px;
  }
  .courseFaqElTitle {
    min-height: 120px;
  }
  .courseFaqElContent {
    font-size: 14px;
  }
  .courseFaqElContent > * {
    margin: 20px 0;
  }
  .courseFaqElContent > *:first-child {
    margin-top: 0;
  }
  .courseFaqElContent > *:last-child {
    margin-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .courseFaq {
    margin: 40px -10px 0 -10px;
  }
  .courseFaqElTitle {
    min-height: 69px;
    font-size: 14px;
    padding: 24px 70px 24px 20px;
  }
  .courseFaqElContent {
    font-size: 14px;
  }
  .courseFaqElContent > * {
    margin: 20px 0;
  }
  .courseFaqElContent > *:first-child {
    margin-top: 0;
  }
  .courseFaqElContent > *:last-child {
    margin-bottom: 0;
  }
}

.courses {
  padding: 80px 0;
}
.coursesList {
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
  gap: 60px;
}
.coursesEl {
  background: #fff;
  border: solid 1px #888;
  width: calc(50% - 30px);
  display: flex;
  flex-direction: column;
}
.coursesElHeader {
  padding: 40px;
  background: linear-gradient(135deg, #FAF7EF 0%, #E6E0D2 52.2%, #FAF7EF 97.57%);
}
.coursesElContent {
  padding: 40px;
  border-top: solid 1px #888;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.coursesEl_dark .coursesElHeader {
  background: linear-gradient(138deg, #000 0%, #626060 44.76%, #474747 97.57%);
}
.coursesElTitle {
  font-size: 28px;
  line-height: 150%;
  text-transform: uppercase;
}
.coursesElCategory {
  margin: 10px 0 0 0;
  color: #888;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
.coursesElPrice {
  margin: 20px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.coursesElPriceInner {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.coursesElPriceCurrent {
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
}
.coursesElPriceOld {
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
  text-decoration-line: line-through;
  color: #888;
}
.coursesElPricePay {
  font-size: 12px;
  line-height: 100%;
  padding: 16px;
  color: #fff;
  background: #353535;
  border: none;
  cursor: pointer;
}
.coursesElDetails {
  display: flex;
  gap: 20px;
  flex-direction: column;
  color: #000;
  font-size: 16px;
  line-height: 150%;
}
.coursesElDetailsEl {
  padding: 0 0 0 18px;
  position: relative;
  display: block;
}
.coursesElDetailsEl:before {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  background: #000;
}
.coursesElBuy {
  margin: 44px 0 0 0;
  width: 100%;
  display: block;
}
.coursesEl_dark .coursesElTitle {
  color: #fff;
}
.coursesEl_dark .coursesElPriceCurrent {
  color: #fff;
}
.coursesEl_dark .coursesElPricePay {
  background: #000;
}
@media all and (max-width: 959px) {
  .courses {
    padding: 40px 0;
  }
  .coursesList {
    gap: 24px;
  }
  .coursesEl {
    width: calc(50% - 12px);
  }
  .coursesElHeader {
    padding: 24px;
  }
  .coursesElContent {
    padding: 24px;
  }
  .coursesElTitle {
    font-size: 22px;
    line-height: 32px;
    min-height: 64px;
  }
  .coursesElCategory {
    font-size: 14px;
  }
  .coursesElPrice {
    display: block;
  }
  .coursesElPriceCurrent {
    font-size: 28px;
  }
  .coursesElPriceOld {
    font-size: 18px;
  }
  .coursesElPricePay {
    margin: 10px 0 0 0;
    display: block;
    width: 100%;
    font-size: 12px;
    padding: 12px;
    text-align: center;
  }
  .coursesElDetails {
    gap: 16px;
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  .courses {
    padding: 40px 0;
  }
  .coursesList {
    gap: 10px;
    flex-direction: column;
  }
  .coursesEl {
    width: 100%;
  }
  .coursesElHeader {
    padding: 20px;
  }
  .coursesElContent {
    padding: 20px;
  }
  .coursesElTitle {
    font-size: 22px;
    line-height: 32px;
    min-height: 32px;
  }
  .coursesElCategory {
    font-size: 14px;
  }
  .coursesElPrice {
    display: flex;
    align-items: end;
    white-space: nowrap;
  }
  .coursesElPriceInner {
    flex-direction: column;
    gap: 6px;
    align-items: start;
    width: 100%;
  }
  .coursesElPriceCurrent {
    font-size: 28px;
    order: 2;
  }
  .coursesElPriceOld {
    order: 1;
    font-size: 16px;
  }
  .coursesElPricePay {
    margin: 0;
    display: block;
    width: auto;
    font-size: 12px;
    padding: 12px;
    white-space: nowrap;
  }
  .coursesElDetails {
    gap: 16px;
    font-size: 14px;
  }
}
@media all and (max-width: 369px) {
  .coursesElPrice {
    flex-direction: column;
    align-items: start;
  }
  .coursesElPricePay {
    width: 100%;
    text-align: center;
  }
}

.profTop {
  background: #000;
  color: #000;
  background: linear-gradient(140deg, #D4D0C4 0%, #E1D8B9 100%);
  padding: 42px 0;
}
.profTopInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profTopSubTitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}
.profTopTitle {
  font-size: 32px;
  font-weight: 300;
  line-height: 150%;
  text-transform: uppercase;
  margin: 12px 0 0 0;
  color: #353535;
}
.profTopIcons {
  display: inline-flex;
  gap: 14px;
}
@media all and (max-width: 1100px) {
  .profTopTitle {
    font-size: 28px;
  }
}
@media all and (max-width: 959px) {
  .profTop {
    padding: 14px 0;
  }
  .profTopTitle {
    font-size: 24px;
    margin: 4px 0 0 0;
  }
  .profTopInner {
    gap: 40px;
  }
  .profTopIcons {
    display: inline-flex;
    gap: 14px;
  }
}
@media all and (max-width: 767px) {
  .profTopTitle {
    font-size: 18px;
  }
  .profTopInner {
    gap: 10px;
  }
  .profTopIcons img + img {
    display: none !important;
  }
}

.profAbout {
  background: #F6F4EF;
  padding: 100px 0;
  overflow: hidden;
  position: relative;
}
.profAboutInner {
  position: static;
}
.profAboutInfo {
  display: flex;
  gap: 80px;
  align-items: start;
}
.profAboutCol {
  width: calc(33.3333% - 80px);
  position: relative;
  z-index: 3;
}
.profAboutColTitle {
  font-size: 28px;
  font-weight: 700;
  padding: 0 0 20px 0;
  border-bottom: solid 4px #000;
}
.profAboutColText {
  color: #353535;
  font-size: 16px;
  padding: 16px 0 0 0;
}
.profAboutColText b {
  font-weight: 600;
}
.profAboutMedia {
  position: absolute;
  left: 55%;
  bottom: 0;
  width: 45%;
  z-index: 1;
}
.profAboutMedia img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.profAboutBtns {
  margin: 80px 0 0 0;
  display: flex;
  gap: 10px;
  position: relative;
  z-index: 2;
  width: 50%;
}
.profAboutReg {
  width: 50%;
}
.profAboutTest {
  width: 50%;
  background: transparent;
}
@media all and (max-width: 1100px) {
  .profAbout {
    padding-top: 200px;
  }
  .profAboutBtns {
    margin: 60px 0 0 0;
  }
  .profAboutMedia {
    position: absolute;
    left: 50%;
    right: 20px;
    bottom: auto;
    top: 40px;
    width: auto;
  }
  .profAboutInfo {
    gap: 60px;
  }
  .profAboutCol {
    width: calc(33.3333% - 40px);
  }
}
@media all and (max-width: 959px) {
  .profAbout {
    padding-bottom: 60px;
  }
  .profAboutColTitle {
    font-size: 20px;
  }
  .profAboutColText {
    font-size: 14px;
  }
  .profAboutBtns {
    margin: 50px 0 0 0;
    width: 100%;
  }
  .profAboutTest {
    background: #fff;
  }
}
@media all and (max-width: 767px) {
  .profAbout {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .profAboutInfo {
    flex-direction: column;
    gap: 32px;
  }
  .profAboutCol {
    width: 100%;
  }
  .profAboutColTitle {
    font-size: 24px;
    font-weight: 700;
    padding: 0 0 12px 0;
    border-bottom: solid 4px #000;
  }
  .profAboutColText {
    font-size: 14px;
  }
  .profAboutMedia {
    margin: 20px 0 0 0;
    position: static;
    width: 100%;
  }
  .profAboutBtns {
    margin: 20px 0 0 0;
  }
}

.profWork {
  margin: 40px 0 0 0;
}
.profWorkList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.profWorkEl {
  width: calc(33.3333% - 20px);
  height: 460px;
  position: relative;
  display: flex;
}
.profWorkEl:nth-child(4n), .profWorkEl:nth-child(5n) {
  width: calc(50% - 10px);
}
.profWorkEl img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  z-index: 1;
}
.profWorkEl span {
  position: absolute;
  z-index: 2;
  text-align: center;
  top: 20px;
  left: 20px;
  right: 20px;
  background: #fff;
  padding: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}
@media all and (max-width: 1100px) {
  .profWorkEl {
    height: 380px;
  }
}
@media all and (max-width: 959px) {
  .profWork {
    margin: 20px 0 0 0;
  }
  .profWorkList {
    flex-wrap: nowrap;
    overflow: auto;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0;
    padding-bottom: 10px;
    scroll-snap-type: both proximity;
  }
  .profWorkEl {
    scroll-snap-align: center;
    height: 310px;
    width: 320px;
    min-width: 320px;
  }
  .profWorkEl span {
    font-size: 12px;
    padding: 8px;
    top: 10px;
    left: 10px;
    right: 10px;
  }
}
@media all and (max-width: 767px) {
  .profWorkList {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (max-width: 359px) {
  .profWorkEl {
    width: 280px;
    min-width: 280px;
  }
}

.profWorkAbout {
  display: flex;
  gap: 20px;
  margin: 40px 0 0 0;
  align-items: stretch;
}
.profWorkAboutContent {
  width: calc(50% - 10px);
}
.profWorkAboutMedia {
  width: calc(50% - 10px);
  position: relative;
  display: flex;
}
.profWorkAboutMedia img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  z-index: 1;
}
.profWorkAboutTitle {
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  text-transform: uppercase;
}
.profWorkAbout ul {
  margin: 40px 0 0 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  padding: 0;
  list-style: none;
}
.profWorkAbout ul li:not(:first-child) {
  margin: 32px 0 0 0;
}
.profWorkAbout ul li {
  padding: 0 0 0 40px;
  position: relative;
}
.profWorkAbout ul li:before {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQuNTExOCA3LjI0ODg4QzI0LjkyNjcgNy41MzE3MiAyNS4wMzM3IDguMDk3MjkgMjQuNzUwOCA4LjUxMjEyTDEzLjExNDYgMjUuNTc4Nkw2LjUzNzIyIDE2LjUzNDdDNi4yNDE5MSAxNi4xMjg3IDYuMzMxNjkgMTUuNTYwMSA2LjczNzczIDE1LjI2NDhDNy4xNDM3OCAxNC45Njk1IDcuNzEyMzQgMTUuMDU5MyA4LjAwNzY1IDE1LjQ2NTNMMTMuMDY2NiAyMi40MjE0TDIzLjI0ODYgNy40ODc4N0MyMy41MzE0IDcuMDczMDUgMjQuMDk3IDYuOTY2MDQgMjQuNTExOCA3LjI0ODg4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) center no-repeat;
  left: 0;
  top: -6px;
}
.profWorkAboutBtns {
  margin: 40px 0 0 0;
  display: flex;
  gap: 10px;
}
.profWorkAboutReg {
  width: 50%;
}
.profWorkAboutTest {
  background: transparent;
  width: 50%;
}
@media all and (max-width: 1100px) {
  .profWorkAboutTitle {
    font-size: 28px;
  }
}
@media all and (max-width: 959px) {
  .profWorkAbout {
    display: block;
    margin: 20px 0 0 0;
  }
  .profWorkAboutMedia {
    width: auto;
    margin: 0 -24px;
    height: 46.875vw;
  }
  .profWorkAboutContent {
    margin: 20px 0 0 0;
    width: 100%;
  }
  .profWorkAboutTitle {
    font-size: 24px;
  }
  .profWorkAbout ul {
    margin: 32px 0 0 0;
    font-size: 16px;
    line-height: 150%;
  }
  .profWorkAbout ul li {
    padding: 0 0 0 29px;
  }
  .profWorkAbout ul li:before {
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
  }
  .profWorkAboutBtns {
    margin: 32px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .profWorkAboutMedia {
    margin: 0 0 0 -10px;
    width: 100vw;
    height: 46.875vw;
  }
  .profWorkAboutTitle {
    font-size: 18px;
  }
  .profWorkAbout ul {
    margin: 20px 0 0 0;
    font-size: 16px;
    line-height: 150%;
  }
  .profWorkAbout ul li {
    padding: 0 0 0 29px;
  }
  .profWorkAbout ul li:before {
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
  }
  .profWorkAbout ul li:not(:first-child) {
    margin: 20px 0 0 0;
  }
  .profWorkAboutBtns {
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 359px) {
  .profWorkAboutBtns {
    flex-direction: column;
  }
  .profWorkAboutReg {
    width: 100%;
  }
  .profWorkAboutTest {
    width: 100%;
  }
}

@media all and (min-width: 960px) {
  .profTop ~ .box {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

.trackForm {
  width: 100%;
  max-width: 490px;
  align-items: stretch;
}
.trackFormInner {
  width: 100%;
  display: flex;
}
.trackForm input {
  border: solid 1px #888888;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  display: block;
  padding: 15px;
  outline: none;
  border-radius: 0;
  color: #000;
  width: calc(100% - 140px);
}
.trackForm input::placeholder {
  color: #888888;
}
.trackForm input:focus {
  border-color: #000;
  color: #000;
}
.trackForm button {
  width: 140px;
  cursor: pointer;
}
.trackFormInfo {
  width: 100%;
  margin: 20px 0 0 0;
}
.trackFormError {
  width: 100%;
  color: red;
  margin: 20px 0 0 0;
}
@media all and (max-width: 959px) {
  .trackForm {
    max-width: 100%;
  }
}
@media all and (max-width: 767px) {
  .trackFormInner {
    flex-direction: column;
    gap: 12px;
  }
  .trackFormInfo, .trackFormError {
    font-size: 14px;
  }
  .trackForm input {
    width: 100%;
  }
  .trackForm button {
    width: 100%;
  }
}

.trackBack {
  margin: 0 0 60px 0;
  width: 32px;
  height: 32px;
  display: block;
  border: none;
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}
.trackMain {
  display: flex;
  gap: 24px;
  align-items: start;
}
.trackInfo {
  width: 50%;
}
.trackTitle {
  font-size: 24px;
  font-weight: 600;
}
.trackDetails {
  margin: 32px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.trackDetailsElTitle {
  line-height: 100%;
  color: #888;
}
.trackDetailsElVal {
  margin: 10px 0 0 0;
  font-size: 20px;
  font-weight: 600;
}
.trackHistory {
  padding: 40px;
  width: 50%;
  position: relative;
  border: solid 1px #888888;
}
.trackHistoryTitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  padding: 0 40px 0 0;
  margin: 0 0 32px 0;
}
.trackHistoryList {
  max-height: 337px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.trackHistoryListWrap {
  overflow: hidden;
}
.trackHistoryEl {
  padding: 0 0 0 28px;
  position: relative;
}
.trackHistoryEl:last-child:before {
  position: absolute;
  content: "";
  left: 9px;
  width: 0;
  bottom: 100%;
  height: 10000px;
  border-left: dashed 2px #000;
  display: block;
  z-index: 1;
}
.trackHistoryElTitle {
  position: relative;
  font-size: 14px;
  font-weight: 600;
}
.trackHistoryElTitle:before {
  position: absolute;
  top: 0;
  left: -28px;
  background: #fff;
  border: solid 5px #000;
  width: 20px;
  height: 20px;
  content: "";
  z-index: 3;
}
.trackHistoryEl:last-child .trackHistoryElTitle:before {
  background: #000;
}
.trackHistoryElDate {
  color: #888;
  font-size: 14px;
  line-height: 100%;
  margin: 8px 0 0 0;
}
.trackHistoryRefresh {
  position: absolute;
  top: 42px;
  right: 40px;
  width: 20px;
  border: none;
  cursor: pointer;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTguMzMzMiAxMEMxOC4zMzMyIDE0LjYgMTQuNTk5OCAxOC4zMzM0IDkuOTk5ODQgMTguMzMzNEM1LjM5OTg0IDE4LjMzMzQgMi41OTE1IDEzLjcgMi41OTE1IDEzLjdNMi41OTE1IDEzLjdINi4zNTgxN00yLjU5MTUgMTMuN1YxNy44NjY3TTEuNjY2NSAxMEMxLjY2NjUgNS40MDAwMiA1LjM2NjUgMS42NjY2OSA5Ljk5OTg0IDEuNjY2NjlDMTUuNTU4MiAxLjY2NjY5IDE4LjMzMzIgNi4zMDAwMiAxOC4zMzMyIDYuMzAwMDJNMTguMzMzMiA2LjMwMDAyVjIuMTMzMzVNMTguMzMzMiA2LjMwMDAySDE0LjYzMzIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K) center no-repeat;
}
.trackAddr {
  margin: 60px 0 0 0;
  padding: 0 0 32px 0;
  border-bottom: 1px solid #888;
  position: relative;
}
.trackAddrTitle {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #888;
  margin: 0 0 32px 0;
}
.trackAddrInner {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
}
.trackAddrMapBtn {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 0 0 22px;
  position: relative;
  display: block;
  cursor: pointer;
}
.trackAddrMapBtn:before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 14px;
  height: 14px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDAwMTggOC4yNjU4MkM1Ljc1NzY4IDguMjY1ODIgNC43NDI2OCA3LjI1NjY1IDQuNzQyNjggNi4wMDgzMkM0Ljc0MjY4IDQuNzU5OTkgNS43NTc2OCAzLjc1NjY1IDcuMDAwMTggMy43NTY2NUM4LjI0MjY4IDMuNzU2NjUgOS4yNTc2OCA0Ljc2NTgyIDkuMjU3NjggNi4wMTQxNUM5LjI1NzY4IDcuMjYyNDkgOC4yNDI2OCA4LjI2NTgyIDcuMDAwMTggOC4yNjU4MlpNNy4wMDAxOCA0LjYzMTY1QzYuMjQxODQgNC42MzE2NSA1LjYxNzY4IDUuMjQ5OTkgNS42MTc2OCA2LjAxNDE1QzUuNjE3NjggNi43NzgzMiA2LjIzNjAxIDcuMzk2NjUgNy4wMDAxOCA3LjM5NjY1QzcuNzY0MzQgNy4zOTY2NSA4LjM4MjY4IDYuNzc4MzIgOC4zODI2OCA2LjAxNDE1QzguMzgyNjggNS4yNDk5OSA3Ljc1ODUxIDQuNjMxNjUgNy4wMDAxOCA0LjYzMTY1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuOTk5OTggMTMuMjc2N0M2LjEzNjY1IDEzLjI3NjcgNS4yNjc0OCAxMi45NSA0LjU5MDgxIDEyLjMwMjVDMi44Njk5OCAxMC42NDU5IDAuOTY4MzE0IDguMDAzMzUgMS42ODU4MSA0Ljg1OTE5QzIuMzMzMzEgMi4wMDY2OSA0LjgyNDE1IDAuNzI5MTg3IDYuOTk5OTggMC43MjkxODdDNi45OTk5OCAwLjcyOTE4NyA2Ljk5OTk4IDAuNzI5MTg3IDcuMDA1ODEgMC43MjkxODdDOS4xODE2NSAwLjcyOTE4NyAxMS42NzI1IDIuMDA2NjkgMTIuMzIgNC44NjUwMkMxMy4wMzE2IDguMDA5MTkgMTEuMTMgMTAuNjQ1OSA5LjQwOTE1IDEyLjMwMjVDOC43MzI0OCAxMi45NSA3Ljg2MzMxIDEzLjI3NjcgNi45OTk5OCAxMy4yNzY3Wk02Ljk5OTk4IDEuNjA0MTlDNS4zMDI0OCAxLjYwNDE5IDMuMTIwODEgMi41MDgzNSAyLjU0MzMxIDUuMDUxNjlDMS45MTMzMSA3Ljc5OTE5IDMuNjM5OTggMTAuMTY3NSA1LjIwMzMxIDExLjY2NjdDNi4yMTI0OCAxMi42NDA5IDcuNzkzMzEgMTIuNjQwOSA4LjgwMjQ4IDExLjY2NjdDMTAuMzYgMTAuMTY3NSAxMi4wODY2IDcuNzk5MTkgMTEuNDY4MyA1LjA1MTY5QzEwLjg4NSAyLjUwODM1IDguNjk3NDggMS42MDQxOSA2Ljk5OTk4IDEuNjA0MTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
}
.trackAddrName {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 16px 0;
}
.trackAddrContent {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.trackAddrMetro {
  display: flex;
  gap: 16px;
  color: #888;
  flex-wrap: wrap;
  line-height: 100%;
}
.trackAddrMetro > * {
  padding: 0 0 0 24px;
  position: relative;
}
.trackAddrMetro > *:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNDE1XzE5NjcyKSI+CiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4yMDM1IDEwLjM1NjhMMTYgMTMuNDgzM0gxMC42Njk5TDkuODgzNTcgMTEuMzE4NUw4Ljk1MTQ5IDEyLjYyMjRMOC4wNDEzOCAxMy44NzAyTDcuMTUxMDEgMTIuNjIzN0w2LjEzNTE0IDExLjI2N0w1LjMzMDA5IDEzLjQ4MzNIMEwwLjc5NjQ2NCAxMC4zNTY4SDEuNjkzNzZMNC40ODE3NyAyLjE5MTM0TDcuOTY0ODcgNi44NDgyNkwxMS4yNDggMi4xMDAxTDE0LjI4NjggMTAuMzU2OEgxNS4yMDM1Wk03Ljk5OTg2IDguNzI4MDhMNC44NDg1NyA0LjUxNDgxTDIuNDc5MDIgMTEuNDU0N0gxLjY0OTczTDEuNDEyNjUgMTIuMzg1NEg0LjU2MDgyTDUuNzk2NjIgOC45ODMyOEw4LjAzNzIyIDExLjk3NTVMOC4wNTA2NyAxMS45OTQzTDguMDY0NCAxMS45NzU1TDEwLjIwMzQgOC45ODMyOEwxMS40MzkyIDEyLjM4NTRIMTQuNTg3M0wxNC4zNTAzIDExLjQ1NDdIMTMuNTIxTDEwLjk0ODIgNC40NjQxNEw3Ljk5OTg2IDguNzI4MDhaIiBmaWxsPSIjODg4ODg4Ii8+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0MTVfMTk2NzIiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPC9zdmc+Cg==) center no-repeat;
}
.trackAddrTime {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  line-height: 100%;
  position: relative;
  padding: 0 0 0 24px;
}
.trackAddrTime:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjAwMDE2IDE1LjE2NjdDNC4wNDY4MyAxNS4xNjY3IDAuODMzNDk2IDExLjk1MzQgMC44MzM0OTYgOC4wMDAwNEMwLjgzMzQ5NiA0LjA0NjcxIDQuMDQ2ODMgMC44MzMzNzQgOC4wMDAxNiAwLjgzMzM3NEMxMS45NTM1IDAuODMzMzc0IDE1LjE2NjggNC4wNDY3MSAxNS4xNjY4IDguMDAwMDRDMTUuMTY2OCAxMS45NTM0IDExLjk1MzUgMTUuMTY2NyA4LjAwMDE2IDE1LjE2NjdaTTguMDAwMTYgMS44MzMzN0M0LjYwMDE2IDEuODMzMzcgMS44MzM1IDQuNjAwMDQgMS44MzM1IDguMDAwMDRDMS44MzM1IDExLjQgNC42MDAxNiAxNC4xNjY3IDguMDAwMTYgMTQuMTY2N0MxMS40MDAyIDE0LjE2NjcgMTQuMTY2OCAxMS40IDE0LjE2NjggOC4wMDAwNEMxNC4xNjY4IDQuNjAwMDQgMTEuNDAwMiAxLjgzMzM3IDguMDAwMTYgMS44MzMzN1oiIGZpbGw9ImJsYWNrIi8+CiAgICA8cGF0aCBkPSJNMTAuNDczMSAxMC42MkMxMC4zODY0IDEwLjYyIDEwLjI5OTggMTAuNiAxMC4yMTk4IDEwLjU0NjdMOC4xNTMxIDkuMzEzMzhDNy42Mzk3NyA5LjAwNjcxIDcuMjU5NzcgOC4zMzMzOCA3LjI1OTc3IDcuNzQwMDVWNS4wMDY3MUM3LjI1OTc3IDQuNzMzMzggNy40ODY0MyA0LjUwNjcxIDcuNzU5NzcgNC41MDY3MUM4LjAzMzEgNC41MDY3MSA4LjI1OTc3IDQuNzMzMzggOC4yNTk3NyA1LjAwNjcxVjcuNzQwMDVDOC4yNTk3NyA3Ljk4MDA1IDguNDU5NzcgOC4zMzMzOCA4LjY2NjQzIDguNDUzMzhMMTAuNzMzMSA5LjY4NjcxQzEwLjk3MzEgOS44MjY3MSAxMS4wNDY0IDEwLjEzMzQgMTAuOTA2NCAxMC4zNzM0QzEwLjgwNjQgMTAuNTMzNCAxMC42Mzk4IDEwLjYyIDEwLjQ3MzEgMTAuNjJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
}
.trackAddrPhone {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  line-height: 100%;
}
.trackAddrPhone a {
  text-decoration: none;
}
.trackAddrPhone > * {
  padding: 0 0 0 24px;
  position: relative;
}
.trackAddrPhone > *:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTEuNjMzNSAxNS4xNjY3QzEwLjg4MDIgMTUuMTY2NyAxMC4wODY4IDE0Ljk4NjcgOS4yNjY4MyAxNC42NEM4LjQ2NjgzIDE0LjMgNy42NjAxNiAxMy44MzM0IDYuODczNSAxMy4yNjY3QzYuMDkzNSAxMi42OTM0IDUuMzQwMTYgMTIuMDUzNCA0LjYyNjgzIDExLjM1MzRDMy45MjAxNiAxMC42NCAzLjI4MDE2IDkuODg2NzEgMi43MTM1IDkuMTEzMzdDMi4xNDAxNiA4LjMxMzM3IDEuNjgwMTYgNy41MTMzNyAxLjM1MzUgNi43NDAwNEMxLjAwNjgzIDUuOTEzMzcgMC44MzM0OTYgNS4xMTMzNyAwLjgzMzQ5NiA0LjM2MDA0QzAuODMzNDk2IDMuODQwMDQgMC45MjY4MjkgMy4zNDY3MSAxLjEwNjgzIDIuODg2NzFDMS4yOTM1IDIuNDEzMzcgMS41OTM1IDEuOTczMzcgMi4wMDAxNiAxLjU5MzM3QzIuNTEzNSAxLjA4NjcxIDMuMTAwMTYgMC44MzMzNzQgMy43MjY4MyAwLjgzMzM3NEMzLjk4NjgzIDAuODMzMzc0IDQuMjUzNSAwLjg5MzM3NCA0LjQ4MDE2IDEuMDAwMDRDNC43NDAxNiAxLjEyMDA0IDQuOTYwMTYgMS4zMDAwNCA1LjEyMDE2IDEuNTQwMDRMNi42NjY4MyAzLjcyMDA0QzYuODA2ODMgMy45MTMzNyA2LjkxMzUgNC4xMDAwNCA2Ljk4NjgzIDQuMjg2NzFDNy4wNzM1IDQuNDg2NzEgNy4xMjAxNiA0LjY4NjcxIDcuMTIwMTYgNC44ODAwNEM3LjEyMDE2IDUuMTMzMzcgNy4wNDY4MyA1LjM4MDA0IDYuOTA2ODMgNS42MTMzN0M2LjgwNjgzIDUuNzkzMzcgNi42NTM1IDUuOTg2NzEgNi40NjAxNiA2LjE4MDA0TDYuMDA2ODMgNi42NTMzN0M2LjAxMzUgNi42NzMzNyA2LjAyMDE2IDYuNjg2NzEgNi4wMjY4MyA2LjcwMDA0QzYuMTA2ODMgNi44NDAwNCA2LjI2NjgzIDcuMDgwMDQgNi41NzM1IDcuNDQwMDRDNi45MDAxNiA3LjgxMzM3IDcuMjA2ODMgOC4xNTMzNyA3LjUxMzUgOC40NjY3MUM3LjkwNjgzIDguODUzMzcgOC4yMzM1IDkuMTYwMDQgOC41NDAxNiA5LjQxMzM3QzguOTIwMTYgOS43MzMzNyA5LjE2NjgzIDkuODkzMzcgOS4zMTM1IDkuOTY2NzFMOS4zMDAxNiAxMEw5Ljc4NjgzIDkuNTIwMDRDOS45OTM1IDkuMzEzMzcgMTAuMTkzNSA5LjE2MDA0IDEwLjM4NjggOS4wNjAwNEMxMC43NTM1IDguODMzMzcgMTEuMjIwMiA4Ljc5MzM3IDExLjY4NjggOC45ODY3MUMxMS44NjAyIDkuMDYwMDQgMTIuMDQ2OCA5LjE2MDA0IDEyLjI0NjggOS4zMDAwNEwxNC40NjAyIDEwLjg3MzRDMTQuNzA2OCAxMS4wNCAxNC44ODY4IDExLjI1MzQgMTQuOTkzNSAxMS41MDY3QzE1LjA5MzUgMTEuNzYgMTUuMTQwMiAxMS45OTM0IDE1LjE0MDIgMTIuMjI2N0MxNS4xNDAyIDEyLjU0NjcgMTUuMDY2OCAxMi44NjY3IDE0LjkyNjggMTMuMTY2N0MxNC43ODY4IDEzLjQ2NjcgMTQuNjEzNSAxMy43MjY3IDE0LjM5MzUgMTMuOTY2N0MxNC4wMTM1IDE0LjM4NjcgMTMuNjAwMiAxNC42ODY3IDEzLjEyMDIgMTQuODhDMTIuNjYwMiAxNS4wNjY3IDEyLjE2MDIgMTUuMTY2NyAxMS42MzM1IDE1LjE2NjdaTTMuNzI2ODMgMS44MzMzN0MzLjM2MDE2IDEuODMzMzcgMy4wMjAxNiAxLjk5MzM3IDIuNjkzNSAyLjMxMzM3QzIuMzg2ODMgMi42MDAwNCAyLjE3MzUgMi45MTMzNyAyLjA0MDE2IDMuMjUzMzdDMS45MDAxNiAzLjYwMDA0IDEuODMzNSAzLjk2NjcxIDEuODMzNSA0LjM2MDA0QzEuODMzNSA0Ljk4MDA0IDEuOTgwMTYgNS42NTMzNyAyLjI3MzUgNi4zNDY3MUMyLjU3MzUgNy4wNTMzNyAyLjk5MzUgNy43ODY3MSAzLjUyNjgzIDguNTIwMDRDNC4wNjAxNiA5LjI1MzM3IDQuNjY2ODMgOS45NjY3MSA1LjMzMzUgMTAuNjRDNi4wMDAxNiAxMS4zIDYuNzIwMTYgMTEuOTEzNCA3LjQ2MDE2IDEyLjQ1MzRDOC4xODAxNiAxMi45OCA4LjkyMDE2IDEzLjQwNjcgOS42NTM1IDEzLjcxMzRDMTAuNzkzNSAxNC4yIDExLjg2MDIgMTQuMzEzNCAxMi43NDAyIDEzLjk0NjdDMTMuMDgwMiAxMy44MDY3IDEzLjM4MDIgMTMuNTkzNCAxMy42NTM1IDEzLjI4NjdDMTMuODA2OCAxMy4xMiAxMy45MjY4IDEyLjk0IDE0LjAyNjggMTIuNzI2N0MxNC4xMDY4IDEyLjU2IDE0LjE0NjggMTIuMzg2NyAxNC4xNDY4IDEyLjIxMzRDMTQuMTQ2OCAxMi4xMDY3IDE0LjEyNjggMTIgMTQuMDczNSAxMS44OEMxNC4wNTM1IDExLjg0IDE0LjAxMzUgMTEuNzY2NyAxMy44ODY4IDExLjY4TDExLjY3MzUgMTAuMTA2N0MxMS41NDAyIDEwLjAxMzQgMTEuNDIwMiA5Ljk0NjcxIDExLjMwNjggOS45MDAwNEMxMS4xNjAyIDkuODQwMDQgMTEuMTAwMiA5Ljc4MDA0IDEwLjg3MzUgOS45MjAwNEMxMC43NDAyIDkuOTg2NzEgMTAuNjIwMiAxMC4wODY3IDEwLjQ4NjggMTAuMjJMOS45ODAxNiAxMC43MkM5LjcyMDE2IDEwLjk3MzQgOS4zMjAxNiAxMS4wMzM0IDkuMDEzNSAxMC45Mkw4LjgzMzUgMTAuODRDOC41NjAxNiAxMC42OTM0IDguMjQwMTYgMTAuNDY2NyA3Ljg4NjgzIDEwLjE2NjdDNy41NjY4MyA5Ljg5MzM3IDcuMjIwMTYgOS41NzMzNyA2LjgwMDE2IDkuMTYwMDRDNi40NzM1IDguODI2NzEgNi4xNDY4MyA4LjQ3MzM3IDUuODA2ODMgOC4wODAwNEM1LjQ5MzUgNy43MTMzNyA1LjI2NjgzIDcuNDAwMDQgNS4xMjY4MyA3LjE0MDA0TDUuMDQ2ODMgNi45NDAwNEM1LjAwNjgzIDYuNzg2NzEgNC45OTM1IDYuNzAwMDQgNC45OTM1IDYuNjA2NzFDNC45OTM1IDYuMzY2NzEgNS4wODAxNiA2LjE1MzM3IDUuMjQ2ODMgNS45ODY3MUw1Ljc0NjgzIDUuNDY2NzFDNS44ODAxNiA1LjMzMzM3IDUuOTgwMTYgNS4yMDY3MSA2LjA0NjgzIDUuMDkzMzdDNi4xMDAxNiA1LjAwNjcxIDYuMTIwMTYgNC45MzMzNyA2LjEyMDE2IDQuODY2NzFDNi4xMjAxNiA0LjgxMzM3IDYuMTAwMTYgNC43MzMzNyA2LjA2NjgzIDQuNjUzMzdDNi4wMjAxNiA0LjU0NjcxIDUuOTQ2ODMgNC40MjY3MSA1Ljg1MzUgNC4zMDAwNEw0LjMwNjgzIDIuMTEzMzdDNC4yNDAxNiAyLjAyMDA0IDQuMTYwMTYgMS45NTMzNyA0LjA2MDE2IDEuOTA2NzFDMy45NTM1IDEuODYwMDQgMy44NDAxNiAxLjgzMzM3IDMuNzI2ODMgMS44MzMzN1pNOS4zMDAxNiAxMC4wMDY3TDkuMTkzNSAxMC40Nkw5LjM3MzUgOS45OTMzN0M5LjM0MDE2IDkuOTg2NzEgOS4zMTM1IDkuOTkzMzcgOS4zMDAxNiAxMC4wMDY3WiIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPg0K) center no-repeat;
}
.trackWay {
  margin: 40px 0 0 0;
}
.trackWayTitle {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.trackWay p {
  margin: 10px 0 0 0;
}
.trackHelp {
  margin: 60px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end;
}
.trackHelp p {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
  text-align: right;
}
.trackHelp a {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}
.trackHelp span {
  color: #888;
  font-size: 18px;
  line-height: 100%;
}
@media all and (max-width: 959px) {
  .trackBack {
    margin: 0 0 40px 0;
  }
  .trackMain {
    flex-direction: column;
    gap: 40px;
  }
  .trackInfo {
    width: 100%;
  }
  .trackHistory {
    width: 100%;
  }
  .trackAddr {
    margin: 40px 0 0 0;
  }
  .trackAddrTitle {
    margin: 0 0 20px 0;
  }
  .trackHelp {
    margin: 40px 0 0 0;
  }
  .trackHelp a {
    font-size: 24px;
  }
  .trackHelp span {
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .trackBack {
    margin: 0 0 32px 0;
  }
  .trackTitle {
    font-size: 22px;
  }
  .trackDetailsElTitle {
    font-size: 14px;
  }
  .trackDetailsElVal {
    font-size: 18px;
  }
  .trackMain {
    flex-direction: column;
    gap: 40px;
  }
  .trackInfo {
    width: 100%;
  }
  .trackHistory {
    padding: 20px;
  }
  .trackHistoryTitle {
    font-size: 22px;
  }
  .trackHistoryRefresh {
    top: 21px;
    right: 20px;
  }
  .trackAddr {
    margin: 32px 0 0 0;
  }
  .trackAddrTitle {
    font-size: 22px;
    margin: 0 0 24px 0;
  }
  .trackAddrName {
    font-size: 16px;
    margin: 0 0 24px 0;
  }
  .trackAddrInner {
    flex-direction: column;
    align-items: start;
  }
  .trackAddrMapBtn {
    line-height: 14px;
  }
  .trackAddrMapBtn:before {
    top: 0;
  }
  .trackAddrMetro {
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
  }
  .trackAddrMetro > * {
    padding: 0 0 0 22px;
  }
  .trackAddrMetro > *:before {
    width: 14px;
    height: 14px;
    background-size: contain;
  }
  .trackAddrTime {
    flex-direction: column;
    gap: 16px;
    padding: 0;
    font-size: 14px;
  }
  .trackAddrTime:before {
    display: none;
  }
  .trackAddrTime > * {
    position: relative;
    padding: 0 0 0 22px;
  }
  .trackAddrTime > *:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    display: block;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjAwMDE2IDE1LjE2NjdDNC4wNDY4MyAxNS4xNjY3IDAuODMzNDk2IDExLjk1MzQgMC44MzM0OTYgOC4wMDAwNEMwLjgzMzQ5NiA0LjA0NjcxIDQuMDQ2ODMgMC44MzMzNzQgOC4wMDAxNiAwLjgzMzM3NEMxMS45NTM1IDAuODMzMzc0IDE1LjE2NjggNC4wNDY3MSAxNS4xNjY4IDguMDAwMDRDMTUuMTY2OCAxMS45NTM0IDExLjk1MzUgMTUuMTY2NyA4LjAwMDE2IDE1LjE2NjdaTTguMDAwMTYgMS44MzMzN0M0LjYwMDE2IDEuODMzMzcgMS44MzM1IDQuNjAwMDQgMS44MzM1IDguMDAwMDRDMS44MzM1IDExLjQgNC42MDAxNiAxNC4xNjY3IDguMDAwMTYgMTQuMTY2N0MxMS40MDAyIDE0LjE2NjcgMTQuMTY2OCAxMS40IDE0LjE2NjggOC4wMDAwNEMxNC4xNjY4IDQuNjAwMDQgMTEuNDAwMiAxLjgzMzM3IDguMDAwMTYgMS44MzMzN1oiIGZpbGw9ImJsYWNrIi8+CiAgICA8cGF0aCBkPSJNMTAuNDczMSAxMC42MkMxMC4zODY0IDEwLjYyIDEwLjI5OTggMTAuNiAxMC4yMTk4IDEwLjU0NjdMOC4xNTMxIDkuMzEzMzhDNy42Mzk3NyA5LjAwNjcxIDcuMjU5NzcgOC4zMzMzOCA3LjI1OTc3IDcuNzQwMDVWNS4wMDY3MUM3LjI1OTc3IDQuNzMzMzggNy40ODY0MyA0LjUwNjcxIDcuNzU5NzcgNC41MDY3MUM4LjAzMzEgNC41MDY3MSA4LjI1OTc3IDQuNzMzMzggOC4yNTk3NyA1LjAwNjcxVjcuNzQwMDVDOC4yNTk3NyA3Ljk4MDA1IDguNDU5NzcgOC4zMzMzOCA4LjY2NjQzIDguNDUzMzhMMTAuNzMzMSA5LjY4NjcxQzEwLjk3MzEgOS44MjY3MSAxMS4wNDY0IDEwLjEzMzQgMTAuOTA2NCAxMC4zNzM0QzEwLjgwNjQgMTAuNTMzNCAxMC42Mzk4IDEwLjYyIDEwLjQ3MzEgMTAuNjJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
    background-size: contain;
  }
  .trackAddrPhone {
    font-size: 14px;
    flex-direction: column;
    gap: 16px;
  }
  .trackAddrPhone > * {
    padding: 0 0 0 22px;
  }
  .trackAddrPhone > *:before {
    width: 14px;
    height: 14px;
    background-size: contain;
  }
  .trackWay {
    font-size: 14px;
  }
  .trackWayTitle {
    font-size: 22px;
  }
  .trackHelp {
    margin: 32px 0 0 0;
    align-items: start;
    gap: 10px;
  }
  .trackHelp p {
    font-size: 16px;
  }
  .trackHelp a {
    font-size: 22px;
  }
  .trackHelp span {
    font-size: 14px;
  }
}

.cityChange {
  max-width: 620px;
}
.cityChangeRow {
  gap: 0;
}
.cityChange .formEl {
  width: auto;
}
.cityChange .formEl:first-child {
  width: 100%;
}
.cityChangeBtn {
  height: 50px;
  width: 220px;
  min-width: 220px;
  width: 260px;
  min-width: 260px;
  padding-left: 4px;
  padding-right: 4px;
}
.cityChange .cityChangeVal {
  padding-bottom: 13px;
  width: 100%;
}
@media all and (max-width: 959px) {
  .cityChange {
    max-width: 100%;
  }
}
@media all and (max-width: 767px) {
  .cityChange {
    max-width: 100%;
  }
  .cityChangeBtn {
    width: 100%;
  }
}

.locationOptions {
  padding: 20px;
  border: solid 1px #888888;
  display: flex;
  gap: 32px;
  margin: 60px 0 0 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.locationOptionsCh {
  position: relative;
  font-size: 16px;
  height: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.locationOptionsCh input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 32px;
  height: 16px;
}
.locationOptionsCh label {
  padding: 0 0 0 42px;
  position: relative;
  line-height: 16px;
  cursor: pointer;
  z-index: 3;
}
.locationOptionsCh label:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 32px;
  height: 16px;
  border: solid 1px #888888;
  display: block;
  z-index: 3;
}
.locationOptionsCh label:after {
  width: 12px;
  height: 12px;
  position: absolute;
  content: "";
  left: 2px;
  top: 2px;
  background: #888888;
  display: block;
  z-index: 4;
}
.locationOptionsCh input:checked + label:before {
  border-color: #000;
}
.locationOptionsCh input:checked + label:after {
  background: #000;
  left: 18px;
}
@media all and (max-width: 959px) {
  .locationOptions {
    justify-content: flex-start;
  }
}
@media all and (max-width: 767px) {
  .locationOptions {
    margin: 32px 0 0 0;
    flex-direction: column;
    align-items: flex-start;
  }
}

.locationEl {
  padding: 32px 0;
  border-bottom: solid 1px #888;
  min-height: 187px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.locationElInner {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
}
.locationElMapBtn {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 0 0 22px;
  position: relative;
  display: block;
  cursor: pointer;
}
.locationElMapBtn:before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 14px;
  height: 14px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMDAwMTggOC4yNjU4MkM1Ljc1NzY4IDguMjY1ODIgNC43NDI2OCA3LjI1NjY1IDQuNzQyNjggNi4wMDgzMkM0Ljc0MjY4IDQuNzU5OTkgNS43NTc2OCAzLjc1NjY1IDcuMDAwMTggMy43NTY2NUM4LjI0MjY4IDMuNzU2NjUgOS4yNTc2OCA0Ljc2NTgyIDkuMjU3NjggNi4wMTQxNUM5LjI1NzY4IDcuMjYyNDkgOC4yNDI2OCA4LjI2NTgyIDcuMDAwMTggOC4yNjU4MlpNNy4wMDAxOCA0LjYzMTY1QzYuMjQxODQgNC42MzE2NSA1LjYxNzY4IDUuMjQ5OTkgNS42MTc2OCA2LjAxNDE1QzUuNjE3NjggNi43NzgzMiA2LjIzNjAxIDcuMzk2NjUgNy4wMDAxOCA3LjM5NjY1QzcuNzY0MzQgNy4zOTY2NSA4LjM4MjY4IDYuNzc4MzIgOC4zODI2OCA2LjAxNDE1QzguMzgyNjggNS4yNDk5OSA3Ljc1ODUxIDQuNjMxNjUgNy4wMDAxOCA0LjYzMTY1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuOTk5OTggMTMuMjc2N0M2LjEzNjY1IDEzLjI3NjcgNS4yNjc0OCAxMi45NSA0LjU5MDgxIDEyLjMwMjVDMi44Njk5OCAxMC42NDU5IDAuOTY4MzE0IDguMDAzMzUgMS42ODU4MSA0Ljg1OTE5QzIuMzMzMzEgMi4wMDY2OSA0LjgyNDE1IDAuNzI5MTg3IDYuOTk5OTggMC43MjkxODdDNi45OTk5OCAwLjcyOTE4NyA2Ljk5OTk4IDAuNzI5MTg3IDcuMDA1ODEgMC43MjkxODdDOS4xODE2NSAwLjcyOTE4NyAxMS42NzI1IDIuMDA2NjkgMTIuMzIgNC44NjUwMkMxMy4wMzE2IDguMDA5MTkgMTEuMTMgMTAuNjQ1OSA5LjQwOTE1IDEyLjMwMjVDOC43MzI0OCAxMi45NSA3Ljg2MzMxIDEzLjI3NjcgNi45OTk5OCAxMy4yNzY3Wk02Ljk5OTk4IDEuNjA0MTlDNS4zMDI0OCAxLjYwNDE5IDMuMTIwODEgMi41MDgzNSAyLjU0MzMxIDUuMDUxNjlDMS45MTMzMSA3Ljc5OTE5IDMuNjM5OTggMTAuMTY3NSA1LjIwMzMxIDExLjY2NjdDNi4yMTI0OCAxMi42NDA5IDcuNzkzMzEgMTIuNjQwOSA4LjgwMjQ4IDExLjY2NjdDMTAuMzYgMTAuMTY3NSAxMi4wODY2IDcuNzk5MTkgMTEuNDY4MyA1LjA1MTY5QzEwLjg4NSAyLjUwODM1IDguNjk3NDggMS42MDQxOSA2Ljk5OTk4IDEuNjA0MTlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
}
.locationElName {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 16px 0;
}
.locationElContent {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.locationElMetro {
  display: flex;
  gap: 16px;
  color: #888;
  flex-wrap: wrap;
  line-height: 100%;
}
.locationElMetro > * {
  padding: 0 0 0 24px;
  position: relative;
}
.locationElMetro > *:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNDE1XzE5NjcyKSI+CiAgICAgICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4yMDM1IDEwLjM1NjhMMTYgMTMuNDgzM0gxMC42Njk5TDkuODgzNTcgMTEuMzE4NUw4Ljk1MTQ5IDEyLjYyMjRMOC4wNDEzOCAxMy44NzAyTDcuMTUxMDEgMTIuNjIzN0w2LjEzNTE0IDExLjI2N0w1LjMzMDA5IDEzLjQ4MzNIMEwwLjc5NjQ2NCAxMC4zNTY4SDEuNjkzNzZMNC40ODE3NyAyLjE5MTM0TDcuOTY0ODcgNi44NDgyNkwxMS4yNDggMi4xMDAxTDE0LjI4NjggMTAuMzU2OEgxNS4yMDM1Wk03Ljk5OTg2IDguNzI4MDhMNC44NDg1NyA0LjUxNDgxTDIuNDc5MDIgMTEuNDU0N0gxLjY0OTczTDEuNDEyNjUgMTIuMzg1NEg0LjU2MDgyTDUuNzk2NjIgOC45ODMyOEw4LjAzNzIyIDExLjk3NTVMOC4wNTA2NyAxMS45OTQzTDguMDY0NCAxMS45NzU1TDEwLjIwMzQgOC45ODMyOEwxMS40MzkyIDEyLjM4NTRIMTQuNTg3M0wxNC4zNTAzIDExLjQ1NDdIMTMuNTIxTDEwLjk0ODIgNC40NjQxNEw3Ljk5OTg2IDguNzI4MDhaIiBmaWxsPSIjODg4ODg4Ii8+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0MTVfMTk2NzIiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPC9zdmc+Cg==) center no-repeat;
}
.locationElTime {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  line-height: 100%;
  position: relative;
  padding: 0 0 0 24px;
}
.locationElTime:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjAwMDE2IDE1LjE2NjdDNC4wNDY4MyAxNS4xNjY3IDAuODMzNDk2IDExLjk1MzQgMC44MzM0OTYgOC4wMDAwNEMwLjgzMzQ5NiA0LjA0NjcxIDQuMDQ2ODMgMC44MzMzNzQgOC4wMDAxNiAwLjgzMzM3NEMxMS45NTM1IDAuODMzMzc0IDE1LjE2NjggNC4wNDY3MSAxNS4xNjY4IDguMDAwMDRDMTUuMTY2OCAxMS45NTM0IDExLjk1MzUgMTUuMTY2NyA4LjAwMDE2IDE1LjE2NjdaTTguMDAwMTYgMS44MzMzN0M0LjYwMDE2IDEuODMzMzcgMS44MzM1IDQuNjAwMDQgMS44MzM1IDguMDAwMDRDMS44MzM1IDExLjQgNC42MDAxNiAxNC4xNjY3IDguMDAwMTYgMTQuMTY2N0MxMS40MDAyIDE0LjE2NjcgMTQuMTY2OCAxMS40IDE0LjE2NjggOC4wMDAwNEMxNC4xNjY4IDQuNjAwMDQgMTEuNDAwMiAxLjgzMzM3IDguMDAwMTYgMS44MzMzN1oiIGZpbGw9ImJsYWNrIi8+CiAgICA8cGF0aCBkPSJNMTAuNDczMSAxMC42MkMxMC4zODY0IDEwLjYyIDEwLjI5OTggMTAuNiAxMC4yMTk4IDEwLjU0NjdMOC4xNTMxIDkuMzEzMzhDNy42Mzk3NyA5LjAwNjcxIDcuMjU5NzcgOC4zMzMzOCA3LjI1OTc3IDcuNzQwMDVWNS4wMDY3MUM3LjI1OTc3IDQuNzMzMzggNy40ODY0MyA0LjUwNjcxIDcuNzU5NzcgNC41MDY3MUM4LjAzMzEgNC41MDY3MSA4LjI1OTc3IDQuNzMzMzggOC4yNTk3NyA1LjAwNjcxVjcuNzQwMDVDOC4yNTk3NyA3Ljk4MDA1IDguNDU5NzcgOC4zMzMzOCA4LjY2NjQzIDguNDUzMzhMMTAuNzMzMSA5LjY4NjcxQzEwLjk3MzEgOS44MjY3MSAxMS4wNDY0IDEwLjEzMzQgMTAuOTA2NCAxMC4zNzM0QzEwLjgwNjQgMTAuNTMzNCAxMC42Mzk4IDEwLjYyIDEwLjQ3MzEgMTAuNjJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
}
.locationElPhone {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  line-height: 100%;
}
.locationElPhone a {
  text-decoration: none;
}
.locationElPhone > * {
  padding: 0 0 0 24px;
  position: relative;
}
.locationElPhone > *:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTEuNjMzNSAxNS4xNjY3QzEwLjg4MDIgMTUuMTY2NyAxMC4wODY4IDE0Ljk4NjcgOS4yNjY4MyAxNC42NEM4LjQ2NjgzIDE0LjMgNy42NjAxNiAxMy44MzM0IDYuODczNSAxMy4yNjY3QzYuMDkzNSAxMi42OTM0IDUuMzQwMTYgMTIuMDUzNCA0LjYyNjgzIDExLjM1MzRDMy45MjAxNiAxMC42NCAzLjI4MDE2IDkuODg2NzEgMi43MTM1IDkuMTEzMzdDMi4xNDAxNiA4LjMxMzM3IDEuNjgwMTYgNy41MTMzNyAxLjM1MzUgNi43NDAwNEMxLjAwNjgzIDUuOTEzMzcgMC44MzM0OTYgNS4xMTMzNyAwLjgzMzQ5NiA0LjM2MDA0QzAuODMzNDk2IDMuODQwMDQgMC45MjY4MjkgMy4zNDY3MSAxLjEwNjgzIDIuODg2NzFDMS4yOTM1IDIuNDEzMzcgMS41OTM1IDEuOTczMzcgMi4wMDAxNiAxLjU5MzM3QzIuNTEzNSAxLjA4NjcxIDMuMTAwMTYgMC44MzMzNzQgMy43MjY4MyAwLjgzMzM3NEMzLjk4NjgzIDAuODMzMzc0IDQuMjUzNSAwLjg5MzM3NCA0LjQ4MDE2IDEuMDAwMDRDNC43NDAxNiAxLjEyMDA0IDQuOTYwMTYgMS4zMDAwNCA1LjEyMDE2IDEuNTQwMDRMNi42NjY4MyAzLjcyMDA0QzYuODA2ODMgMy45MTMzNyA2LjkxMzUgNC4xMDAwNCA2Ljk4NjgzIDQuMjg2NzFDNy4wNzM1IDQuNDg2NzEgNy4xMjAxNiA0LjY4NjcxIDcuMTIwMTYgNC44ODAwNEM3LjEyMDE2IDUuMTMzMzcgNy4wNDY4MyA1LjM4MDA0IDYuOTA2ODMgNS42MTMzN0M2LjgwNjgzIDUuNzkzMzcgNi42NTM1IDUuOTg2NzEgNi40NjAxNiA2LjE4MDA0TDYuMDA2ODMgNi42NTMzN0M2LjAxMzUgNi42NzMzNyA2LjAyMDE2IDYuNjg2NzEgNi4wMjY4MyA2LjcwMDA0QzYuMTA2ODMgNi44NDAwNCA2LjI2NjgzIDcuMDgwMDQgNi41NzM1IDcuNDQwMDRDNi45MDAxNiA3LjgxMzM3IDcuMjA2ODMgOC4xNTMzNyA3LjUxMzUgOC40NjY3MUM3LjkwNjgzIDguODUzMzcgOC4yMzM1IDkuMTYwMDQgOC41NDAxNiA5LjQxMzM3QzguOTIwMTYgOS43MzMzNyA5LjE2NjgzIDkuODkzMzcgOS4zMTM1IDkuOTY2NzFMOS4zMDAxNiAxMEw5Ljc4NjgzIDkuNTIwMDRDOS45OTM1IDkuMzEzMzcgMTAuMTkzNSA5LjE2MDA0IDEwLjM4NjggOS4wNjAwNEMxMC43NTM1IDguODMzMzcgMTEuMjIwMiA4Ljc5MzM3IDExLjY4NjggOC45ODY3MUMxMS44NjAyIDkuMDYwMDQgMTIuMDQ2OCA5LjE2MDA0IDEyLjI0NjggOS4zMDAwNEwxNC40NjAyIDEwLjg3MzRDMTQuNzA2OCAxMS4wNCAxNC44ODY4IDExLjI1MzQgMTQuOTkzNSAxMS41MDY3QzE1LjA5MzUgMTEuNzYgMTUuMTQwMiAxMS45OTM0IDE1LjE0MDIgMTIuMjI2N0MxNS4xNDAyIDEyLjU0NjcgMTUuMDY2OCAxMi44NjY3IDE0LjkyNjggMTMuMTY2N0MxNC43ODY4IDEzLjQ2NjcgMTQuNjEzNSAxMy43MjY3IDE0LjM5MzUgMTMuOTY2N0MxNC4wMTM1IDE0LjM4NjcgMTMuNjAwMiAxNC42ODY3IDEzLjEyMDIgMTQuODhDMTIuNjYwMiAxNS4wNjY3IDEyLjE2MDIgMTUuMTY2NyAxMS42MzM1IDE1LjE2NjdaTTMuNzI2ODMgMS44MzMzN0MzLjM2MDE2IDEuODMzMzcgMy4wMjAxNiAxLjk5MzM3IDIuNjkzNSAyLjMxMzM3QzIuMzg2ODMgMi42MDAwNCAyLjE3MzUgMi45MTMzNyAyLjA0MDE2IDMuMjUzMzdDMS45MDAxNiAzLjYwMDA0IDEuODMzNSAzLjk2NjcxIDEuODMzNSA0LjM2MDA0QzEuODMzNSA0Ljk4MDA0IDEuOTgwMTYgNS42NTMzNyAyLjI3MzUgNi4zNDY3MUMyLjU3MzUgNy4wNTMzNyAyLjk5MzUgNy43ODY3MSAzLjUyNjgzIDguNTIwMDRDNC4wNjAxNiA5LjI1MzM3IDQuNjY2ODMgOS45NjY3MSA1LjMzMzUgMTAuNjRDNi4wMDAxNiAxMS4zIDYuNzIwMTYgMTEuOTEzNCA3LjQ2MDE2IDEyLjQ1MzRDOC4xODAxNiAxMi45OCA4LjkyMDE2IDEzLjQwNjcgOS42NTM1IDEzLjcxMzRDMTAuNzkzNSAxNC4yIDExLjg2MDIgMTQuMzEzNCAxMi43NDAyIDEzLjk0NjdDMTMuMDgwMiAxMy44MDY3IDEzLjM4MDIgMTMuNTkzNCAxMy42NTM1IDEzLjI4NjdDMTMuODA2OCAxMy4xMiAxMy45MjY4IDEyLjk0IDE0LjAyNjggMTIuNzI2N0MxNC4xMDY4IDEyLjU2IDE0LjE0NjggMTIuMzg2NyAxNC4xNDY4IDEyLjIxMzRDMTQuMTQ2OCAxMi4xMDY3IDE0LjEyNjggMTIgMTQuMDczNSAxMS44OEMxNC4wNTM1IDExLjg0IDE0LjAxMzUgMTEuNzY2NyAxMy44ODY4IDExLjY4TDExLjY3MzUgMTAuMTA2N0MxMS41NDAyIDEwLjAxMzQgMTEuNDIwMiA5Ljk0NjcxIDExLjMwNjggOS45MDAwNEMxMS4xNjAyIDkuODQwMDQgMTEuMTAwMiA5Ljc4MDA0IDEwLjg3MzUgOS45MjAwNEMxMC43NDAyIDkuOTg2NzEgMTAuNjIwMiAxMC4wODY3IDEwLjQ4NjggMTAuMjJMOS45ODAxNiAxMC43MkM5LjcyMDE2IDEwLjk3MzQgOS4zMjAxNiAxMS4wMzM0IDkuMDEzNSAxMC45Mkw4LjgzMzUgMTAuODRDOC41NjAxNiAxMC42OTM0IDguMjQwMTYgMTAuNDY2NyA3Ljg4NjgzIDEwLjE2NjdDNy41NjY4MyA5Ljg5MzM3IDcuMjIwMTYgOS41NzMzNyA2LjgwMDE2IDkuMTYwMDRDNi40NzM1IDguODI2NzEgNi4xNDY4MyA4LjQ3MzM3IDUuODA2ODMgOC4wODAwNEM1LjQ5MzUgNy43MTMzNyA1LjI2NjgzIDcuNDAwMDQgNS4xMjY4MyA3LjE0MDA0TDUuMDQ2ODMgNi45NDAwNEM1LjAwNjgzIDYuNzg2NzEgNC45OTM1IDYuNzAwMDQgNC45OTM1IDYuNjA2NzFDNC45OTM1IDYuMzY2NzEgNS4wODAxNiA2LjE1MzM3IDUuMjQ2ODMgNS45ODY3MUw1Ljc0NjgzIDUuNDY2NzFDNS44ODAxNiA1LjMzMzM3IDUuOTgwMTYgNS4yMDY3MSA2LjA0NjgzIDUuMDkzMzdDNi4xMDAxNiA1LjAwNjcxIDYuMTIwMTYgNC45MzMzNyA2LjEyMDE2IDQuODY2NzFDNi4xMjAxNiA0LjgxMzM3IDYuMTAwMTYgNC43MzMzNyA2LjA2NjgzIDQuNjUzMzdDNi4wMjAxNiA0LjU0NjcxIDUuOTQ2ODMgNC40MjY3MSA1Ljg1MzUgNC4zMDAwNEw0LjMwNjgzIDIuMTEzMzdDNC4yNDAxNiAyLjAyMDA0IDQuMTYwMTYgMS45NTMzNyA0LjA2MDE2IDEuOTA2NzFDMy45NTM1IDEuODYwMDQgMy44NDAxNiAxLjgzMzM3IDMuNzI2ODMgMS44MzMzN1pNOS4zMDAxNiAxMC4wMDY3TDkuMTkzNSAxMC40Nkw5LjM3MzUgOS45OTMzN0M5LjM0MDE2IDkuOTg2NzEgOS4zMTM1IDkuOTkzMzcgOS4zMDAxNiAxMC4wMDY3WiIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPg0K) center no-repeat;
}
@media all and (max-width: 767px) {
  .locationElName {
    font-size: 16px;
    margin: 0 0 24px 0;
  }
  .locationElInner {
    flex-direction: column;
    align-items: start;
  }
  .locationElMapBtn {
    line-height: 14px;
  }
  .locationElMapBtn:before {
    top: 0;
  }
  .locationElMetro {
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
  }
  .locationElMetro > * {
    padding: 0 0 0 22px;
  }
  .locationElMetro > *:before {
    width: 14px;
    height: 14px;
    background-size: contain;
  }
  .locationElTime {
    flex-direction: column;
    gap: 16px;
    padding: 0;
    font-size: 14px;
  }
  .locationElTime:before {
    display: none;
  }
  .locationElTime > * {
    position: relative;
    padding: 0 0 0 22px;
  }
  .locationElTime > *:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    display: block;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjAwMDE2IDE1LjE2NjdDNC4wNDY4MyAxNS4xNjY3IDAuODMzNDk2IDExLjk1MzQgMC44MzM0OTYgOC4wMDAwNEMwLjgzMzQ5NiA0LjA0NjcxIDQuMDQ2ODMgMC44MzMzNzQgOC4wMDAxNiAwLjgzMzM3NEMxMS45NTM1IDAuODMzMzc0IDE1LjE2NjggNC4wNDY3MSAxNS4xNjY4IDguMDAwMDRDMTUuMTY2OCAxMS45NTM0IDExLjk1MzUgMTUuMTY2NyA4LjAwMDE2IDE1LjE2NjdaTTguMDAwMTYgMS44MzMzN0M0LjYwMDE2IDEuODMzMzcgMS44MzM1IDQuNjAwMDQgMS44MzM1IDguMDAwMDRDMS44MzM1IDExLjQgNC42MDAxNiAxNC4xNjY3IDguMDAwMTYgMTQuMTY2N0MxMS40MDAyIDE0LjE2NjcgMTQuMTY2OCAxMS40IDE0LjE2NjggOC4wMDAwNEMxNC4xNjY4IDQuNjAwMDQgMTEuNDAwMiAxLjgzMzM3IDguMDAwMTYgMS44MzMzN1oiIGZpbGw9ImJsYWNrIi8+CiAgICA8cGF0aCBkPSJNMTAuNDczMSAxMC42MkMxMC4zODY0IDEwLjYyIDEwLjI5OTggMTAuNiAxMC4yMTk4IDEwLjU0NjdMOC4xNTMxIDkuMzEzMzhDNy42Mzk3NyA5LjAwNjcxIDcuMjU5NzcgOC4zMzMzOCA3LjI1OTc3IDcuNzQwMDVWNS4wMDY3MUM3LjI1OTc3IDQuNzMzMzggNy40ODY0MyA0LjUwNjcxIDcuNzU5NzcgNC41MDY3MUM4LjAzMzEgNC41MDY3MSA4LjI1OTc3IDQuNzMzMzggOC4yNTk3NyA1LjAwNjcxVjcuNzQwMDVDOC4yNTk3NyA3Ljk4MDA1IDguNDU5NzcgOC4zMzMzOCA4LjY2NjQzIDguNDUzMzhMMTAuNzMzMSA5LjY4NjcxQzEwLjk3MzEgOS44MjY3MSAxMS4wNDY0IDEwLjEzMzQgMTAuOTA2NCAxMC4zNzM0QzEwLjgwNjQgMTAuNTMzNCAxMC42Mzk4IDEwLjYyIDEwLjQ3MzEgMTAuNjJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
    background-size: contain;
  }
  .locationElPhone {
    font-size: 14px;
    flex-direction: column;
    gap: 16px;
  }
  .locationElPhone > * {
    padding: 0 0 0 22px;
  }
  .locationElPhone > *:before {
    width: 14px;
    height: 14px;
    background-size: contain;
  }
}

.locationType {
  margin: 60px 0 0 0;
  display: flex;
  gap: 16px;
  align-items: center;
}
.locationType span, .locationType a {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  padding: 15px 0;
  min-width: 220px;
  text-align: center;
  border: solid 1px #fff;
  text-decoration: none;
}
.locationType span {
  border-color: #000;
  padding: 15px;
}
.locationType + .locationOptions {
  margin: 20px 0 0 0;
}
@media all and (max-width: 959px) {
  .locationType {
    margin: 40px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .locationType {
    margin: 32px 0 0 0;
  }
  .locationType span, .locationType a {
    min-width: auto;
    border-color: #fff;
    padding: 15px 0;
  }
  .locationType a {
    font-weight: 400;
    color: #888;
  }
  .locationType a:hover {
    color: #000;
  }
}
@media all and (max-width: 359px) {
  .locationType span, .locationType a {
    font-size: 18px;
  }
}

.chooseCityBox .infoBoxBody {
  padding: 40px 40px 0 40px;
  align-items: start;
  height: 95%;
}
.chooseCityBox .infoBoxContent {
  margin: 0;
}
.chooseCityError {
  display: none;
  width: 100%;
}
.chooseCityError.active {
  display: block;
}
.chooseCityVal {
  padding: 12px 12px 12px 32px;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik05LjU4MzM1IDE4LjEyNUM0Ljg3NTAyIDE4LjEyNSAxLjA0MTY5IDE0LjI5MTcgMS4wNDE2OSA5LjU4MzMzQzEuMDQxNjkgNC44NzUgNC44NzUwMiAxLjA0MTY2IDkuNTgzMzUgMS4wNDE2NkMxNC4yOTE3IDEuMDQxNjYgMTguMTI1IDQuODc1IDE4LjEyNSA5LjU4MzMzQzE4LjEyNSAxNC4yOTE3IDE0LjI5MTcgMTguMTI1IDkuNTgzMzUgMTguMTI1Wk05LjU4MzM1IDIuMjkxNjZDNS41NTgzNSAyLjI5MTY2IDIuMjkxNjkgNS41NjY2NiAyLjI5MTY5IDkuNTgzMzNDMi4yOTE2OSAxMy42IDUuNTU4MzUgMTYuODc1IDkuNTgzMzUgMTYuODc1QzEzLjYwODQgMTYuODc1IDE2Ljg3NSAxMy42IDE2Ljg3NSA5LjU4MzMzQzE2Ljg3NSA1LjU2NjY2IDEzLjYwODQgMi4yOTE2NiA5LjU4MzM1IDIuMjkxNjZaIiBmaWxsPSIjODg4ODg4Ii8+CiAgICA8cGF0aCBkPSJNMTguMzMzMyAxOC45NTgzQzE4LjE3NSAxOC45NTgzIDE4LjAxNjcgMTguOSAxNy44OTE3IDE4Ljc3NUwxNi4yMjUgMTcuMTA4M0MxNS45ODMzIDE2Ljg2NjcgMTUuOTgzMyAxNi40NjY3IDE2LjIyNSAxNi4yMjVDMTYuNDY2NyAxNS45ODMzIDE2Ljg2NjcgMTUuOTgzMyAxNy4xMDgzIDE2LjIyNUwxOC43NzUgMTcuODkxN0MxOS4wMTY3IDE4LjEzMzMgMTkuMDE2NyAxOC41MzMzIDE4Ljc3NSAxOC43NzVDMTguNjUgMTguOSAxOC40OTE3IDE4Ljk1ODMgMTguMzMzMyAxOC45NTgzWiIgZmlsbD0iIzg4ODg4OCIvPgo8L3N2Zz4K) center left no-repeat;
  background-size: 20px 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color: #000;
  display: block;
  width: 100%;
  outline: none;
  border: solid 1px #888;
  border-width: 0 0 1px 0;
}
.chooseCityVal:focus {
  border-color: #000;
}
.chooseCityVal::placeholder {
  color: #888;
}
.chooseCityList {
  margin: 0;
  padding: 0 0 40px 0;
  font-size: 14px;
  overflow: auto;
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 0;
  top: 170px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.chooseCityList a {
  display: block;
  text-decoration: none;
  width: calc(33.3333% - 14px);
}
.chooseCityList a.hidden {
  display: none;
}
.chooseCityList a:hover {
  text-decoration: underline;
}
@media all and (max-width: 959px) {
  .chooseCityBox .infoBoxBody {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
}
@media all and (max-width: 767px) {
  .chooseCityBox .infoBoxBody {
    width: 100%;
    max-width: 100%;
    padding: 20px 20px 0 20px;
  }
  .chooseCityList {
    padding: 0 0 20px 0;
    top: 140px;
    gap: 10px;
    left: 20px;
    right: 20px;
  }
  .chooseCityList a {
    width: 100%;
  }
}

.promoList {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.promoEl {
  padding: 60px;
  width: 100%;
}
.promoElTitle {
  font-size: 28px;
  font-weight: 600;
  text-decoration: none;
}
.promoElTitle a {
  text-decoration: none;
}
.promoElDate {
  margin: 15px 0 0 0;
  font-size: 14px;
}
.promoElText {
  font-size: 18px;
  margin: 32px 0;
}
.promoElLink {
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  padding: 0 0 12px 0;
  border-bottom: 4px solid #000;
  text-decoration: none;
  display: inline-block;
}
@media all and (max-width: 959px) {
  .promoEl {
    padding: 40px;
  }
  .promoElTitle {
    font-size: 20px;
  }
  .promoElText {
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .promoEl {
    padding: 20px;
  }
  .promoElTitle {
    font-size: 18px;
  }
  .promoElDate {
    margin: 10px 0 0 0;
    font-size: 12px;
  }
  .promoElText {
    font-size: 14px;
    margin: 20px 0;
  }
}

.blogList {
  display: flex;
  width: 100%;
  gap: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
.blogEl {
  width: calc(50% - 10px);
  display: flex;
  background: radial-gradient(365.66% 89.41% at 74% 44.25%, #FFA9A9 0%, #E9E9E9 0.01%, #FBFAF7 100%), #FFF;
  justify-content: space-between;
  align-items: stretch;
}
.blogElContent {
  width: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.blogElMedia {
  width: calc(50% - 10px);
  display: flex;
  position: relative;
  overflow: hidden;
  min-height: 400px;
}
.blogElMedia img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-position: center bottom;
  object-fit: contain;
}
.blogEl_full {
  width: 100%;
}
.blogEl_full .blogElContent {
  width: calc(50% - 10px);
}
.blogElDate {
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 12px 0;
  display: block;
}
.blogElTitle {
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  margin: 0;
}
.blogElTitle a {
  text-decoration: none;
}
.blogElText {
  margin: 12px 0 40px 0;
}
.blogElLink {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: auto;
  margin-top: auto;
}
.blogElLink:after {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0 0 0 8px;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjQzMDEgMTguODIwMUMxNC4yNDAxIDE4LjgyMDEgMTQuMDUwMSAxOC43NTAxIDEzLjkwMDEgMTguNjAwMUMxMy42MTAxIDE4LjMxMDEgMTMuNjEwMSAxNy44MzAxIDEzLjkwMDEgMTcuNTQwMUwxOS40NDAxIDEyLjAwMDFMMTMuOTAwMSA2LjQ2MDEyQzEzLjYxMDEgNi4xNzAxMiAxMy42MTAxIDUuNjkwMTIgMTMuOTAwMSA1LjQwMDEyQzE0LjE5MDEgNS4xMTAxMiAxNC42NzAxIDUuMTEwMTIgMTQuOTYwMSA1LjQwMDEyTDIxLjAzMDEgMTEuNDcwMUMyMS4zMjAxIDExLjc2MDEgMjEuMzIwMSAxMi4yNDAxIDIxLjAzMDEgMTIuNTMwMUwxNC45NjAxIDE4LjYwMDFDMTQuODEwMSAxOC43NTAxIDE0LjYyMDEgMTguODIwMSAxNC40MzAxIDE4LjgyMDFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuMzMgMTIuNzVIMy41QzMuMDkgMTIuNzUgMi43NSAxMi40MSAyLjc1IDEyQzIuNzUgMTEuNTkgMy4wOSAxMS4yNSAzLjUgMTEuMjVIMjAuMzNDMjAuNzQgMTEuMjUgMjEuMDggMTEuNTkgMjEuMDggMTJDMjEuMDggMTIuNDEgMjAuNzQgMTIuNzUgMjAuMzMgMTIuNzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
@media all and (max-width: 959px) and (min-width: 768px) {
  .blogList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .blogEl:nth-child(1) {
    grid-area: 1/1/3/2;
  }
  .blogEl:nth-child(2) {
    grid-area: 1/2/2/3;
  }
  .blogEl:nth-child(3) {
    grid-area: 2/2/3/3;
  }
  .blogEl:nth-child(4) {
    grid-area: 3/1/5/2;
  }
  .blogEl:nth-child(5) {
    grid-area: 3/2/4/3;
  }
  .blogEl:nth-child(6) {
    grid-area: 4/2/5/3;
  }
  .blogEl:nth-child(7) {
    grid-area: 5/1/7/2;
  }
  .blogEl:nth-child(8) {
    grid-area: 5/2/6/3;
  }
  .blogEl:nth-child(9) {
    grid-area: 6/2/7/3;
  }
  .blogEl:nth-child(10) {
    grid-area: 7/1/9/2;
  }
  .blogEl:nth-child(11) {
    grid-area: 7/2/8/3;
  }
  .blogEl:nth-child(12) {
    grid-area: 8/2/9/3;
  }
  .blogEl:nth-child(13) {
    grid-area: 9/1/11/2;
  }
  .blogEl:nth-child(14) {
    grid-area: 9/2/10/3;
  }
  .blogEl:nth-child(15) {
    grid-area: 10/2/11/3;
  }
}
@media all and (max-width: 959px) {
  .blogEl {
    width: 100%;
    flex-direction: column;
  }
  .blogEl_full .blogElContent {
    width: 100%;
    order: 2;
  }
  .blogElMedia {
    width: 100%;
    order: 1;
    min-height: auto;
    border-bottom: solid 4px #000;
  }
  .blogElMedia img {
    position: static;
    width: 100%;
    height: auto;
  }
  .blogElContent {
    width: 100%;
    padding: 20px;
    flex: 1;
  }
  .blogElDate {
    font-size: 12px;
  }
  .blogElText {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  .blogEl {
    width: 100%;
  }
  .blogElText {
    margin-bottom: 30px;
  }
}
.blog > .blogEl {
  width: 100%;
}
.blog > .blogEl .blogElText {
  margin-bottom: 0 !important;
  max-width: 900px;
}
.blogText {
  padding: 40px;
  max-width: 980px;
  font-size: 18px;
}
.blogText > *:first-child {
  margin-top: 0;
}
.blogText > *:last-child {
  margin-bottom: 0;
}
.blogText h2 {
  margin: 60px 0 32px 0;
  font-size: 24px;
  font-weight: 600;
}
.blogText p {
  margin: 24px 0;
}
.blogText ul {
  margin: 24px 0;
  padding: 0;
  list-style: none;
}
.blogText ul li {
  position: relative;
  padding: 0 0 0 20px;
}
.blogText ul li:before {
  width: 3px;
  height: 3px;
  left: 9px;
  top: 12px;
  content: "";
  position: absolute;
  display: block;
  background: #000;
  border-radius: 50%;
}
@media all and (max-width: 959px) {
  .blogText {
    padding: 0;
    margin: 20px 0 0 0;
    font-size: 14px;
  }
  .blogText h2 {
    font-size: 18px;
    margin: 40px 0 16px;
  }
  .blogText p, .blogText ul {
    margin: 16px 0;
  }
}

.needAuth {
  max-width: 529px;
  padding: 32px;
  margin: 24px auto;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid #888;
  background: linear-gradient(93deg, #EFEEED 17.92%, #FDFDF8 85.36%);
}
.needAuthTitle {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}
.needAuthLink {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  height: 46px;
  min-width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  background: #000;
  padding: 5px;
}
@media all and (max-width: 959px) {
  .needAuth {
    max-width: 100%;
  }
}
@media all and (max-width: 767px) {
  .needAuth {
    gap: 16px;
    flex-direction: column;
    padding: 24px;
  }
  .needAuthTitle {
    text-align: center;
  }
  .needAuthLink {
    width: 100%;
  }
}

@media all and (max-width: 959px) {
  body > jdiv jdiv[class*=_orientationRight__] jdiv[class^=button__] {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
  }

  body > jdiv jdiv[class*=_orientationRight__] {
    bottom: 60px !important;
    right: 20px !important;
  }
}