@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*---------- mixins -----------*/
/*---------- global -----------*/
* {
  margin: 0;
  padding: 0;
  list-style: none; }

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

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  color: #2e3d46;
  background-color: #2e3d46; }

a {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }

button {
  cursor: pointer;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }
  button:active, button:focus {
    outline: none; }

.spoiler__body li {
  padding-left: 22px;
  position: relative; }
  .spoiler__body li:not(:last-of-type) {
    margin: 0 0 10px; }
  .spoiler__body li:before {
    content: '';
    position: absolute;
    display: block;
    top: 9px;
    left: 0;
    width: 14px;
    height: 2px;
    background-color: #70bf44; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit; }

h1, .title-h1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 800; }

h2, .title-h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700; }

h3, .title-h3 {
  font-size: 26px;
  line-height: 33px;
  font-weight: 800; }

h4, .title-h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700; }

h5, .title-h5 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 800; }

.text {
  line-height: 24px;
  font-weight: 600; }
  .text:not(:last-of-type) {
    margin: 0 0 12px; }

.siteWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  overflow: hidden; }

.siteContent {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #f6f6f6;
  border-radius: 0 0 35px 35px;
  padding-bottom: 50px; }

.siteSection {
  margin: 45px 0; }

.sectionTitle {
  margin: 0 0 22px; }
  .sectionTitle-center {
    text-align: center; }

.container {
  max-width: 1480px;
  padding: 0 20px;
  margin: 0 auto; }

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 190px;
  height: 40px;
  font-weight: 700;
  line-height: 16px;
  border-radius: 5px; }

.btn-green {
  color: #fff;
  background-color: #70bf44;
  border: none; }

.btn-bordered {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #2e3d46; }

@media (min-width: 992px) {
  .btn-green:hover {
    background-color: #4c84ff; }
  .btn-bordered:hover {
    color: #fff;
    background-color: #2e3d46; } }

.btn-disabled {
  background-color: #dfe0e1;
  pointer-events: none; }

.btn-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #fff;
  border: none; }
  .btn-close:after {
    content: '';
    display: block;
    -webkit-mask-image: url("../img/icons/36 закрыть.svg");
    mask-image: url("../img/icons/36 закрыть.svg");
    width: 17px;
    height: 17px;
    background-color: #70bf44;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center; }

.close {
  border: none;
  -webkit-mask-image: url("../img/icons/36 закрыть.svg");
  mask-image: url("../img/icons/36 закрыть.svg");
  width: 18px;
  height: 18px;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center; }
  .close:hover {
    background-color: #70bf44; }

/*---------- input autocomplite -----------*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
  -o-transition: color 9999s ease-out, background-color 9999s ease-out;
  transition: color 9999s ease-out, background-color 9999s ease-out;
  -webkit-transition-delay: 9999s;
  transition-delay: 9999s; }

input,
textarea {
  color: #2e3d46;
  font-weight: 600;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #858c90; }
  input::-moz-input-placeholder,
  textarea::-moz-input-placeholder {
    color: #858c90; }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #858c90; }
  input:focus,
  textarea:focus {
    outline: none; }

input[type="password"] {
  font-family: caption;
  font-size: 30px; }
  input[type="password"]::-webkit-input-placeholder {
    color: inherit; }
  input[type="password"]::-moz-input-placeholder {
    color: inherit; }
  input[type="password"]:-ms-input-placeholder {
    color: inherit; }

.input, .textarea {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #dfe0e1;
  padding: 5px 13px; }
  .input:hover, .textarea:hover {
    border-color: #a5c1ff; }
  .input:focus, .textarea:focus {
    border-color: #70bf44; }

.label {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 18px;
  font-weight: 500;
  color: #858c90;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .label span {
    color: #e96272; }
  .label-textarea {
    top: 20px; }
  .label.label-effect {
    font-size: 13px;
    top: 0;
    left: 10px;
    background-color: #fff;
    padding: 4px; }

input:focus ~ .label,
textarea:focus ~ .label {
  font-size: 13px;
  top: 0;
  left: 10px;
  color: #70bf44;
  background-color: #fff;
  padding: 4px; }

/*---------- custom check -----------*/
.check__input {
  display: none; }

.check {
  position: relative;
  cursor: pointer; }
  .check:hover .check__square {
    border-color: #a5c1ff; }
  .check:hover .check__circle {
    border-color: #a5c1ff; }
  .check.disabled {
    color: #b3b3b3;
    pointer-events: none; }

.check__square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -2px;
  left: 0;
  background-color: #f6f6f6;
  border: 1px solid #dfe0e1;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  cursor: pointer; }
  .check__square:after {
    content: '';
    display: none;
    -webkit-mask-image: url("../img/icons/05 чек.svg");
    mask-image: url("../img/icons/05 чек.svg");
    width: 12px;
    height: 8px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: 2px; }

.check__circle {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f6f6f6;
  border: 1px solid #dfe0e1;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  cursor: pointer; }

.check__input:checked + .check__square {
  background-color: #4c84ff;
  border-color: #4c84ff !important; }
  .check__input:checked + .check__square:after {
    display: block; }

.check__input:checked + .check__circle {
  background-color: #4c84ff;
  border: 3px solid #dce6ff !important; }

.check__text {
  font-size: 14px;
  color: #dfe0e1;
  padding-left: 31px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .check__text a {
    color: #4c84ff;
    text-decoration: underline; }
    .check__text a:hover {
      text-decoration: none; }

.check__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 6px; }
  .check__icon:after {
    content: ''; }

.check__icon-new {
  background-color: #4c84ff; }
  .check__icon-new:after {
    -webkit-mask-image: url("../img/icons/15 новинка.svg");
    mask-image: url("../img/icons/15 новинка.svg");
    width: 10px;
    height: 14px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center; }

.check__icon-sale {
  background-color: #e96272; }
  .check__icon-sale:after {
    -webkit-mask-image: url("../img/icons/16 скидка.svg");
    mask-image: url("../img/icons/16 скидка.svg");
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center; }

/*---------- file input -----------*/
.form__file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .form__file input {
    display: none; }
  .form__file-wrapper {
    margin: 16px 0 -5px; }
  .form__file-title {
    font-weight: 600;
    margin: 0 0 12px; }
  .form__file-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    color: #5da932;
    cursor: pointer;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .form__file-label:hover {
      color: #4c84ff; }
  .form__file-icon, .form__file-imageIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f6f6;
    border: 1px solid #dfe0e1;
    border-radius: 5px;
    margin-right: 10px; }
    .form__file-icon:after, .form__file-imageIcon:after {
      content: '';
      display: inline-block; }
  .form__file-icon {
    width: 40px;
    height: 40px; }
    .form__file-icon:after {
      width: 18px;
      height: 23px;
      background: no-repeat center center url("../img/icons/64 файл.svg");
      background-size: cover; }
  .form__file-imageIcon {
    width: 70px;
    height: 70px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .form__file-imageIcon:after {
      width: 36px;
      height: 37px;
      background: no-repeat center center url("../img/icons/44 фото.svg");
      background-size: cover; }
    .form__file-imageIcon:hover {
      border-color: #70bf44; }
  .form__file-clear, .form__file-del {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: rgba(46, 61, 70, 0.5);
    border: none;
    margin-left: 8px; }
    .form__file-clear:after, .form__file-del:after {
      content: '';
      display: inline-block;
      -webkit-mask-image: url("../img/icons/36 закрыть.svg");
      mask-image: url("../img/icons/36 закрыть.svg");
      width: 14px;
      height: 14px;
      background-color: #fff;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center; }
    .form__file-clear:hover, .form__file-del:hover {
      background-color: #4c84ff; }
  .form__file-clear {
    display: none; }
  .form__file-info {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: #858c90;
    margin: 12px 0 0; }
    .form__file-info span {
      color: #2e3d46; }

.form__file.active .form__file-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.file-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .file-images__item {
    width: 70px;
    height: 70px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0);
    outline-offset: -2px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    margin-right: 10px; }
    .file-images__item img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top; }
    .file-images__item .form__file-del {
      position: absolute;
      top: 3px;
      right: 3px; }
    .file-images__item:hover {
      border-color: #4c84ff;
      outline: 1px solid #4c84ff; }

/*---------- no select -----------*/
.noSelect {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .noSelect:focus {
    outline: none !important; }

/*---------- cistom select -----------*/
.select {
  position: relative;
  width: 100%;
  max-width: 264px;
  font-weight: 500;
  color: #2e3d46;
  cursor: pointer; }
  .select::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-mask-image: url("../img/icons/14 стрелка.svg");
    mask-image: url("../img/icons/14 стрелка.svg");
    width: 6px;
    height: 10px;
    background-color: #858c90;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }

.select__current, .select__current-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-weight: 500;
  color: #858c90;
  background-color: #fff;
  border: 1px solid #dfe0e1;
  border-radius: 5px;
  padding: 0 14px; }
  .select__current span, .select__current-status span {
    color: #c54030;
    margin-left: 5px; }
  .select__current:hover, .select__current-status:hover {
    border-color: #a5c1ff; }

.select__current-status {
  height: 48px;
  color: #2e3d46; }

.select.active::before {
  background-color: #5da932;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg); }

.select.active .select__current, .select.active .select__current-status {
  color: #2e3d46;
  border-color: #70bf44; }
  .select.active .select__current span, .select.active .select__current-status span {
    color: #fff; }

.select.active .select__hidden {
  opacity: 1;
  visibility: visible;
  height: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.select__hidden {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  height: 0;
  padding: 3px 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px 0 rgba(46, 61, 70, 0.15);
  box-shadow: 0px 0px 25px 0 rgba(46, 61, 70, 0.15);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }

.select__hidden__item {
  display: block;
  font-weight: 600;
  padding: 11px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  position: relative; }
  .select__hidden__item.active:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-mask-image: url("../img/icons/05 чек.svg");
    mask-image: url("../img/icons/05 чек.svg");
    width: 12px;
    height: 8px;
    background-color: #4c84ff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

@media (min-width: 992px) {
  .select__hidden__item:hover {
    color: #5da932;
    border-color: #eaebec;
    background-color: #f6f6f6; } }

/*---------- rating star -----------*/
.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 -1.5px; }
  .rating__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .rating__body__star {
      -webkit-mask-image: url("../img/icons/42 звезда.svg");
      mask-image: url("../img/icons/42 звезда.svg");
      width: 14px;
      height: 14px;
      background-color: #d5d5d5;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      margin: 0 1.5px; }
  .rating__active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden; }
    .rating__active__stars {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .rating__active__star {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-mask-image: url("../img/icons/42 звезда.svg");
      mask-image: url("../img/icons/42 звезда.svg");
      width: 14px;
      height: 14px;
      background-color: #ffc709;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      margin: 0 1.5px; }
  .rating__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .rating__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }
  .rating__value {
    display: none; }

.rating.rating-lg {
  margin: 0 -2px; }
  .rating.rating-lg .rating__body__star, .rating.rating-lg .rating__active__star {
    width: 22px;
    height: 22px;
    margin: 0 2px; }

.info-text {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
  padding-left: 30px; }
  .info-text:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    background: no-repeat center center url("../img/icons/37 инфо.svg");
    background-size: cover; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #41BA81; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.datepicker--cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 38px;
  z-index: 1; }

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6; }

.datepicker--cell.-in-range- {
  border-color: #4c84ff; }

.datepicker--cell.-in-range-.-focus- {
  background-color: #f6f6f6;
  border-color: rgba(76, 132, 255, 0.5); }

.datepicker--cell.-disabled- {
  cursor: default;
  pointer-events: none;
  color: #aeaeae; }

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae; }

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

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae; }

.datepicker--cell.-selected- {
  position: relative;
  z-index: 5;
  color: #fff;
  background-color: #4c84ff; }
  .datepicker--cell.-selected-.-focus- {
    border-color: rgba(0, 0, 0, 0);
    background-color: #4c84ff; }

.datepicker--cell:empty {
  cursor: default; }

.datepicker--cells-days {
  padding: 0;
  margin: 1px -1px -1px; }

.datepicker--days-names {
  display: none;
  background-color: #F9F9F9;
  margin: 0 -4px 3px; }

.datepicker--day-name {
  color: rgba(71, 71, 72, 0.7);
  font-size: 14px;
  font-weight: 500;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
  padding: 15px 0; }

.datepicker--cell-day {
  background-color: #f6f6f6;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  font-weight: 600;
  color: #1e2039;
  width: calc(14.28571% - 2px);
  margin: 0 1px 2px; }
  .datepicker--cell-day:hover {
    background-color: #dce6ff; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #b3b3b3 !important; }

.datepicker--cell.datepicker--cell-day.-other-month-.-disabled- {
  color: #b3b3b3 !important;
  opacity: 0.5; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: -7px; }

@media print {
  .datepickers-container {
    display: none; } }

.datepicker {
  background: #fff;
  border: none;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
  padding: 11px;
  -webkit-box-shadow: 0 0 25px 0 rgba(46, 61, 70, 0.15);
  box-shadow: 0 0 25px 0 rgba(46, 61, 70, 0.15); }

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px); }

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px); }

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px); }

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
  transform: translateX(-8px); }

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.-only-timepicker- .datepicker--content {
  display: none; }

.datepicker--pointer {
  display: none;
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }

.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg); }

.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg); }

.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
  left: 10px; }

.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  right: 10px; }

.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2); }

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px; }

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px; }

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }

.datepicker--body.active {
  display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 39px;
  border-bottom: 2px solid #5dbb5c;
  padding-bottom: 1px;
  margin-right: -1px; }

.-only-timepicker- .datepicker--nav {
  display: none; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  margin: 0 1px;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center; }

.datepicker--nav-action {
  width: calc(14.28571% - 2px);
  height: 38px;
  position: relative;
  background-color: #f6f6f6;
  border: none;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .datepicker--nav-action:first-of-type {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .datepicker--nav-action:last-of-type {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .datepicker--nav-action:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 13px;
    -webkit-mask-image: url("../img/icons/14 стрелка.svg");
    mask-image: url("../img/icons/14 стрелка.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #858c90;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg); }
  .datepicker--nav-action:hover {
    background-color: #dce6ff; }
    .datepicker--nav-action:hover:before {
      background-color: #2e3d46; }

.datepicker--nav-action:first-child:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg); }

.datepicker--nav-action.-disabled- {
  pointer-events: none; }
  .datepicker--nav-action.-disabled-:before {
    background-color: #DADAE2; }

.datepicker--nav-action svg {
  display: none; }

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px; }

.datepicker--nav-title {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 600;
  color: #2e3d46;
  padding: 0 15px; }

.datepicker--nav-title i {
  font-style: normal;
  margin-left: 5px; }

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none; }

.datepicker--buttons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  height: 32px; }

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 4px;
  position: relative; }

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -ms-flex: 0 1 138px;
  -webkit-box-flex: 0;
  flex: 0 1 138px;
  max-width: 138px; }

.-only-timepicker- .datepicker--time {
  border-top: none; }

.datepicker--time-sliders {
  -ms-flex: 0 1 153px;
  -webkit-box-flex: 0;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }

.datepicker--time-label {
  display: none;
  font-size: 12px; }

.datepicker--time-current {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0; }

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1; }

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.datepicker--time-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
  background: -o-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }

.datepicker--time-row:first-child {
  margin-bottom: 4px; }

.datepicker--time-row input[type='range'] {
  background: none;
  cursor: pointer;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none; }

.datepicker--time-row input[type='range']::-ms-tooltip {
  display: none; }

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
  border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
  border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:hover::-ms-thumb {
  border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:focus {
  outline: none; }

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef; }

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef; }

.datepicker--time-row input[type='range']:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  transition: background .2s; }

.datepicker--time-row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  transition: background .2s; }

.datepicker--time-row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  transition: background .2s; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  margin-top: -6px; }

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent; }

.datepicker--time-row input[type='range']::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent; }

.datepicker--time-row input[type='range']::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent; }

.datepicker--time-row input[type='range']::-ms-fill-lower {
  background: transparent; }

.datepicker--time-row input[type='range']::-ms-fill-upper {
  background: transparent; }

.datepicker--time-row span {
  padding: 0 12px; }

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute; }

.datepicker--time-icon:after {
  height: .4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.datepicker--time-icon:before {
  width: .4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/**
 * EasyZoom core styles
 */
.easyzoom {
  position: relative;
  /* 'Shrink-wrap' the element */
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.easyzoom img {
  vertical-align: bottom; }

.easyzoom.is-loading img {
  cursor: progress; }

.easyzoom.is-ready img {
  cursor: crosshair; }

.easyzoom.is-error img {
  cursor: not-allowed; }

.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
  -webkit-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888; }

.easyzoom-flyout {
  position: absolute;
  z-index: 100;
  background: #FFF; }

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.easyzoom--adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat; }

.noUi-connect {
  height: 100%;
  width: 100%; }

.noUi-origin {
  height: 10%;
  width: 10%; }

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute; }

.noUi-touch-area {
  height: 100%;
  width: 100%; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 6px;
  margin: 0; }

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 20px;
  right: -10px;
  top: -7px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px; }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #dce6ff;
  border-radius: 3px; }

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background: #4c84ff; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  background: no-repeat center center url("../img/icons/glob-white.png");
  background-size: cover;
  cursor: pointer; }
  .noUi-handle:hover {
    background-image: url("../img/icons/glob.svg"); }

.noUi-active {
  background-image: url("../img/icons/glob.svg"); }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  -ms-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 26px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 25px;
  height: auto;
  left: auto;
  top: 3px;
  right: 0;
  bottom: 3px; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px); }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0) !important; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 5px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
  background-color: #4c84ff !important; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
/* Arrows */
.slick-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(46, 61, 70, 0.5);
  border-radius: 5px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none; }
  .slick-arrow:before {
    content: '';
    width: 8px;
    height: 12px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("../img/icons/14 стрелка.svg");
    mask-image: url("../img/icons/14 стрелка.svg"); }

.slick-prev {
  padding-right: 2px;
  right: auto;
  left: 0; }

.slick-next {
  padding-left: 2px;
  left: auto;
  right: 0; }
  .slick-next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

@media (min-width: 992px) {
  .slick-arrow:hover {
    background-color: #2e3d46; } }

@media (max-width: 992px) {
  .slick-arrow:active {
    background-color: #2e3d46; } }

.slick-arrow:hover,
.slick-arrow:focus {
  color: transparent;
  outline: none; }

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.25;
  pointer-events: none; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 61, 70, 0.3);
  border-radius: 50%;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
  background-color: #2e3d46; }

.slick-dots li.slick-active {
  width: 20px; }
  .slick-dots li.slick-active button {
    background-color: #fff;
    border-radius: 5px; }

/*---------- header -----------*/
.header__top {
  background-color: #2e3d46;
  border-bottom: 1px solid #3a4851;
  position: relative; }
  .header__top__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.header__middle {
  background-color: #2e3d46; }
  .header__middle__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    position: relative; }

.header__bottom {
  background-color: #fff;
  -webkit-box-shadow: 0 0 25px rgba(46, 61, 70, 0.05);
  box-shadow: 0 0 25px rgba(46, 61, 70, 0.05);
  position: relative; }

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff; }
  .header__nav a {
    position: relative;
    padding: 15.5px 0;
    margin-right: 40px; }
    .header__nav a:after {
      content: '';
      width: 100%;
      height: 2px;
      background-color: #70bf44;
      opacity: 0;
      position: absolute;
      bottom: -1px;
      left: 0;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
    .header__nav a:hover:after {
      opacity: 1; }

.header__nav__more {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .header__nav__more__title {
    font-weight: 500;
    color: #5da932;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    cursor: pointer; }
    .header__nav__more__title:after {
      content: '';
      display: inline-block;
      -webkit-mask-image: url("../img/icons/14 стрелка.svg");
      mask-image: url("../img/icons/14 стрелка.svg");
      width: 13px;
      height: 9px;
      background-color: #5da932;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
  .header__nav__more__content {
    position: absolute;
    z-index: 3;
    top: 93%;
    opacity: 0;
    visibility: hidden;
    width: 240px;
    max-height: 380px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border-top: 4px solid #e96272;
    -webkit-box-shadow: 0px 0px 25px #2E3D460D;
    box-shadow: 0px 0px 25px #2E3D460D;
    padding: 5px 0;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .header__nav__more__content:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 101%;
      left: 6px;
      border: 9px solid transparent;
      border-bottom: 10px solid #e96272; }
    .header__nav__more__content a {
      display: block;
      font-weight: 600;
      color: #2e3d46;
      padding: 12px 15px;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      margin: 0; }
      .header__nav__more__content a:after {
        display: none; }
      .header__nav__more__content a:hover {
        color: #5da932;
        border-color: #eaebec;
        background-color: #f6f6f6; }
    .header__nav__more__content.active {
      opacity: 1;
      visibility: visible; }

.header__nav__more.active .header__nav__more__title {
  color: #e96272; }
  .header__nav__more.active .header__nav__more__title:after {
    background-color: #e96272;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.header__nav__more.active .header__nav__more__content {
  opacity: 1;
  visibility: visible; }

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3a4851;
  border-radius: 19px;
  padding: 7px 9px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .header__contacts:hover {
    background-color: #47555c; }
  .header__contacts__icon {
    width: 24px;
    height: 24px;
    margin-right: 12px; }

.header__contacts__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-top: 3px; }
  .header__contacts__phones > span {
    margin-right: 10px; }
  .header__contacts__phones__link:hover {
    color: #70bf44; }

.header__contacts__messengers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 12px; }

.mesItem {
  display: block;
  width: 22px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .mesItem:hover {
    opacity: 0.8; }

.mesItem-whatsapp {
  background-image: url("../img/icons/03 вотсап.svg");
  margin-right: 5px; }

.mesItem-telegram {
  background-image: url("../img/icons/28 телеграм.svg"); }

.logo {
  display: block;
  width: 138px;
  height: 34px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .logo:hover {
    opacity: 0.8; }
  .logo img {
    max-width: 100%;
    max-height: 100%; }

.header__logo {
  margin-right: 50px;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px); }

.btn-search-show {
  border: none;
  -webkit-mask-image: url("../img/icons/04 поиск.svg");
  mask-image: url("../img/icons/04 поиск.svg");
  width: 22px;
  height: 24px;
  background-color: #e96272;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: none; }

.btn-search-hide {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  transform: translateY(-80%);
  right: 20px; }

.search {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  position: relative;
  margin: 0 10px; }
  .search__label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 54px;
    font-size: 14px;
    font-weight: 500;
    color: #858c90; }
    .search__label.active {
      display: none; }

.btn-search-go {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0 5px 5px 0; }
  .btn-search-go span {
    -webkit-mask-image: url("../img/icons/04 поиск.svg");
    mask-image: url("../img/icons/04 поиск.svg");
    width: 22px;
    height: 24px;
    background-color: #e96272;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center; }
  .btn-search-go.active {
    background-color: #70bf44; }
    .btn-search-go.active span {
      background-color: #fff; }
    .btn-search-go.active:hover {
      background-color: #4c84ff; }

.btn-search-clear {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 68px;
  -webkit-mask-image: url("../img/icons/36 закрыть.svg");
  mask-image: url("../img/icons/36 закрыть.svg");
  width: 16px;
  height: 16px;
  background-color: #858c90;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  border: none; }
  .btn-search-clear:hover {
    background-color: #000; }
  .btn-search-clear.active {
    display: block; }

.search__result {
  position: absolute;
  z-index: 4;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px #2E3D460D;
  box-shadow: 0px 0px 25px #2E3D460D;
  border-radius: 5px;
  padding: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .search__result .productSm:not(:last-of-type) {
    border-bottom: 1px solid #eaebec;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .search__result.active {
    opacity: 1;
    visibility: visible; }

.productSm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .productSm__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    height: 50px;
    margin-right: 15px; }
    .productSm__image img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top;
      border-radius: 5px; }
  .productSm__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 65px); }
  .productSm__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 41px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    .productSm__name:hover {
      color: #5da932; }
  .productSm__price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 195px;
    flex: 0 0 195px;
    margin-left: 50px; }

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .price-normal {
    font-size: 18px;
    font-weight: 700; }
  .price-new {
    font-size: 18px;
    font-weight: 700;
    color: #e96272;
    margin-right: 14px; }
  .price-old {
    font-weight: 600;
    text-decoration: line-through;
    -webkit-text-decoration-color: #e96272;
    text-decoration-color: #e96272;
    text-decoration-thickness: 2px; }

.btn.btn-toCart {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  background-color: #70bf44;
  border: none;
  position: relative; }
  .btn.btn-toCart .checkSm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 3px;
    right: 3px;
    opacity: 0;
    visibility: hidden; }
  .btn.btn-toCart:before {
    content: '';
    display: block;
    -webkit-mask-image: url("../img/icons/08 корзина.svg");
    mask-image: url("../img/icons/08 корзина.svg");
    width: 24px;
    height: 22px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
  .btn.btn-toCart:hover {
    background-color: #4c84ff; }

.btn.btn-toCart.active {
  background-color: #dbe6ff; }
  .btn.btn-toCart.active:before {
    background-color: #4c84ff; }
  .btn.btn-toCart.active .checkSm {
    opacity: 1;
    visibility: visible; }

.header__services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  margin-left: 30px;
  position: relative; }
  .header__services > span {
    display: none; }
  .header__services:hover .st-white, .header__services:hover .st-green {
    fill: #fff; }

.header__services-home svg {
  width: 22px;
  height: 24px; }

.header__services-profile svg {
  width: 18px;
  height: 24px; }

.header__services-fav svg {
  width: 24px;
  height: 22px; }

.header__services-cart svg {
  width: 24px;
  height: 22px; }

.header__services.active .header__services__count {
  display: block; }

.header__services.active .header__services__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.header__services__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 45px;
  height: 40px;
  position: relative; }

.st-white, .st-green, .st-blueDark, .st-greyDark {
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }

.st-green {
  fill: #70BF44; }

.st-white {
  fill: #FFFFFF; }

.st-blueDark {
  fill: #2E3D46; }

.st-greyDark {
  fill: #858c90; }

.st-transparent {
  fill-opacity: 0; }

.countSm {
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  color: #fff;
  background-color: #e96272;
  border-radius: 5px;
  padding: 2.5px 5.5px; }

.header__services__count {
  display: none;
  position: absolute;
  top: 0;
  right: 0; }

.checkSm {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: #4c84ff;
  border-radius: 5px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .checkSm:after {
    content: '';
    -webkit-mask-image: url("../img/icons/05 чек.svg");
    mask-image: url("../img/icons/05 чек.svg");
    width: 8px;
    height: 6px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center; }

.header__services__check {
  position: absolute;
  top: 0;
  right: 0; }

.header__services-cart__total {
  font-weight: 700;
  width: 71px;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.header__services-profile {
  cursor: pointer; }

.hint {
  position: relative; }
  .hint__hidden {
    color: #fff;
    text-align: center;
    background-color: #5da932;
    border-radius: 5px;
    padding: 11px 20px 13px;
    position: absolute;
    z-index: 2;
    top: calc(100% + 4px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .hint__hidden span {
      font-size: 16px;
      font-weight: 700; }
    .hint__hidden p {
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      margin: 0 0 7px; }
      .hint__hidden p a {
        font-weight: 800;
        white-space: nowrap; }
        .hint__hidden p a:hover {
          text-decoration: underline; }
    .hint__hidden:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      border: 7px solid transparent;
      border-bottom: 8px solid #5da932; }
    .hint__hidden.active {
      opacity: 1;
      visibility: visible; }

.hint__hidden-profile {
  width: 240px; }
  .hint__hidden-profile p {
    margin: 7px 0 0; }

@media (min-width: 992px) {
  .hint:hover .hint__hidden, .header__services:hover .hint__hidden {
    opacity: 1;
    visibility: visible; }
  .header__services-profile.active:hover .hint__hidden {
    display: none; }
  .header__services-profile.active:hover .userMenu {
    opacity: 1;
    visibility: visible; } }

.header__services-home {
  display: none; }

.userMenu {
  width: 240px;
  border-radius: 5px;
  background-color: #fff;
  position: absolute;
  z-index: 3;
  top: calc(100% + 4px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .userMenu:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 7px solid transparent;
    border-bottom: 8px solid #4c84ff; }
  .userMenu__nav {
    padding-bottom: 5px;
    position: relative; }
    .userMenu__nav:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 10px;
      left: 10px;
      height: 1px;
      background-color: #dfe0e1; }
  .userMenu__name {
    color: #fff;
    font-weight: 700;
    background-color: #4c84ff;
    border-radius: 5px 5px 0 0;
    padding: 16px 15px; }
  .userMenu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    font-weight: 600;
    color: #2e3d46;
    padding: 0 10px;
    cursor: pointer; }
    .userMenu__item__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 24px;
      height: 24px;
      margin-right: 12px; }
      .userMenu__item__icon svg, .userMenu__item__icon img {
        width: 100%;
        height: 100%; }
      .userMenu__item__icon-history img {
        max-width: 20px; }
      .userMenu__item__icon-orders svg {
        -webkit-transform: translateX(-1px);
        -ms-transform: translateX(-1px);
        transform: translateX(-1px); }
    .userMenu__item .countSm {
      margin-left: 8px; }
    .userMenu__item-out {
      margin: 4px 0; }
    .userMenu__item.active {
      color: #5da932; }

@media (min-width: 992px) {
  .userMenu__item:hover {
    color: #5da932;
    background-color: #f6f6f6; } }

.burgermenu {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 3px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 61px;
  flex: 0 0 61px;
  height: 64px;
  background-image: url("../img/icons/burger-back.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: -20px; }
  .burgermenu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff; }
    .burgermenu-btn span {
      width: 22px;
      height: 2px;
      background-color: #2e3d46; }
      .burgermenu-btn span:nth-child(2) {
        background-color: #70bf44;
        margin: 6px 0; }

/*---------- catalog -----------*/
.btn.catalog-btn {
  width: 170px;
  text-transform: uppercase;
  font-weight: 700; }
  .btn.catalog-btn span {
    position: relative;
    padding-left: 32px; }
    .btn.catalog-btn span:before {
      content: '';
      display: inline-block;
      -webkit-mask-image: url("../img/icons/03 каталог.svg");
      mask-image: url("../img/icons/03 каталог.svg");
      width: 21px;
      height: 22px;
      background-color: #fff;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0; }
  .btn.catalog-btn.active {
    position: relative;
    z-index: 6;
    background-color: #4c84ff;
    -webkit-transform: translate3d(0, 0, 10px);
    transform: translate3d(0, 0, 10px); }
    .btn.catalog-btn.active:after {
      content: '';
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 12px; }

.catalogDropDown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 700px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s 0.05s;
  -o-transition: all 0.1s 0.05s;
  transition: all 0.1s 0.05s; }

.catalogDropDown.active {
  z-index: 5;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 5px);
  transform: translate3d(0, 0, 5px); }

.catalogDropDown__cats {
  width: 284px;
  background-color: #f6f6f6;
  padding: 5px; }

.catalogDropDown__cats__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 25px rgba(46, 61, 70, 0.05);
  box-shadow: 0px 0px 25px rgba(46, 61, 70, 0.05);
  padding: 5px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .catalogDropDown__cats__item:not(:last-of-type) {
    margin-bottom: 5px; }
  .catalogDropDown__cats__item__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    height: 60px;
    margin-right: 16px; }
    .catalogDropDown__cats__item__image img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top;
      border-radius: 10px; }
  .catalogDropDown__cats__item__name {
    line-height: 20px;
    font-weight: 700;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }

.catalogDropDown__cats__item.active {
  background-color: #e96272; }
  .catalogDropDown__cats__item.active .catalogDropDown__cats__item__name {
    color: #fff; }

.catalogDropDown__body {
  width: calc(100% - 284px); }

.catalogDropDown__list-wrap {
  display: none; }
  .catalogDropDown__list-wrap.active {
    display: block; }

.catalogDropDown__list {
  -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
  width: 100%;
  padding: 35px 5px 30px 35px; }
  .catalogDropDown__list a:hover {
    color: #5da932; }
  .catalogDropDown__list .catalogDropDown__subcat {
    font-weight: 700; }
  .catalogDropDown__list > li {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 32px; }
  .catalogDropDown__list li ul {
    margin: 18px 0 0; }
    .catalogDropDown__list li ul li {
      line-height: 20px;
      margin: 0 0 12px; }

.catalogDropDown__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 61, 70, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .catalogDropDown__overlay.active {
    z-index: 4;
    opacity: 1;
    visibility: visible; }

/*---------- header bottom dropdowns -----------*/
.header__cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0; }
  .header__cats .header__cats__item:last-child .header__cats__hidden {
    left: auto;
    right: -1px; }
    .header__cats .header__cats__item:last-child .header__cats__hidden:before {
      left: 55%; }

.header__cats__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  .header__cats__item:first-of-type {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.5; }
  .header__cats__item:last-of-type {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.5; }
  .header__cats__item:not(:last-of-type) {
    border-right: 1px solid #eaebec; }

.header__cats__item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  position: relative; }
  .header__cats__item__title:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 12px; }
  .header__cats__item__title.active {
    color: #5da932; }

.cat-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 29px;
  height: 28px;
  margin-right: 14px; }
  .cat-icon img {
    max-width: 100%;
    max-height: 100%; }

.header__cats__hidden {
  position: absolute;
  z-index: 3;
  top: calc(100% + 10px);
  opacity: 0;
  visibility: hidden;
  width: 240px;
  max-height: 380px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  border-top: 4px solid #e96272;
  -webkit-box-shadow: 0px 0px 25px #2E3D460D;
  box-shadow: 0px 0px 25px #2E3D460D;
  padding: 5px 0;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .header__cats__hidden:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 6px;
    border: 9px solid transparent;
    border-bottom: 10px solid #e96272; }
  .header__cats__hidden.active {
    opacity: 1;
    visibility: visible; }
  .header__cats__hidden a {
    display: block;
    font-weight: 600;
    padding: 8px 14px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .header__cats__hidden a:hover {
      color: #5da932;
      border-color: #eaebec;
      background-color: #f6f6f6; }
  .header__cats__hidden .mCSB_inside > .mCSB_container {
    margin: 0; }

.header__cats__hidden-inner {
  height: 100%; }

/*---------- main banner -----------*/
.siteSection-main {
  margin: 20px 0 0; }

.mainBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 370px; }

.mainBanner__slider {
  width: calc(100% - 365px); }
  .mainBanner__slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 370px;
    border-radius: 10px;
    overflow: hidden;
    position: relative; }
    .mainBanner__slider__item__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 365px;
      flex: 0 0 365px;
      padding-left: 80px;
      position: relative; }
    .mainBanner__slider__item__text {
      font-weight: 600;
      line-height: 22px;
      margin: 28px 0 35px; }
    .mainBanner__slider__item__image {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .mainBanner__slider__item__image img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 100%;
        vertical-align: top; }
  .mainBanner__slider .slick-prev {
    left: 10px; }
  .mainBanner__slider .slick-next {
    right: 10px; }

.mainBanner__info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 345px;
  flex: 0 0 345px;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  padding: 35px 40px;
  margin-left: 20px;
  position: relative;
  overflow: hidden; }
  .mainBanner__info__body {
    position: relative; }
  .mainBanner__info__title {
    font-size: 28px;
    line-height: 33px;
    font-weight: 700;
    color: #70bf44;
    margin: 0 0 18px; }
  .mainBanner__info__text {
    line-height: 20px; }
  .mainBanner__info__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center url("../img/14-Баннер-2.jpg");
    background-size: cover; }

/*---------- popular cats -----------*/
.popularCats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -20px; }
  .popularCats__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(25% - 20px);
    height: 150px;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 10px 20px;
    margin: 0 10px 20px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: -webkit-radial-gradient(white, black); }
    .popularCats__item__title {
      position: relative;
      z-index: 2;
      max-width: 115px; }
    .popularCats__item-1, .popularCats__item-4, .popularCats__item-7 {
      background-color: #70bf44; }
    .popularCats__item-2, .popularCats__item-5, .popularCats__item-8 {
      background-color: #e96272; }
    .popularCats__item-3, .popularCats__item-6 {
      background-color: #fff; }
      .popularCats__item-3 .popularCats__item__title, .popularCats__item-6 .popularCats__item__title {
        color: #2e3d46; }
    .popularCats__item-5 .popularCats__item__title {
      max-width: 135px; }
    .popularCats__item__image {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
      .popularCats__item__image-1 {
        background-image: url("../img/02-категория.jpg"); }
      .popularCats__item__image-2 {
        background-image: url("../img/03-категория.jpg"); }
      .popularCats__item__image-3 {
        background-image: url("../img/04-категория.jpg"); }
      .popularCats__item__image-4 {
        background-image: url("../img/05-категория.jpg"); }
      .popularCats__item__image-5 {
        background-image: url("../img/06-категория.jpg"); }
      .popularCats__item__image-6 {
        background-image: url("../img/07-категория.jpg"); }
      .popularCats__item__image-7 {
        background-image: url("../img/08-категория.jpg"); }
      .popularCats__item__image-8 {
        background-image: url("../img/09-категория.jpg"); }

.decor__arrow {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 20px;
  -webkit-mask-image: url("../img/icons/14 стрелка.svg");
  mask-image: url("../img/icons/14 стрелка.svg");
  width: 8px;
  height: 12px;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.decor__ellipse, .decor__ellipse-inner {
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }

.decor__ellipse {
  right: -70px;
  bottom: -70px;
  width: 140px;
  height: 140px; }

.decor__ellipse-inner {
  right: -65px;
  bottom: -65px;
  width: 130px;
  height: 130px;
  background-color: #2e3d46; }

.popularCats__item:hover .popularCats__item__image {
  -webkit-transform: scale(1.09);
  -ms-transform: scale(1.09);
  transform: scale(1.09); }

.popularCats__item:hover .decor__ellipse {
  background-color: #fff; }

.popularCats__item:hover .decor__ellipse-inner {
  background-color: #4c84ff; }

/*---------- products -----------*/
.whiteBox {
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(46, 61, 70, 0.05);
  box-shadow: 0px 0px 25px 0px rgba(46, 61, 70, 0.05);
  padding-bottom: 1px; }

.btn.btn-showMore {
  position: relative;
  margin: 0 auto 20px; }
  .btn.btn-showMore svg {
    width: 22px;
    height: 18px;
    margin-right: 10px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }

@media (min-width: 992px) {
  .btn.btn-showMore:hover svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .btn.btn-showMore:hover .st-blueDark {
    fill: #fff; } }

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 10px 0; }
  .products .product {
    width: calc(20% - 20px);
    margin: 0 10px -25px; }
  .products ~ .btn-showMore {
    margin-top: -5px; }
    .products ~ .btn-showMore:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: -5px;
      width: calc(100% + 10px);
      height: 40px;
      display: block;
      z-index: 3; }

.products.products-sm {
  margin-bottom: -8px; }

.product {
  border-radius: 15px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .product__image {
    width: 100%;
    height: 240px;
    position: relative; }
    .product__image > img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top;
      border-radius: 10px 10px 0 0; }
  .product__stickers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: 10px;
    right: 10px; }
  .product__fav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 57px;
    height: 26px;
    background: no-repeat center center url("../img/icons/fav-back.png");
    background-size: contain;
    border: none;
    position: absolute;
    bottom: -1px;
    left: 0; }
    .product__fav svg {
      width: 24px;
      height: 22px; }
    .product__fav:hover .st-green {
      fill: #e96272; }
    .product__fav.active .st-green, .product__fav.active .st-blueDark {
      display: none; }
    .product__fav.active svg {
      background: no-repeat center center url("../img/icons/fav-active.png");
      background-size: contain; }
  .product__body {
    padding: 15px; }
  .product__name {
    line-height: 20px;
    font-weight: 700;
    height: 42px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 10px; }
    .product__name:hover {
      color: #5da932; }
  .product .price-new, .product .price-normal {
    font-size: 20px; }
  .product__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px; }
    .product__flex .product__count {
      width: 100px; }
    .product__flex .btn {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-left: 10px; }
  .product .btn-bordered {
    width: 100%;
    margin: 10px 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }

@media (min-width: 992px) {
  .product:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 25px #2E3D4633;
    box-shadow: 0px 0px 25px #2E3D4633;
    position: relative;
    z-index: 2; }
    .product:hover .btn-bordered {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }

.product.disabled {
  pointer-events: none; }
  .product.disabled .product__image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); }
  .product.disabled .product__count {
    display: none; }
  .product.disabled .btn-buy {
    color: #2e3d46;
    background-color: #dfe0e1;
    margin: 0; }

.product__flex.active .checkSm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 7px; }

.product__flex.active .product__count {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  border-width: 0;
  padding: 0; }

.btn-buy.active, .btn-toCart-lg.active {
  color: #4c84ff;
  background-color: #dbe6ff;
  margin: 0; }

.sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  border-radius: 10px 3px 3px 10px;
  padding: 3px 5px;
  margin-bottom: 2px; }
  .sticker span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .sticker:before {
    content: '';
    display: inline-block;
    width: 10px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    margin-right: 8px; }
  .sticker-new {
    background-color: #4c84ff; }
    .sticker-new:before {
      height: 14px;
      -webkit-mask-image: url("../img/icons/15 новинка.svg");
      mask-image: url("../img/icons/15 новинка.svg");
      background-color: #fff; }
  .sticker-sale {
    background-color: #e96272; }
    .sticker-sale:before {
      height: 10px;
      -webkit-mask-image: url("../img/icons/16 скидка.svg");
      mask-image: url("../img/icons/16 скидка.svg");
      background-color: #fff; }
  .sticker-helium {
    background-color: #2e3d46; }
    .sticker-helium:before {
      height: 13px;
      -webkit-mask-image: url("../img/icons/18 шар.svg");
      mask-image: url("../img/icons/18 шар.svg");
      background-color: #70bf44; }

.product__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-height: 40px;
  position: relative;
  z-index: 2;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .product__count__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    color: #858c90;
    font-weight: 500;
    border-top: 1px solid #dfe0e1;
    border-bottom: 1px solid #dfe0e1;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
  .product__count__minus, .product__count__plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 100%;
    font-size: 20px;
    font-weight: 500;
    background-color: #f6f6f6;
    border: 1px solid #dfe0e1;
    cursor: pointer;
    padding-left: 1px; }
    .product__count__minus:active, .product__count__plus:active {
      background-color: #EEEEEE; }
  .product__count__minus {
    border-radius: 5px 0 0 5px; }
  .product__count__plus {
    border-radius: 0 5px 5px 0; }

@media (min-width: 992px) {
  .product__count:hover {
    border-color: #a5c1ff; }
    .product__count:hover .product__count__value {
      border-color: #a5c1ff; }
    .product__count:hover .product__count__minus, .product__count:hover .product__count__plus {
      border-color: #a5c1ff; } }

.product__count.max .product__count__value {
  border-color: #70bf44; }

.product__count.max .product__count__plus, .product__count.max .product__count__minus {
  color: #fff;
  background-color: #70bf44;
  border-color: #70bf44; }

.product__count.max .product__count__plus {
  pointer-events: none; }

/*---------- services -----------*/
.services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px; }

.services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: calc(25% - 20px);
  height: 345px;
  margin: 0 10px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  padding: 17px 20px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: -webkit-radial-gradient(white, black); }
  .services__item__image {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
    .services__item__image img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top; }
    .services__item__image:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 85px;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0));
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0)); }
  .services__item__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    max-width: 235px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 2; }
  .services__item .decor__ellipse-inner {
    background-color: #70bf44; }

.services__item:hover .services__item__image {
  -webkit-transform: scale(1.09);
  -ms-transform: scale(1.09);
  transform: scale(1.09); }

.services__item:hover .decor__ellipse {
  background-color: #fff; }

.services__item:hover .decor__ellipse-inner {
  background-color: #4c84ff; }

.services__text {
  line-height: 24px;
  font-weight: 500;
  margin: 25px 0 15px; }

.btn.btn-seeAll {
  margin: 0 auto; }

/*---------- advantages -----------*/
.advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #e96272;
  border-radius: 20px;
  padding: 20px 10px; }
  .advantages__item {
    width: calc(20% - 20px);
    line-height: 22px;
    background-color: #fff;
    border-radius: 10px 75px 10px 10px;
    padding: 20px 20px 25px;
    margin: 0 10px; }
    .advantages__item__icon {
      width: 50px;
      height: 50px; }
      .advantages__item__icon img {
        max-width: 100%;
        max-height: 100%; }
    .advantages__item__title {
      font-weight: 800;
      margin: 15px 0 10px; }
    .advantages__item__text {
      font-weight: 500; }
      .advantages__item__text p:not(:last-of-type) {
        margin: 0 0 8px; }

/*---------- news -----------*/
.news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 20px; }

.news__item {
  width: calc(25% - 20px);
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 5px #2E3D460D;
  box-shadow: 0px 0px 5px #2E3D460D;
  padding: 15px;
  margin: 0 10px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
  position: relative;
  z-index: 2; }
  .news__item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
  .news__item__image {
    width: 100%;
    height: 220px;
    border-radius: 10px;
    margin: 15px 0 13px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: -webkit-radial-gradient(white, black); }
    .news__item__image img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top;
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
  .news__item__title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
  .news__item__excerpt {
    line-height: 22px;
    color: #858c90;
    height: 132px; }

.news__item.news__item-lg {
  width: calc(50% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }

.news__item__image.news__item__image-lg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
  height: 368px;
  margin: 0;
  -webkit-clip-path: circle(95% at 0% 50%);
  clip-path: circle(95% at 0% 50%); }

.news__item__body {
  padding: 15px 30px; }
  .news__item__body .news__item__title {
    font-size: 26px;
    line-height: 33px;
    font-weight: 800;
    margin: 24px 0 16px; }

.news__item:hover {
  -webkit-box-shadow: 0px 0px 25px #2E3D4633;
  box-shadow: 0px 0px 25px #2E3D4633; }
  .news__item:hover .news__item__title {
    color: #5da932; }
  .news__item:hover .news__item__image img {
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09); }

.heading {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 4px 6px; }
  .heading-blue {
    background-color: #4c84ff; }
  .heading-red {
    background-color: #e96272; }
  .heading-green {
    background-color: #70bf44; }

.date {
  font-size: 14px;
  font-weight: 500;
  color: #858c90; }

/*---------- form control -----------*/
.form__control {
  position: relative; }
  .form__control-withIcon input {
    padding-left: 42px; }
  .form__control-withIcon .label {
    left: 42px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
    .form__control-withIcon .label.label-effect {
      display: none; }
  .form__control-withIcon input:focus ~ .label,
  .form__control-withIcon textarea:focus ~ .label {
    display: none; }
  .form__control-pass input {
    padding-right: 55px; }
  .form__control input {
    height: 48px; }
  .form__control textarea {
    resize: none;
    min-height: 70px;
    padding-top: 12px;
    padding-bottom: 12px; }
    .form__control textarea::-webkit-scrollbar {
      width: 0;
      height: 0; }
  .form__control .hint {
    position: absolute;
    margin: 0;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden; }

.form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .form__row .form__control {
    width: 48.4%; }

.form__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0) !important;
  width: 24px;
  height: 20px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .form__icon-name {
    background-image: url("../img/icons/profile.svg"); }
  .form__icon-email {
    background-image: url("../img/icons/25 почта.svg"); }
  .form__icon-phone {
    background-image: url("../img/icons/phone.svg"); }
  .form__icon-date {
    left: auto;
    right: 14px;
    width: 22px;
    height: 23px;
    cursor: pointer; }
    .form__icon-date.active .st-green {
      fill: #858c90; }
    .form__icon-date.active .st-greyDark {
      fill: #70bf44; }

.form__control.error input {
  border-color: #de0000;
  -webkit-box-shadow: inset 0 0 0 1px #de0000;
  box-shadow: inset 0 0 0 1px #de0000; }

.form__control.error .form__icon {
  background-color: #de0000; }

.form__control.error .hint {
  opacity: 1;
  visibility: visible; }
  .form__control.error .hint__btn {
    color: #fff;
    background-color: #de0000;
    border-color: #de0000; }

.form__info a {
  text-decoration: underline;
  text-underline-offset: 1px;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5); }

.form__policy {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #858c90;
  position: relative;
  padding-left: 26px;
  margin: 15px 0 0; }
  .form__policy .check {
    position: absolute;
    top: 1px;
    left: 0; }
    .form__policy .check__square {
      width: 18px;
      height: 18px; }
      .form__policy .check__square:after {
        width: 8px;
        height: 6px;
        margin: 0; }
  .form__policy a {
    color: #5da932;
    text-decoration: underline;
    text-underline-offset: 1px; }
    .form__policy a:hover {
      color: #4c84ff; }

.form__text {
  color: #dfe0e1; }
  .form__text span {
    margin-left: 3px;
    color: #0f66f0; }

.form__action {
  color: #0f66f0;
  text-decoration: underline;
  text-underline-offset: 2px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
  cursor: pointer; }
  .form__action:hover {
    color: #2faa2e; }
  .form__action-border {
    border-top: 1px solid #e6eaee;
    padding-top: 10px;
    margin-top: 10px; }

.viewPass {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 21px;
  height: 14px;
  background: no-repeat center center url("../img/icons/38 показать.svg");
  background-size: cover;
  border: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
  .viewPass:hover {
    opacity: 0.8; }
  .viewPass.clicked {
    width: 21px;
    height: 19px;
    background-image: url("../img/icons/39 скрыть.svg"); }

/*---------- footer -----------*/
.footer {
  position: relative; }

.btn-toTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #253138;
  border-radius: 5px;
  border: none;
  position: absolute;
  bottom: 25px;
  right: 25px; }
  .btn-toTop:before {
    content: '';
    display: block;
    -webkit-mask-image: url("../img/icons/14 стрелка.svg");
    mask-image: url("../img/icons/14 стрелка.svg");
    width: 8px;
    height: 12px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .btn-toTop:hover {
    background-color: #4c84ff; }

.mailing-footer {
  margin-top: -40px; }

.mailing {
  height: 145px;
  background-color: #e96272;
  border-radius: 10px;
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 10px 95px 10px 40px; }
  .mailing:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 548px;
    height: 230px;
    background: no-repeat center center url("../img/icons/26 фигура.svg");
    background-size: cover; }
  .mailing__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .mailing__form__text {
      width: 35%;
      position: relative;
      padding-right: 20px; }
    .mailing__form__body {
      position: relative;
      width: 58%; }
      .mailing__form__body .form__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 12px; }
      .mailing__form__body .form__control {
        width: calc((100% - 230px) / 2); }
        .mailing__form__body .form__control input {
          height: 40px; }
      .mailing__form__body .form__info {
        width: 100%;
        font-size: 14px;
        line-height: 18px; }
      .mailing__form__body .btn {
        height: 40px; }
  .mailing__success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 2;
    -webkit-transition: all 0.15s linear 0.2s;
    -o-transition: all 0.15s linear 0.2s;
    transition: all 0.15s linear 0.2s; }

.mailing.send .mailing__form {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

.mailing.send .mailing__success {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }

.btn.btn-mailingFormShow {
  display: none; }
  .btn.btn-mailingFormShow.clicked {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

.footer__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
  padding: 40px 0; }

.footer__links {
  width: 60%;
  padding-right: 40px; }

.footer__logo {
  margin-bottom: 15px; }

.footer__nav {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  margin-bottom: -14px; }
  .footer__nav a {
    display: block;
    line-height: 18px;
    margin: 0 0 14px; }
    .footer__nav a:hover {
      color: #70bf44; }

.footer__info {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.footer__addresses {
  width: 49%; }
  .footer__addresses__title {
    font-weight: 700;
    margin-bottom: 25px; }
  .footer__addresses__item {
    line-height: 22px;
    position: relative;
    padding-left: 20px;
    margin-left: -3px;
    margin-bottom: 14px; }
    .footer__addresses__item:before {
      content: '';
      position: absolute;
      top: 6px;
      left: 0;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 2px solid #70bf44; }

.geo {
  position: relative;
  padding-left: 37px; }
  .geo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 24px;
    background: no-repeat center center url("../img/icons/27 адрес.svg");
    background-size: cover; }

.phones {
  font-weight: 700;
  position: relative;
  padding-left: 40px; }
  .phones:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background: no-repeat center center url("../img/icons/02 телефон.svg");
    background-size: cover; }
  .phones > a:hover {
    color: #70bf44; }

.email {
  font-weight: 600;
  color: #70bf44;
  position: relative;
  padding-left: 40px; }
  .email:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 20px;
    background: no-repeat center center url("../img/icons/email.svg");
    background-size: cover; }
  .email:hover {
    text-decoration: underline; }

.time {
  position: relative;
  padding-left: 40px; }
  .time:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
    background: no-repeat center center url("../img/icons/29 график.svg");
    background-size: cover; }

.footer__contacts {
  width: 49%; }

.footer__contacts__messengers {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  margin: 2px 0 0 8px; }

.footer__contacts__email {
  display: block;
  margin: 30px 0; }

.footer__contacts__time {
  line-height: 22px; }
  .footer__contacts__time span {
    white-space: nowrap; }

.footer__contacts__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px; }

.social__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 5px;
  margin-right: 5px; }
  .social__link:hover {
    border-radius: 50%; }
  .social__link-insta img {
    width: 18px;
    height: 18px; }
  .social__link-vk img {
    width: 24px;
    height: 13px; }
  .social__link-twit img {
    width: 22px;
    height: 19px; }
  .social__link-fb img {
    width: 13px;
    height: 24px; }
  .social__link-ok img {
    width: 14px;
    height: 22px; }

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #858c90;
  border-top: 1px solid #39474f;
  padding: 10px 0; }

.footer__bottom__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .footer__bottom__author a {
    display: inline-block;
    width: 130px;
    height: 30px;
    margin-left: 10px; }
    .footer__bottom__author a:hover {
      opacity: 0.75; }

/*---------- side popup -----------*/
.side-popup {
  position: fixed;
  z-index: 5;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(46, 61, 70, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .side-popup__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 380px;
    height: 100%;
    background-color: #fff;
    border-radius: 0 15px 15px 0;
    -webkit-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    transform: translateX(-105%);
    -webkit-transition: all 0.2s 0.2s;
    -o-transition: all 0.2s 0.2s;
    transition: all 0.2s 0.2s; }
  .side-popup__top {
    min-height: 64px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background-color: #5da932;
    border-radius: 0 15px 0 0;
    padding: 11px 20px; }
    .side-popup__top .mobile-menu__close {
      margin-top: 3px; }
    .side-popup__top-center {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .side-popup__top-center .mobile-menu__close {
        margin: 0; }
  .side-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 0 0 15px 0;
    padding: 5px 20px 0;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    position: relative; }
    .side-popup__content::-webkit-scrollbar {
      width: 0;
      height: 0; }
  .side-popup__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 48px;
    font-weight: 600;
    color: #4c84ff;
    background-color: #f6f6f6;
    border-radius: 0 0 15px 0; }
    .side-popup__bottom .icon-arrow {
      margin-right: 10px; }

.side-popup.active {
  opacity: 1;
  visibility: visible; }
  .side-popup.active .side-popup__body {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

.mobile-menu-lvl2__title, .mobile-catalog__title {
  padding-right: 20px; }
  .mobile-menu-lvl2__title span, .mobile-catalog__title span {
    display: block;
    font-size: 22px;
    font-weight: 700; }
  .mobile-menu-lvl2__title a, .mobile-catalog__title a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 3px 0 0; }
    .mobile-menu-lvl2__title a:after, .mobile-catalog__title a:after {
      content: '';
      display: inline-block;
      -webkit-mask-image: url("../img/icons/14 стрелка.svg");
      mask-image: url("../img/icons/14 стрелка.svg");
      width: 6px;
      height: 10px;
      background-color: #fff;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1);
      margin-left: 7px; }

.icon-arrow {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dce6ff;
  border: none;
  border-radius: 50%;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .icon-arrow:after {
    content: '';
    display: inline-block;
    -webkit-mask-image: url("../img/icons/14 стрелка.svg");
    mask-image: url("../img/icons/14 стрелка.svg");
    width: 6px;
    height: 10px;
    background-color: #4c84ff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }

.mobile-catalog-lvl3__content > ul {
  display: none; }
  .mobile-catalog-lvl3__content > ul.active {
    display: block; }
  .mobile-catalog-lvl3__content > ul li {
    font-weight: 600;
    padding: 12px 0;
    margin: 0; }
    .mobile-catalog-lvl3__content > ul li:not(:last-of-type) {
      border-bottom: 1px solid #eaebec; }

/*---------- popup -----------*/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden; }
  .popup.active {
    opacity: 1;
    visibility: visible; }

.popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.popup__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #2e3d46;
  position: relative;
  width: 100%;
  max-height: calc(100% - 50px);
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 25px rgba(46, 61, 70, 0.15);
  box-shadow: 0px 0px 25px rgba(46, 61, 70, 0.15);
  margin: 0 15px; }
  .popup__body-sm {
    max-width: 350px; }
    .popup__body-sm .popup__head {
      padding: 19.5px 65px 19.5px 25px; }
  .popup__body-lg {
    max-width: 670px; }
    .popup__body-lg .popup__head {
      text-align: center; }

.popup__head {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  padding: 19.5px 10px; }
  .popup__head-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .popup__head__icon {
    width: 21px;
    height: 20px;
    margin-right: 12px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px); }
    .popup__head__icon img {
      width: 100%; }
  .popup__head span {
    line-height: 26px; }

.popup__close {
  position: absolute;
  top: 10px;
  right: 10px; }

.popup__main {
  background-color: #fff;
  border-radius: 25px 25px 0 0;
  max-height: calc(100% - 40px);
  padding: 25px;
  overflow: auto; }
  .popup__main-pt {
    padding: 18px 25px 21px; }
  .popup__main-borRad {
    border-radius: 25px 25px 10px 10px; }
  .popup__main .popup__bottom {
    margin: 25px -25px -25px; }

.popup__bottom {
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0px 0px 25px 0 rgba(46, 61, 70, 0.15);
  box-shadow: 0px 0px 25px 0 rgba(46, 61, 70, 0.15);
  padding: 17px 10px;
  z-index: 1; }
  .popup__bottom__line-mb {
    margin: 0 0 12px; }
  .popup__bottom__line span {
    font-weight: 600;
    color: #4c84ff;
    cursor: pointer; }
    .popup__bottom__line span:hover {
      text-decoration: underline; }

.popup__info {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  background-color: #dbe6ff;
  border-radius: 0 0 10px 10px;
  padding: 15.5px 65px;
  position: relative;
  margin: 25px -25px -25px; }
  .popup__info__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: no-repeat center center url("../img/icons/37 инфо.svg");
    background-size: cover;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.popup__text {
  line-height: 22px;
  font-weight: 600; }
  .popup__text-mb {
    margin: 0 0 12px; }
  .popup__text b {
    font-weight: 800;
    white-space: nowrap; }
  .popup__text span {
    color: #4c84ff; }

.popup__action {
  display: block;
  font-weight: 600;
  color: #5da932;
  margin: 6px 0 0; }

.popup__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 0; }
  .popup__btns .btn {
    width: calc((100% - 20px) /2); }

.btn.popup__btn-register, .btn.popup__btn-resume {
  width: 240px;
  margin: 24px auto 0; }

.btn.btn-fullWidth {
  width: 100%;
  margin: 20px 0 0; }

.btn.btn-fullWidthMt {
  width: 100%;
  margin: 25px 0 0; }

.popupProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 25px; }
  .popupProduct__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    height: 46px;
    margin-right: 15px; }
    .popupProduct__image img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top;
      border-radius: 5px; }
  .popupProduct__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 65px); }
    .popupProduct__body .price {
      display: block;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      text-align: right;
      margin-left: 35px; }
      .popupProduct__body .price-new {
        margin: 0 0 5px; }
  .popupProduct__name {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600; }
  .popupProduct__amount {
    font-weight: 600;
    color: #858c90;
    margin: 4px 0 0; }

.form__row-mb {
  margin: 0 0 25px; }

.form__control-mt {
  margin: 22px 0 0; }

.form__control-mb {
  margin: 0 0 25px; }

.popup__orderAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 22px 0 0; }
  .popup__orderAmount__sum {
    font-size: 20px;
    font-weight: 800; }
  .popup__orderAmount .btn {
    width: 240px; }

.loginSwitcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #dbe6ff;
  border-radius: 10px;
  padding: 4px;
  margin: 0 0 25px; }
  .loginSwitcher__item {
    width: 50%;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    padding: 11px 5px;
    cursor: pointer;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .loginSwitcher__item.active {
      color: #fff;
      background-color: #4c84ff; }

.code-block {
  margin: 10px 0 0; }

.code-block.overtime .code-timer {
  display: none; }

.code-block.overtime .code-repeat {
  display: block; }

.code-timer {
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #858c90; }

.code-repeat {
  display: none;
  line-height: 22px;
  margin: 0; }

.hint__hidden.hint__hidden-help {
  width: 300px;
  top: calc(100% + 11px);
  text-align: left;
  padding: 10px 35px 10px 15px; }
  .hint__hidden.hint__hidden-help p {
    line-height: 20px;
    margin: 0; }

.close.hint__hidden-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 14px;
  height: 14px; }
  .close.hint__hidden-close:hover {
    background-color: #2e3d46; }

/*---------- page top -----------*/
.page-top {
  padding: 17px 0 20px; }

.page-title {
  position: relative; }
  .page-title sup {
    top: -1.2em; }

.breadcrumbs {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #858c90;
  margin: 0 0 10px; }
  .breadcrumbs a {
    word-break: break-word;
    white-space: pre-wrap;
    display: inline-block;
    position: relative;
    margin: 0 6px 0 0;
    padding: 0 18px 0 0; }
    .breadcrumbs a:after {
      content: '—';
      position: absolute;
      top: 0;
      right: 0;
      color: #858c90; }
    .breadcrumbs a:hover {
      color: #5da932; }
  .breadcrumbs span {
    word-break: break-word; }

/*---------- catalog 1st lvl -----------*/
.siteSection-innerPage {
  margin: 0 0 40px; }

.whiteBox.whiteBox-catalog {
  padding: 20px; }
  .whiteBox.whiteBox-catalog:not(:last-of-type) {
    margin-bottom: 10px; }
  .whiteBox.whiteBox-catalog .products {
    padding: 20px 0 40px;
    margin: 0 -10px -80px; }
  .whiteBox.whiteBox-catalog .products.products-pt {
    padding-top: 0; }
  .whiteBox.whiteBox-catalog .btn.btn-showMore {
    display: none;
    margin: 35px auto 0; }

#fixed-filter-btn {
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%); }
  #fixed-filter-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 100%;
    border: 8px solid transparent;
    border-right: 9px solid #5da932;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
  #fixed-filter-btn:hover:before {
    border-right-color: #4c84ff; }
  #fixed-filter-btn.active {
    opacity: 1;
    visibility: visible; }
  #fixed-filter-btn .btn {
    width: auto;
    padding: 5px 16px;
    background-color: #5da932; }
    #fixed-filter-btn .btn:hover {
      background-color: #4c84ff; }

.whiteBox.whiteBox-catalogSingle {
  padding: 20px; }
  .whiteBox.whiteBox-catalogSingle .catFirstLvl__row {
    padding: 0; }
  .whiteBox.whiteBox-catalogSingle .btn-showAll {
    display: none; }

sup {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #5da932; }

.partHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eaebec;
  padding: 0 0 18px; }
  .partHeading__name {
    font-size: 26px;
    font-weight: 800;
    padding-right: 50px;
    position: relative; }
    .partHeading__name:hover {
      color: #5da932; }
    .partHeading__name sup {
      -webkit-transform: translate(-1px, -4px);
      -ms-transform: translate(-1px, -4px);
      transform: translate(-1px, -4px); }
  .partHeading__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    color: #4c84ff; }
    .partHeading__link .icon-arrow {
      margin-left: 10px; }
      .partHeading__link .icon-arrow:after {
        -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1); }
    .partHeading__link:hover .icon-arrow {
      background-color: #4c84ff; }
      .partHeading__link:hover .icon-arrow:after {
        background-color: #fff; }

.catFirstLvl__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 19px 0 20px;
  margin: 0 -10px -20px; }

.catFirstLvl__item {
  width: calc(25% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 25px;
  margin: 0 10px 20px; }
  .catFirstLvl__item__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 101px;
    flex: 0 0 101px;
    height: 101px;
    margin-right: 20px; }
    .catFirstLvl__item__image img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top;
      border-radius: 25px; }
  .catFirstLvl__item__name {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600; }
  .catFirstLvl__item:hover {
    background-color: #f6f6f6; }

.btn.btn-showAll {
  margin: 0 auto; }
  .btn.btn-showAll:after {
    content: '';
    -webkit-mask-image: url("../img/icons/14 стрелка.svg");
    mask-image: url("../img/icons/14 стрелка.svg");
    width: 8px;
    height: 12px;
    background-color: #5da932;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    margin-left: 7px; }
  .btn.btn-showAll.clicked:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

@media (min-width: 992px) {
  .btn.btn-showAll:hover:after {
    background-color: #fff; }
  .btn-clearFilter:hover .st-blueDark, .btn-clearFilter:hover .st-green {
    fill: #fff; } }

.link-showAll {
  font-weight: 600;
  color: #4c84ff; }

/*---------- catalog 2nd lvl -----------*/
.catFirstLvl__row-single .catFirstLvl__item {
  cursor: pointer;
  position: relative; }
  .catFirstLvl__row-single .catFirstLvl__item__image {
    position: relative;
    margin-right: 22px; }
    .catFirstLvl__row-single .catFirstLvl__item__image .icon-arrow {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      width: 32px;
      height: 32px;
      background-color: #70bf44;
      border: 3px solid #fff; }
      .catFirstLvl__row-single .catFirstLvl__item__image .icon-arrow:after {
        background-color: #fff;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .catFirstLvl__row-single .catFirstLvl__item:hover .icon-arrow {
    background-color: #e96272; }

.catFirstLvl__hidden {
  position: absolute;
  z-index: 3;
  top: calc(100% + 8px);
  opacity: 0;
  visibility: hidden;
  width: 100%;
  max-height: 225px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  border-top: 4px solid #e96272;
  -webkit-box-shadow: 0px 0px 25px 0 rgba(46, 61, 70, 0.15);
  box-shadow: 0px 0px 25px 0 rgba(46, 61, 70, 0.15);
  padding: 5px 0;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .catFirstLvl__hidden:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 9px solid transparent;
    border-bottom: 10px solid #e96272; }
  .catFirstLvl__hidden a {
    display: block;
    font-weight: 600;
    padding: 11px 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .catFirstLvl__hidden a:hover {
      color: #5da932;
      border-color: #eaebec;
      background-color: #f6f6f6; }
  .catFirstLvl__hidden .mCSB_inside > .mCSB_container {
    margin: 0; }

.catFirstLvl__hidden-inner {
  height: 100%; }

.catFirstLvl__item.active {
  background-color: #f6f6f6; }
  .catFirstLvl__item.active .icon-arrow {
    background-color: #e96272; }
    .catFirstLvl__item.active .icon-arrow:after {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  .catFirstLvl__item.active .catFirstLvl__hidden {
    opacity: 1;
    visibility: visible; }

.catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px; }
  .catalog.whiteBox {
    margin-top: 20px; }

.check__filterText {
  font-size: 15px;
  font-weight: 600;
  padding-left: 32px; }
  .check__filterText span {
    color: #858c90; }
  .check__filterText-radio {
    padding-left: 28px; }

.catalog__aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 254px;
  flex: 0 0 254px;
  height: 100%;
  margin-right: 30px; }
  .catalog__aside__block {
    margin: 0 0 26px; }
    .catalog__aside__block__head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 700;
      cursor: pointer; }
      .catalog__aside__block__head__arrow {
        margin-right: 10px; }
    .catalog__aside__block__body {
      height: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.15s;
      -o-transition: all 0.15s;
      transition: all 0.15s; }
      .catalog__aside__block__body.customScroll {
        max-height: 225px;
        border-bottom: 1px solid #dfe0e1; }
        .catalog__aside__block__body.customScroll .check-group {
          padding: 4px 0 7px; }
      .catalog__aside__block__body .check-group {
        display: none; }
      .catalog__aside__block__body .check {
        display: block; }
        .catalog__aside__block__body .check:not(:last-of-type) {
          margin-bottom: 18px; }
    .catalog__aside__block__showBtn {
      display: none;
      font-size: 15px;
      color: #737587;
      cursor: pointer;
      margin-top: 18px;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
      .catalog__aside__block__showBtn:hover {
        color: #0f66f0; }
        .catalog__aside__block__showBtn:hover:after {
          background-color: #0f66f0; }
  .catalog__aside__btns {
    margin: 32px 0 0; }
    .catalog__aside__btns .btn {
      width: 100%; }
      .catalog__aside__btns .btn-green {
        margin-bottom: 10px; }

.btn-applyFilter:before {
  content: '';
  display: inline-block;
  -webkit-mask-image: url("../img/icons/40 фильтр.svg");
  mask-image: url("../img/icons/40 фильтр.svg");
  width: 18px;
  height: 20px;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  margin-right: 10px; }

.btn-clearFilter svg {
  width: 20px;
  height: 21px;
  margin-right: 10px; }

.headArrow {
  display: block;
  -webkit-mask-image: url("../img/icons/14 стрелка.svg");
  mask-image: url("../img/icons/14 стрелка.svg");
  width: 8px;
  height: 13px;
  background-color: #2e3d46;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.catalog__aside__block__head__arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.catalog__aside__block.active .catalog__aside__block__head__arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.catalog__aside__block.active .catalog__aside__block__body {
  height: auto;
  padding: 18px 0 5px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }
  .catalog__aside__block.active .catalog__aside__block__body .check-group {
    display: block; }
  .catalog__aside__block.active .catalog__aside__block__body .noUi-horizontal {
    margin: 6px 0 27px; }

.catalog__aside__block-visible .check {
  display: block; }
  .catalog__aside__block-visible .check:not(:last-of-type) {
    margin-bottom: 18px; }

.category__aside__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .category__aside__price .form__control:first-child {
    margin-right: -1px; }
    .category__aside__price .form__control:first-child input {
      border-radius: 5px 0 0 5px; }
      .category__aside__price .form__control:first-child input:hover, .category__aside__price .form__control:first-child input:focus {
        position: relative;
        z-index: 2; }
  .category__aside__price .form__control:last-child input {
    border-radius: 0 5px 5px 0; }

.category__aside__price.active .form__control .label {
  color: #5da932; }

.category__aside__price.active .form__control input {
  border-color: #5da932; }

.price-label {
  position: absolute;
  font-size: 13px;
  color: #858c90;
  font-weight: 500;
  top: -12px;
  left: 10px;
  background-color: #fff;
  padding: 4px;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }

.catalog__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  .catalog__main__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -10px 0; }
    .catalog__main__products .product {
      width: calc(25% - 20px);
      margin: 0 10px -20px; }

.catalog__main__head__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.btn.filters-open {
  display: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  height: 40px;
  position: relative;
  margin: 0 0 0 15px; }
  .btn.filters-open .countSm {
    position: absolute;
    top: -4px;
    left: -4px; }
  .btn.filters-open:before {
    content: '';
    display: block;
    -webkit-mask-image: url("../img/icons/40 фильтр.svg");
    mask-image: url("../img/icons/40 фильтр.svg");
    width: 18px;
    height: 20px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center; }

.filterParams {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 -5px; }
  .filterParams__item, .filterParams__price, .filterParams__clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    background-color: #4c84ff;
    border-radius: 5px 15px 15px 5px;
    padding: 5px 5px 5px 11px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    cursor: pointer;
    margin: 0 5px 5px 0; }
    .filterParams__item:hover, .filterParams__price:hover, .filterParams__clear:hover {
      color: #fff;
      background-color: #5da932; }
      .filterParams__item:hover .filterParams__item__del:after, .filterParams__price:hover .filterParams__item__del:after, .filterParams__clear:hover .filterParams__item__del:after {
        background-color: #5da932; }

.filterParams__item > span {
  display: none; }

.filterParams__item .check__icon {
  background-color: rgba(0, 0, 0, 0); }

.filterParams__item__del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
  margin-left: 10px; }
  .filterParams__item__del:after {
    content: '';
    display: block;
    -webkit-mask-image: url("../img/icons/36 закрыть.svg");
    mask-image: url("../img/icons/36 закрыть.svg");
    width: 10px;
    height: 10px;
    background-color: #4c84ff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }

.filterParams__price {
  display: none; }
  .filterParams__price span {
    margin: 0 4px; }

.filterParams__clear {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  font-weight: 600;
  color: #2e3d46;
  background-color: #dfe0e1; }
  .filterParams__clear .filterParams__item__del:after {
    background-color: #2e3d46; }

/*---------- pagination -----------*/
.pagination__wrapper {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #dfe0e1;
  padding: 20px 0 0; }
  .pagination__wrapper.pagination__wrapper-mt {
    margin-top: 20px; }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  .pagination__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .pagination__pages a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
      flex: 0 0 40px;
      width: 40px;
      height: 40px;
      font-weight: 600;
      background-color: rgba(255, 255, 255, 0);
      border: 1px solid rgba(255, 255, 255, 0);
      border-radius: 5px;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
      .pagination__pages a:hover {
        color: #5da932;
        background-color: #f6f6f6;
        border-color: #dfe0e1; }
  .pagination__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 40px;
    font-weight: 600;
    color: #4c84ff;
    background-color: #dce6ff;
    border: 1px solid #dce6ff;
    border-radius: 5px;
    cursor: pointer; }
    .pagination__arrow:hover {
      border-color: #4c84ff; }

.pagination--active {
  color: #fff !important;
  background-color: #4c84ff !important;
  border-color: #4c84ff !important; }

.pagination--non-active {
  pointer-events: none; }

.pagination__arrow-prev {
  margin-right: 20px; }

.pagination__arrow-next {
  margin-left: 20px; }

.pagination-forTest .pagination__pages a:nth-child(-n + 2) {
  display: none; }

.whiteBox.whiteBox-hidden {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0); }

.products-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  margin-bottom: -65px;
  position: relative; }
  .products-slider .slick-list {
    overflow-y: visible;
    overflow-x: hidden;
    margin: 0 -10px; }
  .products-slider .slick-track {
    min-width: 100%; }
  .products-slider .slick-slide {
    margin: 0 10px; }
  .products-slider .slick-arrow {
    top: 42.5%; }

.sliderFalse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px; }
  .sliderFalse .product {
    width: calc(20% - 20px);
    margin: 0 10px;
    position: relative;
    z-index: 2; }

.whiteBox.whiteBox-slider {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 65px; }

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -5px; }
  .tags__item {
    font-weight: 600;
    color: #4c84ff;
    background-color: #dce6ff;
    border-radius: 4px;
    cursor: pointer;
    padding: 9px 10px;
    margin: 0 5px 5px 0; }
    .tags__item:hover {
      color: #fff;
      background-color: #4c84ff; }

/*---------- empty block -----------*/
.emptyBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 892px;
  padding: 50px 30px;
  margin: 0 auto; }
  .emptyBlock__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    background-color: #f6f6f6;
    border-radius: 50%;
    margin-right: 30px; }
    .emptyBlock__image-fav img {
      width: 72px; }
    .emptyBlock__image-search img {
      width: 68px; }
    .emptyBlock__image-orders img {
      width: 69px; }
    .emptyBlock__image-cart img {
      width: 72px; }
  .emptyBlock__title {
    margin-top: -3px; }
  .emptyBlock__text {
    line-height: 22px;
    font-weight: 600;
    margin: 15px 0 27px; }
    .emptyBlock__text img {
      width: 24px;
      margin: 0 3px;
      -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
      transform: translateY(6px); }

.searchPage__result {
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  border-bottom: 1px solid #dfe0e1;
  padding: 0 0 13px;
  margin-top: -4px; }

/*---------- product card -----------*/
.magnify {
  position: absolute;
  width: 220%;
  min-height: 120%;
  top: 0;
  left: 0;
  z-index: 20;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  -o-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s; }
  .magnify.active {
    opacity: 1;
    visibility: visible; }

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 20px 40px; }

.card__main {
  width: calc(100% - 340px); }
  .card__main__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.card__main__images {
  width: 50%;
  height: 530px;
  position: relative; }
  .card__main__images-sliders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .card__main__images-single {
    width: calc(100% - 80px);
    margin: 0 auto; }
    .card__main__images-single img {
      width: 100%; }

.card__navSlider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70px;
  margin-right: 10px; }

.card__navSlider {
  margin: 15px 0; }
  .card__navSlider .slick-current .card__navSlider__item {
    border-color: #4c84ff;
    outline: 1px solid #4c84ff; }
  .card__navSlider__item {
    width: 70px;
    height: 70px;
    outline-offset: -2px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .card__navSlider__item img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top; }
    .card__navSlider__item:hover {
      border-color: #70bf44;
      outline: 1px solid #70bf44; }
  .card__navSlider .slick-slide {
    height: 70px;
    border: none;
    margin: 5px 0; }
  .card__navSlider-prev:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .card__navSlider-next:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.card__mainSlider-wrapper {
  width: calc(100% - 80px);
  height: 100%;
  position: relative; }

.card__mainSlider {
  width: 100%;
  height: 100%; }
  .card__mainSlider__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 530px; }
    .card__mainSlider__item > a {
      display: block;
      width: 100%;
      height: 100%; }
    .card__mainSlider__item a > img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      max-height: 100%;
      vertical-align: top;
      border-radius: 5px; }
  .card__mainSlider .slick-list, .card__mainSlider .slick-track, .card__mainSlider .slick-slide, .card__mainSlider .slick-slide > div {
    height: 100%; }
  .card__mainSlider .slick-slide > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.card__main__body {
  width: 50%;
  padding: 8px 0 0 40px; }
  .card__main__body__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .card__main__body__code {
    font-size: 15px;
    font-weight: 500; }
    .card__main__body__code span {
      color: #858c90; }
  .card__main__body__stickers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .card__main__body__stickers .sticker {
      margin: 0 0 0 5px; }
  .card__main__body__content .card__main__body__code {
    display: none; }
  .card__main__body__name {
    margin: 15px 0; }
  .card__main__body__block {
    border: 1px solid #dfe0e1; }
    .card__main__body__block .price-normal {
      font-size: 32px; }
    .card__main__body__block .price-new {
      font-size: 32px;
      margin-right: 28px; }
    .card__main__body__block .price-old {
      font-size: 24px;
      -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      transform: translateY(-2px); }
    .card__main__body__block__top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 13px 48px; }
    .card__main__body__block__bottom {
      background-color: #f6f6f6;
      padding: 20px 48px; }
      .card__main__body__block__bottom__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .card__main__body__block__bottom__flex .product__count {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          margin-right: 10px; }
          .card__main__body__block__bottom__flex .product__count__value {
            background-color: #fff; }
        .card__main__body__block__bottom__flex .btn {
          width: 100%; }
      .card__main__body__block__bottom .btn-bordered {
        width: 100%;
        margin: 10px 0 0; }

.availability {
  font-size: 15px;
  line-height: 15px;
  font-weight: 600; }
  .availability::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #70bf44;
    border-radius: 50%;
    margin-right: 9px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px); }
  .availability-false::before {
    background-color: #e96272; }

.card__main__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .card__main__rating span {
    font-weight: 600;
    color: #4c84ff;
    margin-left: 10px; }

.card__main__colors {
  margin: 15px 0 25px; }

.cardColors__current {
  font-size: 15px;
  font-weight: 600; }

.cardColors__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0; }

.cardColors__item {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #dfe0e1;
  outline-offset: -2px;
  margin-right: 5px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .cardColors__item img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    vertical-align: top; }
  .cardColors__item.active {
    border-color: #4c84ff !important;
    outline: 1px solid #4c84ff !important; }
  .cardColors__item:hover {
    border-color: #70bf44;
    outline: 1px solid #70bf44; }

.card__main__tabs {
  width: 100%;
  margin: 40px 0 0; }

.card__aside {
  width: 300px;
  margin-left: 40px; }
  .card__aside__block {
    background-color: #f6f6f6;
    border-radius: 10px;
    padding: 20px 15px 16px;
    margin: 0 0 10px; }
    .card__aside__block__title {
      display: block;
      line-height: 22px;
      font-weight: 800;
      padding-left: 35px;
      position: relative;
      margin: 0 0 12px; }
      .card__aside__block__title:before {
        content: '';
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 1px; }
      .card__aside__block__title-sales:before {
        width: 20px;
        height: 21px;
        background-image: url("../img/icons/58 промокод.svg"); }
      .card__aside__block__title-pay:before {
        top: 2px;
        width: 23px;
        height: 17px;
        background-image: url("../img/icons/56 оплата.svg"); }
      .card__aside__block__title-delivery:before {
        width: 23px;
        height: 22px;
        background-image: url("../img/icons/55 доставка.svg"); }
    .card__aside__block__item {
      font-size: 15px;
      line-height: 20px;
      font-weight: 600;
      padding-left: 22px;
      position: relative; }
      .card__aside__block__item:not(:last-of-type) {
        margin: 0 0 10px; }
      .card__aside__block__item:before {
        content: '';
        position: absolute;
        display: block;
        top: 9px;
        left: 0;
        width: 14px;
        height: 2px;
        background-color: #70bf44; }
      .card__aside__block__item .sticker {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        max-height: 20px;
        margin: 0 0 0 10px;
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px); }
  .card__aside .card__aside__block-sales .card__aside__block__item > span {
    font-size: 18px;
    font-weight: 800;
    color: #e96272; }
  .card__aside a.card__aside__block__title:hover {
    color: #70bf44; }
  .card__aside .mainBanner__info {
    width: 100%;
    height: 322px;
    padding: 30px 35px;
    margin: 0; }
    .card__aside .mainBanner__info__title {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 15px; }
    .card__aside .mainBanner__info__text {
      font-size: 14px;
      font-weight: 400; }

.fav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  color: #70bf44;
  cursor: pointer;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .fav svg {
    width: 24px;
    height: 22px;
    margin-right: 11px; }
  .fav.active {
    color: #e96272; }
    .fav.active .st-green, .fav.active .st-blueDark {
      display: none; }
    .fav.active svg {
      background: no-repeat center center url("../img/icons/fav-active.png");
      background-size: contain; }

@media (min-width: 992px) {
  .fav:hover {
    color: #e96272; }
    .fav:hover .st-green {
      fill: #e96272; } }

.card__main__fav {
  margin: 25px 0 0; }

.tabs__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 4px; }

.tabs__head__item {
  font-size: 18px;
  font-weight: 800;
  border-radius: 5px;
  padding: 16px 20px;
  cursor: pointer;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }
  .tabs__head__item sup {
    color: #2faa2e;
    margin-left: 3px; }
  .tabs__head__item:hover {
    color: #4c84ff; }
  .tabs__head__item.active {
    color: #fff;
    background-color: #4c84ff; }
    .tabs__head__item.active sup {
      color: #fff; }

.tab {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  .tab.active {
    opacity: 1;
    visibility: visible;
    height: auto; }

.tab__title {
  display: none;
  position: relative;
  font-size: 17px;
  font-weight: 800;
  background-color: #f6f6f6;
  border-radius: 5px;
  padding: 17px 60px 17px 15px;
  cursor: pointer; }
  .tab__title sup {
    -webkit-transform: translate(3px, 14px);
    -ms-transform: translate(3px, 14px);
    transform: translate(3px, 14px); }
  .tab__title .title-h4 {
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
  .tab__title .icon-arrow {
    position: absolute;
    top: 12px;
    right: 10px; }
    .tab__title .icon-arrow:after {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }

.tab__body {
  padding: 25px 0 20px; }

.matching.matching-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .matching.matching-card p {
    font-size: 15px;
    width: 48%; }
    .matching.matching-card p span {
      width: 49%; }

.reviews__block__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0 20px; }

.reviews__block.notAuth .btn-newReview {
  display: none; }

.reviews__block.notAuth .reviews__info {
  display: block; }

.reviews__currentRating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .reviews__currentRating span {
    display: inline-block;
    font-size: 18px;
    font-weight: 800;
    margin-left: 10px; }

.reviews__info {
  display: none;
  margin: 12px 0 15px; }
  .reviews__info span {
    color: #4c84ff;
    cursor: pointer;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .reviews__info span:hover {
      color: #70bf44; }

.reviews {
  border-top: 1px solid #dfe0e1; }

.review {
  font-size: 15px;
  line-height: 20px;
  padding: 19px 0 15px;
  border-bottom: 1px solid #dfe0e1; }
  .review__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .review__head__photo {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      overflow: hidden;
      background-color: #f6f6f6;
      position: relative;
      margin-right: 10px; }
      .review__head__photo:before {
        content: '';
        width: 18px;
        height: 24px;
        display: block;
        background: no-repeat center center url("../img/icons/profile.svg");
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .review__head__photo img {
        position: relative;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 100%;
        vertical-align: top; }
    .review__head__name {
      font-weight: 800;
      margin-right: 15px; }
    .review__head__rating {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -webkit-transform: translateY(-0.5px);
      -ms-transform: translateY(-0.5px);
      transform: translateY(-0.5px); }
  .review__body {
    margin: 18px 0; }
    .review__body__text {
      font-weight: 600; }
    .review__body__images {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 15px 0 0; }
      .review__body__images__item {
        width: 70px;
        height: 70px;
        border-radius: 5px;
        overflow: hidden;
        margin-right: 10px; }
        .review__body__images__item img {
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center;
          width: 100%;
          height: 100%;
          vertical-align: top; }
    .review__body .link-showAll {
      display: none;
      margin-top: 10px; }
  .review__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .review__bottom .date {
      font-size: 15px; }

.rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #858c90;
  font-weight: 500; }
  .rate__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-left: 25px; }
    .rate__item:before {
      content: '';
      display: block;
      width: 16px;
      height: 14px;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      margin-right: 8px; }
    .rate__item-plus:before {
      -webkit-mask-image: url("../img/icons/43 оценка.svg");
      mask-image: url("../img/icons/43 оценка.svg");
      background-color: #5da932;
      -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
      transform: translateY(-1px); }
    .rate__item-minus:before {
      -webkit-mask-image: url("../img/icons/43 оценка.svg");
      mask-image: url("../img/icons/43 оценка.svg");
      background-color: #e96272;
      -webkit-transform: translateY(-1px) scale(1, -1);
      -ms-transform: translateY(-1px) scale(1, -1);
      transform: translateY(-1px) scale(1, -1); }

.rate__item.clicked:before {
  opacity: 0.5; }

.newReview {
  display: none;
  border-top: 1px solid #dfe0e1;
  padding: 25px 0 30px; }
  .newReview__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 800; }
  .newReview__rate {
    margin: 25px 0 30px; }
    .newReview__rate span {
      display: block;
      font-weight: 700;
      margin: 0 0 14px; }
  .newReview .form__control textarea {
    min-height: 92px; }
  .newReview .form__file-wrapper {
    margin: 20px 0; }

.form__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .form__btns .btn:first-of-type {
    margin: 0 10px 0 0; }

.reviews__control.active .reviews__block {
  display: none; }

.reviews__control.active .newReview {
  display: block; }

.shops__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  background-color: #dce6ff;
  border-radius: 5px 5px 0 0;
  border-bottom: 2px solid #4c84ff;
  padding: 12px 15px; }

.shops__body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 15px;
  border-bottom: 1px solid #dfe0e1; }
  .shops__body__item__address {
    line-height: 26px;
    font-weight: 600; }
    .shops__body__item__address span {
      display: block;
      font-weight: 700;
      color: #4c84ff;
      margin: 0 0 3px; }
  .shops__body__item__available {
    padding-top: 10px; }
  .shops__body__item__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 22px;
    font-weight: 600; }
    .shops__body__item__time span {
      font-weight: 700;
      display: none; }

.shops__head__address, .shops__body__item__address {
  width: 50%; }

.shops__head__available, .shops__body__item__available {
  width: 25%; }

.shops__head__time, .shops__body__item__time {
  width: 25%; }

.shops__body__item__address {
  padding-right: 25px; }

.spoiler {
  background-color: #fff;
  -webkit-box-shadow: 0 0 25px rgba(46, 61, 70, 0.06);
  box-shadow: 0 0 25px rgba(46, 61, 70, 0.06);
  border-radius: 10px;
  padding: 0 20px; }
  .spoiler:not(:last-of-type) {
    margin-bottom: 1px; }
  .spoiler__head {
    padding: 17px 55px 17px 0;
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .spoiler__head:focus {
      outline: none !important; }
    .spoiler__head .title-h4 {
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
    .spoiler__head .icon-arrow {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .spoiler__head .icon-arrow:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .spoiler__body {
    display: none;
    color: #2e3d46;
    line-height: 24px;
    border-top: 1px solid #eaebec;
    padding: 18px 0 16px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .spoiler__body ul, .spoiler__body ol {
      margin: 0 !important; }

.spoiler.active .icon-arrow {
  background-color: #2e3d46; }
  .spoiler.active .icon-arrow:after {
    background-color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

@media (min-width: 992px) {
  .spoiler:hover .spoiler__body {
    will-change: height, padding-top, padding-bottom, margin-top, margin-bottom; }
  .spoiler__head:hover {
    color: #5da932; }
    .spoiler__head:hover .icon-arrow {
      background-color: #2e3d46; }
      .spoiler__head:hover .icon-arrow:after {
        background-color: #fff; } }

/*---------- LK -----------*/
.lk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px; }
  .lk__aside {
    width: 264px; }
    .lk__aside__user {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #2e3d46;
      border-radius: 37px 10px 10px 37px;
      padding: 10px;
      margin-bottom: 5px; }
      .lk__aside__user__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54px;
        flex: 0 0 54px;
        height: 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #3a4851;
        border-radius: 50%;
        margin-right: 15px; }
        .lk__aside__user__icon img {
          width: 18px;
          height: 24px; }
      .lk__aside__user__name {
        font-weight: 700;
        line-height: 22px;
        color: #fff; }
  .lk__main {
    width: calc(100% - 304px);
    padding: 20px 20px 20px 0; }
    .lk__main__info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 38px; }
      .lk__main__info__item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f6f6f6;
        border-radius: 37px 10px 10px 37px;
        padding: 10px; }
        .lk__main__info__item__icon {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 60px;
          flex: 0 0 60px;
          height: 60px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: #fff;
          border-radius: 50%;
          margin-right: 20px; }
          .lk__main__info__item__icon img {
            width: 18px;
            height: 24px; }
        .lk__main__info__item__body > span {
          font-weight: 500;
          color: #858c90; }
        .lk__main__info__item__body > div {
          font-size: 18px;
          font-weight: 800;
          margin-top: 8px; }
        .lk__main__info__item__body-mailing {
          font-weight: 600; }
          .lk__main__info__item__body-mailing > div {
            color: #4c84ff;
            cursor: pointer;
            margin-top: 10px; }
            .lk__main__info__item__body-mailing > div:hover {
              color: #70bf44; }

.lk__main__info .lk__main__info__item {
  width: calc(50% - 10px); }

.lk__main__info__item-current img {
  width: 30px;
  height: 28px; }

.lk__main__info__item-history img {
  width: 28px;
  height: 30px; }

.lk__main__info__item-mailing {
  margin-top: 38px; }
  .lk__main__info__item-mailing img {
    width: 24px;
    height: 20px; }

.matching p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden; }
  .matching p:not(:last-of-type) {
    margin: 0 0 10px; }
  .matching p span {
    display: block; }
    .matching p span:first-of-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 45%;
      color: #858c90;
      white-space: nowrap;
      margin-right: 10px; }
      .matching p span:first-of-type:after {
        content: "..............................................................................................................................";
        display: block;
        white-space: nowrap;
        overflow: hidden;
        color: #dfe0e1;
        margin-left: 3px; }
    .matching p span:last-of-type {
      font-weight: 600;
      word-break: break-word; }
    .matching p span a {
      color: #4c84ff; }
      .matching p span a:hover {
        color: #70bf44; }

.matching.matching-lkData p span:first-of-type {
  max-width: 244px;
  margin-right: 10px; }

.lk__main__data__title {
  font-size: 20px;
  font-weight: 700;
  margin: -5px 0 22px; }

.form__row.form__row-lk {
  max-width: 940px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -10px -20px; }
  .form__row.form__row-lk .form__control {
    width: calc(33.333% - 20px);
    margin: 0 10px 20px; }

.lk__main__data__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0 0; }
  .lk__main__data__btns .btn:first-of-type {
    margin: 0 20px 0 0; }

.lk__main-data, .lk__main-changePass, .lk__main-changeData {
  display: none; }
  .lk__main-data.active, .lk__main-changePass.active, .lk__main-changeData.active {
    display: block; }

/*---------- lk orders-----------*/
.lk__orders-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px; }
  .lk__orders-filters .form__control {
    width: 300px;
    margin: 0; }
    .lk__orders-filters .form__control:first-of-type {
      margin-right: 20px; }

.select-status {
  max-width: none; }
  .select-status .select__current .check__square {
    display: none; }
  .select-status .select__current .check__filterText {
    padding: 0; }
  .select-status.active ~ .label {
    color: #70bf44; }

.select__check {
  background-color: #fff;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 11px 16px; }
  .select__check:not(:last-of-type) {
    margin: 0 0 2px; }

@media (min-width: 992px) {
  .select__check:hover {
    color: #5da932;
    border-color: #eaebec;
    background-color: #f6f6f6; } }

.lk__order__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dce6ff;
  border-bottom: 2px solid #4c84ff;
  border-radius: 5px 5px 0 0;
  padding: 15px 20px; }
  .lk__order__top__left > div, .lk__order__top__right > div {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 7px; }
  .lk__order__top__left > span, .lk__order__top__right > span {
    font-size: 15px; }
  .lk__order__top__left > span {
    font-weight: 600;
    color: #4c84ff; }
  .lk__order__top__right {
    text-align: right; }
    .lk__order__top__right > span {
      font-weight: 500;
      line-height: 17px; }

.lk__order__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 0 0 5px 5px;
  padding: 15px 20px; }
  .lk__order__bottom .btn-green {
    margin-left: 10px; }

.lk__product {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #dfe0e1; }
  .lk__product__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
    height: 60px;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 15px; }
    .lk__product__image img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top; }
  .lk__product__oldPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px; }
    .lk__product__oldPrice .price {
      margin-right: 10px; }
  .lk__product__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 80px); }
    .lk__product__body__block {
      width: 45%;
      padding-right: 30px; }
    .lk__product__body__price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      width: 55%;
      padding-right: 95px; }
      .lk__product__body__price .product__count {
        height: 40px; }
      .lk__product__body__price > span {
        display: block;
        font-weight: 700;
        color: #858c90;
        margin: 0 30px; }
      .lk__product__body__price .price {
        white-space: nowrap; }
  .lk__product__name {
    line-height: 20px;
    font-weight: 700; }

.orderBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 600;
  color: #858c90;
  cursor: pointer; }
  .orderBtn svg {
    width: 24px;
    margin-right: 10px; }
  .orderBtn:hover {
    color: #4c84ff; }
    .orderBtn:hover .st-greyDark, .orderBtn:hover .st-green {
      fill: #4c84ff; }
  .orderBtn-repeat {
    margin-left: 32px; }
  .orderBtn-cancel {
    margin-left: 35px; }

.lk__orders .lk__order:not(:last-of-type) {
  margin-bottom: 20px; }

.lk__product__mobileCount {
  display: none;
  font-weight: 500;
  color: #858c90;
  white-space: nowrap; }

.lk__order.lk__order-canceled .lk__order__top {
  background-color: #dfe0e1;
  border-color: #858c90; }

/*---------- lk empty pages -----------*/
.lk.lk-emptyPage {
  padding-bottom: 5px; }
  .lk.lk-emptyPage .lk__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .lk.lk-emptyPage .lk__main .emptyBlock {
      max-width: 990px;
      padding: 0 30px 15px; }

/*---------- order -----------*/
.lk__order__top__left.lk__order__top__left-single > div {
  margin: 0; }

.order__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 20px 25px; }
  .order__data__block {
    width: 50%;
    padding-right: 30px; }
    .order__data__block:not(:last-of-type) {
      margin-bottom: 30px; }
    .order__data__block__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 15px; }
      .order__data__block__title__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        height: 24px;
        margin-right: 11px; }
    .order__data__block__body {
      line-height: 20px;
      font-weight: 500; }
      .order__data__block__body b {
        display: block;
        font-weight: 700; }
        .order__data__block__body b.mb {
          margin-bottom: 10px; }

.lk__order__bottom.lk__order__bottom-single {
  border-top: 1px solid #dfe0e1; }

/*---------- cart -----------*/
.cart__main.whiteBox, .cart__ordering.whiteBox, .cart__aside.whiteBox {
  border-radius: 10px; }

.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .cart__main {
    width: calc(100% - 365px);
    height: 100%; }
  .cart__aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 345px;
    flex: 0 0 345px;
    height: 100%;
    padding: 20px 20px 15px;
    margin-left: 20px; }
    .cart__aside__total {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .cart__aside__total span {
        font-size: 18px;
        font-weight: 700; }
      .cart__aside__total .price {
        font-size: 20px;
        font-weight: 800; }
    .cart__aside .form__control input {
      height: 40px; }
    .cart__aside .form__control .btn-check {
      position: absolute;
      top: 4px;
      right: 4px; }
    .cart__aside__bottom .btn {
      width: 100%;
      height: 50px;
      max-width: 400px;
      text-transform: uppercase;
      margin: 21px 0 12px; }
    .cart__aside__note {
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      color: #858c90; }
  .cart__clear {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 16px;
    padding-right: 20px;
    margin-top: 20px; }
  .cart .lk__product:last-of-type {
    border: none; }
  .cart .lk__product__image {
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    height: 100px; }
  .cart .lk__product__body__price {
    padding: 0; }
    .cart .lk__product__body__price .btn-remove {
      margin-left: 75px; }
  .cart .hint__hidden {
    top: auto;
    bottom: calc(100% + 10px);
    padding: 12px 16px; }
    .cart .hint__hidden:before {
      bottom: auto;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      border-bottom: 7px solid transparent;
      border-top: 8px solid #5da932; }

.btn-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: #e96272;
  border: none; }
  .btn-check:before {
    content: '';
    -webkit-mask-image: url("../img/icons/05 чек.svg");
    mask-image: url("../img/icons/05 чек.svg");
    width: 12px;
    height: 9px;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center; }
  .btn-check:hover {
    background-color: #4c84ff; }

.btn-remove {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: none;
  background: none;
  color: #858c90;
  font-weight: 600; }
  .btn-remove svg {
    width: 20px;
    height: 20px; }
  .btn-remove--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .btn-remove--text svg {
      margin-left: 10px; }
  .btn-remove:hover {
    color: #4c84ff; }
    .btn-remove:hover .st-greyDark, .btn-remove:hover .st-green {
      fill: #4c84ff; }

.matching.matching-cart {
  max-width: 305px;
  margin: 20px 0 14px; }
  .matching.matching-cart p {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .matching.matching-cart p:not(:last-of-type) {
      margin: 0 0 14px; }
    .matching.matching-cart p span:first-of-type {
      font-size: 15px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-right: 5px; }
    .matching.matching-cart p span:last-of-type {
      font-weight: 800; }
    .matching.matching-cart p span.hl {
      color: #e96272; }

.cart-fixed {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .cart-fixed .price {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 800;
    margin-right: 35px; }
  .cart-fixed .btn {
    width: 100%;
    text-transform: uppercase; }

/*---------- ordering -----------*/
.cart__ordering {
  padding: 30px; }

.cart__ordering__block:not(:last-of-type) {
  margin-bottom: 40px; }

.cart__ordering__block__title {
  padding-left: 34px;
  position: relative;
  margin: 0 0 26px; }
  .cart__ordering__block__title:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px; }
  .cart__ordering__block__title-delivery:before {
    background-image: url("../img/icons/55 доставка.svg"); }
  .cart__ordering__block__title-data:before {
    background-image: url("../img/icons/45 личные данные.svg"); }
  .cart__ordering__block__title-pay:before {
    background-image: url("../img/icons/56 оплата.svg"); }
  .cart__ordering__block__title-comment:before {
    background-image: url("../img/icons/57 комментарий.svg"); }

.cart__ordering__block__subtitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 20px; }
  .cart__ordering__block__subtitle.mt {
    margin-top: 25px; }

.cart__ordering__block__info .form__info {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #858c90;
  margin: 4px 0 0; }

.cart__ordering__block .form__row.form__row-lk {
  max-width: none; }

.cart__radioBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .cart__radioBlock__item {
    width: calc(50% - 10px);
    padding: 18px 13px 18px 42px;
    border: 1px solid #dfe0e1;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .cart__radioBlock__item:hover {
      border-color: #a5c1ff;
      -webkit-box-shadow: inset 0 0 0 1px #a5c1ff;
      box-shadow: inset 0 0 0 1px #a5c1ff; }
      .cart__radioBlock__item:hover .check__circle {
        border-color: #a5c1ff; }
    .cart__radioBlock__item.active {
      border-color: #4c84ff;
      -webkit-box-shadow: inset 0 0 0 1px #4c84ff;
      box-shadow: inset 0 0 0 1px #4c84ff; }
    .cart__radioBlock__item__rel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative; }
      .cart__radioBlock__item__rel__value {
        line-height: 20px;
        font-weight: 700; }
      .cart__radioBlock__item__rel__price {
        font-weight: 800; }
        .cart__radioBlock__item__rel__price.hl {
          color: #e96272; }
      .cart__radioBlock__item__rel .check__circle {
        top: 1px;
        left: -28px; }
    .cart__radioBlock__item__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 15px 0 0; }
      .cart__radioBlock__item__content span {
        font-weight: 600;
        color: #858c90; }
      .cart__radioBlock__item__content .product__count {
        width: 100px;
        height: 40px;
        margin: 0 15px; }
      .cart__radioBlock__item__content .price {
        font-weight: 800; }

.form__row.form__row-address {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0 0; }
  .form__row.form__row-address .form__control {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: auto;
    margin: 15px 20px 0 0; }

.payImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.payImage {
  margin-right: 15px; }
  .payImage img {
    height: 100%; }
  .payImage-masterCard {
    height: 23px; }
  .payImage-visa {
    height: 14px; }
  .payImage-mir {
    height: 13px; }
  .payImage-applePay {
    height: 23px; }
  .payImage-googlePay {
    height: 23px; }

.cart__radioBlock__item-mobilePay {
  display: none; }

.cart__delivery__pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .cart__delivery__pickup__shops {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .cart__delivery__pickup__shop {
    border-bottom: 1px solid #dfe0e1;
    padding: 4px 0; }
    .cart__delivery__pickup__shop:first-of-type {
      border-top: 1px solid #dfe0e1; }
    .cart__delivery__pickup__shop-inner {
      border-radius: 5px;
      border: 1px solid rgba(0, 0, 0, 0);
      padding: 11px 15px;
      cursor: pointer;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
      .cart__delivery__pickup__shop-inner.active .shop__tc .sticker {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .cart__delivery__pickup__shop-inner span {
        display: block;
        font-weight: 700;
        margin: 0 0 10px; }
  .cart__delivery__pickup__map {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 600px;
    height: 430px;
    border-radius: 20px;
    overflow: hidden;
    margin-left: 20px; }

@media (min-width: 992px) {
  .cart__delivery__pickup__shop-inner:hover {
    border-color: #a5c1ff;
    -webkit-box-shadow: inset 0 0 0 1px #a5c1ff;
    box-shadow: inset 0 0 0 1px #a5c1ff; }
  .cart__delivery__pickup__shop-inner.active {
    border-color: #4c84ff;
    -webkit-box-shadow: inset 0 0 0 1px #4c84ff;
    box-shadow: inset 0 0 0 1px #4c84ff; }
  .shop__tc:hover {
    text-decoration: underline; } }

.mapCancel {
  display: none;
  margin: 15px auto 0; }

.shop__tc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  line-height: 20px;
  color: #4c84ff;
  -webkit-text-decoration-color: rgba(76, 132, 255, 0.5);
  text-decoration-color: rgba(76, 132, 255, 0.5);
  margin: 0 0 8px; }
  .shop__tc .sticker {
    display: none;
    background-color: #4c84ff;
    border-radius: 3px;
    max-height: 20px;
    margin: 0 0 0 7px; }
    .shop__tc .sticker::before {
      display: none; }

.shop__timetable {
  font-weight: 500;
  color: #858c90; }

#map {
  width: 100%;
  height: 100%; }

.cart__delivery-option {
  display: none; }
  .cart__delivery-option.active {
    display: block; }

.cart__aside.cart__aside-ordering {
  padding: 15px 20px 20px; }
  .cart__aside.cart__aside-ordering .cart__aside__bottom .btn {
    margin-bottom: 0; }

.cart__aside__order__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .cart__aside__order__count div {
    font-size: 18px;
    font-weight: 800; }
  .cart__aside__order__count span {
    font-size: 15px;
    font-weight: 600;
    color: #858c90; }

.cart__aside__order__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 16px 0 5px;
  border-bottom: 1px solid #dfe0e1; }

.cart__aside__order__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  height: 46px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 10px 10px 0;
  border: 1px solid rgba(0, 0, 0, 0);
  outline: 1px solid rgba(0, 0, 0, 0);
  outline-offset: -2px;
  position: relative; }
  .cart__aside__order__item img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    vertical-align: top; }
  .cart__aside__order__item:hover {
    border-color: #4c84ff;
    outline-color: #4c84ff; }

.cart__aside.cart__aside-rel {
  position: relative; }

.cart__aside__cartLink {
  position: absolute;
  bottom: -36px;
  left: 20px;
  font-weight: 600;
  color: #4c84ff; }
  .cart__aside__cartLink:before {
    content: '';
    display: inline-block;
    -webkit-mask-image: url("../img/icons/14 стрелка.svg");
    mask-image: url("../img/icons/14 стрелка.svg");
    width: 8px;
    height: 13px;
    background-color: #4c84ff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    margin-right: 9px; }
  .cart__aside__cartLink:hover {
    color: #70bf44; }
    .cart__aside__cartLink:hover:before {
      background-color: #70bf44; }

/*---------- ordering done -----------*/
.cart__main.cart__main-ordering-done {
  padding: 30px; }
  .cart__main.cart__main-ordering-done .order__data {
    padding: 0; }

.ordering-done {
  border-top: 1px solid #dfe0e1;
  padding: 22px 0 0;
  margin: 26px 0 0; }
  .ordering-done__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .ordering-done__total span {
      font-size: 20px;
      font-weight: 700; }
    .ordering-done__total .price {
      font-size: 32px;
      font-weight: 800;
      margin-left: 6px; }
  .ordering-done__text {
    line-height: 20px;
    font-weight: 500;
    color: #858c90;
    margin: 17px 0 20px; }

/*---------- services and article single page-----------*/
.articlePage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px; }

.articlePage__aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 264px;
  flex: 0 0 264px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 600;
  margin-right: 40px; }
  .articlePage__aside-sticky {
    width: 100%; }
  .articlePage__aside__head {
    color: #4c84ff;
    background-color: #dce6ff;
    border-radius: 5px;
    padding: 11px 10px; }
    .articlePage__aside__head .icon-arrow {
      display: none;
      background-color: #6ebc44;
      margin: 0 10px 0 0; }
      .articlePage__aside__head .icon-arrow:after {
        background-color: #fff;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
  .articlePage__aside__nav {
    padding: 0 10px; }
  .articlePage__aside__link {
    display: block;
    line-height: 20px;
    padding: 10.5px 10px 10.5px 0;
    position: relative;
    z-index: 2; }
    .articlePage__aside__link span {
      position: relative; }
    .articlePage__aside__link:before {
      content: '';
      position: absolute;
      top: -1px;
      bottom: 0;
      left: -10px;
      right: -10px;
      display: block;
      border-radius: 5px;
      background-color: #f6f6f6;
      opacity: 0;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
    .articlePage__aside__link:not(:last-of-type) {
      border-bottom: 1px solid #dfe0e1; }

.fixed-aside {
  bottom: 200px;
  position: fixed; }

@media (min-width: 992px) {
  .articlePage__aside__link:hover {
    z-index: 2;
    color: #5da932;
    border-color: rgba(0, 0, 0, 0); }
    .articlePage__aside__link:hover:before {
      opacity: 1; }
  .articlePage__aside__link.active {
    color: #4c84ff;
    border-radius: 5px; }
    .articlePage__aside__link.active:before {
      opacity: 1;
      background-color: #dce6ff; }
  .articlePage__aside-sticky .articlePage__aside__head {
    display: none; } }

.articlePage__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 14px; }
  .articlePage__main.articlePage__main-pb {
    padding-bottom: 20px; }
  .articlePage__main .handleContent__media {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); }
  .articlePage__main .infoBlock {
    margin-top: 25px; }

.handleContent, .spoiler__body {
  font-weight: 500; }
  .handleContent:last-child, .spoiler__body:last-child {
    margin-bottom: 0 !important; }
  .handleContent__media, .spoiler__body__media {
    position: relative;
    border-radius: 5px;
    overflow: hidden; }
    .handleContent__media.mt, .spoiler__body__media.mt {
      margin: 20px 0 0; }
    .handleContent__media__title, .spoiler__body__media__title {
      display: inline-block;
      position: absolute;
      bottom: 3px;
      left: 3px;
      max-width: 70%;
      font-size: 14px;
      line-height: 18px;
      color: #fff;
      background-color: rgba(46, 61, 70, 0.75);
      border-radius: 3px 15px 15px 3px;
      padding: 6px 10px; }
    .handleContent__media__content, .spoiler__body__media__content {
      width: 100%; }
    .handleContent__media.floatLeft, .spoiler__body__media.floatLeft {
      max-width: 50%;
      float: left;
      margin: 0 30px 20px 0; }
    .handleContent__media.floatRight, .spoiler__body__media.floatRight {
      max-width: 50%;
      float: right;
      margin: 0 0 20px 30px; }
    .handleContent__media.video, .spoiler__body__media.video {
      max-width: 910px;
      margin: 25px auto; }
      .handleContent__media.video .handleContent__media__content, .spoiler__body__media.video .handleContent__media__content {
        position: relative;
        overflow: hidden;
        padding-top: 56.25%; }
        .handleContent__media.video .handleContent__media__content iframe, .spoiler__body__media.video .handleContent__media__content iframe {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: 100%; }
    .handleContent__media img, .spoiler__body__media img {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%;
      vertical-align: top; }
  .handleContent h2, .handleContent h3, .handleContent h4, .handleContent h5, .handleContent .title-h2, .handleContent .title-h3, .handleContent .title-h4, .handleContent .title-h5, .spoiler__body h2, .spoiler__body h3, .spoiler__body h4, .spoiler__body h5, .spoiler__body .title-h2, .spoiler__body .title-h3, .spoiler__body .title-h4, .spoiler__body .title-h5 {
    margin: 30px 0 15px; }
  .handleContent p, .spoiler__body p {
    line-height: 24px;
    margin: 8px 0; }
    .handleContent p:first-of-type, .spoiler__body p:first-of-type {
      margin-top: 0 !important; }
  .handleContent ul, .handleContent ol, .spoiler__body ul, .spoiler__body ol {
    margin: 10px 0 0; }
    .handleContent ul b, .handleContent ol b, .spoiler__body ul b, .spoiler__body ol b {
      font-weight: 800; }
  .handleContent li, .spoiler__body li {
    line-height: 22px;
    position: relative; }
    .handleContent li:not(:last-of-type), .spoiler__body li:not(:last-of-type) {
      margin: 0 0 8px; }
    .handleContent li:first-of-type, .spoiler__body li:first-of-type {
      margin: 8px 0; }
    .handleContent li p, .spoiler__body li p {
      margin-top: 8px; }
  .handleContent ul li, .spoiler__body ul li {
    padding-left: 20px;
    overflow: hidden; }
    .handleContent ul li:before, .spoiler__body ul li:before {
      content: '';
      position: absolute;
      display: block;
      top: 9px;
      left: 0;
      width: 14px;
      height: 2px;
      background-color: #70bf44; }
  .handleContent ol li, .spoiler__body ol li {
    list-style-type: decimal;
    left: 18px;
    width: calc(100% - 18px); }
    .handleContent ol li::marker, .spoiler__body ol li::marker {
      color: #5da932;
      font-weight: 700; }
  .handleContent a:not(.email-link):not(.phone-link), .spoiler__body a:not(.email-link):not(.phone-link) {
    display: inline;
    font-weight: 600;
    color: #5da932;
    cursor: pointer; }
    .handleContent a:not(.email-link):not(.phone-link):hover, .spoiler__body a:not(.email-link):not(.phone-link):hover {
      color: #4c84ff; }
  .handleContent .infoBlock, .spoiler__body .infoBlock {
    margin-left: 5px; }
    .handleContent .infoBlock:before, .spoiler__body .infoBlock:before {
      background-color: #fff; }
  .handleContent .important, .spoiler__body .important {
    margin: 25px 0; }
  .handleContent .promptBlock, .spoiler__body .promptBlock {
    margin: 35px 0 40px; }

.services.services-page {
  margin-top: 17px; }
  .services.services-page .services__item {
    width: calc(33.333% - 20px);
    margin: 0 10px 20px; }

/*---------- services print -----------*/
.siteSection-mainServices {
  background-color: #2e3d46;
  border-radius: 0 0 50px 50px; }
  .siteSection-mainServices .breadcrumbs {
    padding: 18px 0 0;
    margin: 0; }

.mainServices__block {
  position: relative;
  min-height: 485px;
  padding-bottom: 50px; }

.mainServices__title {
  color: #fff;
  position: relative;
  z-index: 2; }
  .mainServices__title-center {
    text-align: center;
    margin: 32px 0 19px; }

.mainServices__videoBtn {
  cursor: pointer;
  width: 80px;
  height: 58px;
  margin: 0 auto 12px; }
  .mainServices__videoBtn-wrapper {
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 800;
    color: #fff; }
  .mainServices__videoBtn svg {
    width: 100%;
    height: 100%; }

.mainServices__printImage {
  position: absolute;
  bottom: -3px;
  left: 40px;
  right: 40px; }
  .mainServices__printImage img {
    width: 100%; }

.st000 {
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s; }

@media (min-width: 992px) {
  .mainServices__videoBtn:hover .st000 {
    fill: #4c84ff; } }

.popup__body-video {
  max-width: 900px; }
  .popup__body-video .popup__close {
    top: -25px;
    right: 0; }

.video-container {
  width: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-top: 56.5%; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.siteSection-innerPage.siteSection-mailing {
  margin-top: -50px; }

.services.services-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -20px; }
  .services.services-center .services__item {
    margin-bottom: 20px; }

.contactForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 198px;
  background-color: #2e3d46;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 33px 0 38px; }
  .contactForm__body {
    max-width: 450px;
    position: relative;
    z-index: 2; }
    .contactForm__body__title {
      font-weight: 600;
      color: #fff;
      text-align: center;
      margin: 0 0 24px; }
    .contactForm__body__flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .contactForm__body__flex__text {
        font-weight: 500;
        color: #fff;
        text-align: center;
        margin-top: -5px; }
    .contactForm__body__phone {
      font-size: 20px;
      color: #fff; }
      .contactForm__body__phone:hover {
        text-decoration: underline; }
    .contactForm__body .btn {
      margin: 27px auto 0; }
  .contactForm__imageGirl {
    width: 370px;
    position: absolute;
    top: -46px;
    left: 0; }
  .contactForm__imageMan {
    width: 370px;
    position: absolute;
    top: -46px;
    right: 0; }

.printPrice-tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px -20px; }
  .printPrice-tables ~ .btn-loadPrice {
    margin-top: 30px; }

.table-wrap {
  overflow: hidden;
  margin: 0 10px 20px; }
  .table-wrap-sm {
    width: calc(23.7% - 20px); }
    .table-wrap-sm thead {
      width: calc(100% / 3); }
    .table-wrap-sm tbody {
      width: calc(100% / 3 * 2); }
      .table-wrap-sm tbody tr {
        width: calc(100% / 2); }
  .table-wrap-md {
    width: calc(30.8% - 20px); }
    .table-wrap-md thead {
      width: calc(100% / 4); }
    .table-wrap-md tbody {
      width: calc(100% / 4 * 3); }
      .table-wrap-md tbody tr {
        width: calc(100% / 3); }
  .table-wrap-lg {
    width: calc(45.5% - 20px); }
    .table-wrap-lg thead {
      width: calc(100% / 6); }
    .table-wrap-lg tbody {
      width: calc(100% / 6 * 5); }
      .table-wrap-lg tbody tr {
        width: calc(100% / 5); }
  .table-wrap-normal {
    width: calc(36.3% - 20px); }
    .table-wrap-normal thead {
      width: calc(100% / 4); }
    .table-wrap-normal tbody {
      width: calc(100% / 4 * 3); }
      .table-wrap-normal tbody tr {
        width: calc(100% / 3); }
  .table-wrap-short {
    width: calc(27.3% - 20px); }
    .table-wrap-short thead {
      width: calc(100% / 3); }
    .table-wrap-short tbody {
      width: calc(100% / 3 * 2); }
      .table-wrap-short tbody tr {
        width: calc(100% / 2); }

.table-head {
  width: 100%;
  color: #fff;
  background-color: #2e3d46;
  border-radius: 10px 10px 0 0;
  padding: 14px 15px; }
  .table-head__title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600; }
  .table-head__props {
    padding: 10px 0 4px; }

.prop-plus, .prop-minus {
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  margin: 6px 0 0; }
  .prop-plus:before, .prop-minus:before {
    content: '';
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: -1px; }

.prop-plus:before {
  background-image: url("../img/icons/59 плюс.svg"); }

.prop-minus:before {
  background-image: url("../img/icons/60 минус.svg"); }

.table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .table thead {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .table thead tr {
      width: 100%; }
  .table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    overflow: hidden; }
    .table tr:not(:last-of-type) td {
      border-right: 1px solid #dfe0e1; }
      .table tr:not(:last-of-type) td:first-of-type {
        border-color: #4c84ff; }
    .table tr:last-of-type td:last-of-type {
      border-radius: 0 0 10px 0; }
    .table tr td {
      background-color: #fff;
      position: relative; }
      .table tr td:not(:last-of-type) {
        border-bottom: 1px solid #dfe0e1; }
      .table tr td:first-of-type {
        font-weight: 700;
        background-color: #dce6ff;
        border-bottom: 2px solid #4c84ff; }
      .table tr td:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        right: -1px;
        height: 1px;
        display: block;
        background-color: #4c84ff;
        z-index: 2;
        opacity: 0; }
      .table tr td .price {
        display: block; }
      .table tr td .price-new {
        margin: 0 0 3px; }
      .table tr td.active {
        background-color: #dce6ff;
        border-right-color: #dce6ff;
        border-bottom-color: #4c84ff; }
        .table tr td.active:before {
          opacity: 1; }
  .table th, .table td {
    width: 100%;
    min-height: 33px;
    max-height: 56px;
    padding: 7px 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    position: relative; }
    .table th:before, .table td:before {
      content: '';
      position: absolute;
      top: -1px;
      left: 0;
      bottom: 0;
      right: 0;
      display: block;
      background-color: #dce6ff;
      opacity: 0; }
  .table th {
    background-color: #dce6ff;
    border-right: 2px solid #4c84ff; }
    .table th:not(:last-of-type) {
      border-bottom: 1px solid #4c84ff; }
    .table th:first-of-type {
      border-width: 2px; }
    .table th:last-of-type {
      border-radius: 0 0 0 10px; }
    .table th .sticker {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 3px auto 0; }
    .table th.active {
      border-right-color: #dce6ff; }

.table-fakeTr {
  display: none;
  background-color: #dce6ff;
  border-top: 2px solid #4c84ff;
  position: relative;
  z-index: 1; }

.table-fakeTd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  font-weight: 800;
  border-right: 2px solid #4c84ff; }
  .table-fakeTd span {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px); }

.table-btn {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: #fff;
  font-weight: 600;
  background-color: #70bf44;
  border-radius: 0 0 10px 10px;
  border: none;
  padding: 10px 5px;
  position: relative;
  z-index: 1; }
  .table-btn .icon-arrow {
    margin: 0 0 0 10px; }
    .table-btn .icon-arrow:after {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .table-btn.clicked .icon-arrow:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.infoBlock {
  line-height: 22px;
  font-weight: 500;
  background-color: #dce6ff;
  border-radius: 5px;
  padding: 25px 30px;
  position: relative; }
  .infoBlock:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    left: -5px;
    background: no-repeat center center url("../img/icons/37 инфо.svg");
    background-size: cover; }
  .infoBlock:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    left: -10px;
    background-color: #f5f5f5;
    border-radius: 50%; }
  .infoBlock span {
    display: block;
    font-weight: 800; }
    .infoBlock span.mb {
      margin-bottom: 15px; }
    .infoBlock span.mt {
      margin-top: 15px; }

.infoBlock-printPrice {
  margin: 35px 0 0; }

.btn-loadPrice {
  width: 262px;
  margin: 35px auto 0; }
  .btn-loadPrice svg {
    width: 24px;
    height: 24px;
    margin-right: 10px; }

@media (min-width: 992px) {
  .btn-loadPrice:hover .st-blueDark {
    fill: #fff; }
  .palette__slider__item:hover {
    background-color: #2e3d46; }
    .palette__slider__item:hover .palette__slider__item__num {
      color: #fff; }
  .zoom-image:hover:before, .zoom-image:hover:after {
    visibility: visible;
    opacity: 1; } }

.zoom-image {
  position: relative; }
  .zoom-image:before, .zoom-image:after {
    content: '';
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
  .zoom-image:before {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 61, 70, 0.5); }
  .zoom-image:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px;
    height: 21px;
    background: no-repeat center center url("../img/icons/show.svg");
    background-size: cover; }

.palettes-wrapper {
  padding: 20px 0; }

.palette:not(:last-of-type) {
  margin: 0 0 35px; }

.palette__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 21px; }
  .palette__title__icon {
    width: 30px;
    height: 20px;
    margin-right: 10px; }

.palette__slider {
  padding: 0 20px; }
  .palette__slider__item {
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 5px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .palette__slider__item__num {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 700;
      padding-bottom: 5px;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
      .palette__slider__item__num__icon {
        width: 20px;
        height: 20px;
        border-radius: 3px;
        margin-right: 8px; }
    .palette__slider__item__image {
      display: block;
      width: 100%;
      height: 155px;
      border-radius: 5px;
      overflow: hidden; }
      .palette__slider__item__image img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 100%;
        vertical-align: top; }
  .palette__slider .slick-list {
    margin: 0 -5px; }
  .palette__slider .slick-slide {
    margin: 0 5px; }

/*---------- 1st palette colors -----------*/
.paletteColor-106 {
  background-color: #eadb24; }

.paletteColor-111-1 {
  background-color: #5ca5df; }

.paletteColor-111-2 {
  background-color: #36ce54; }

.paletteColor-108 {
  background-color: #e8619a; }

.paletteColor-107 {
  background-color: #f36d2f; }

.paletteColor-101 {
  background-color: #ffffff;
  border: 1px solid #dfe0e1; }

.paletteColor-102 {
  background-color: #d61d26; }

.paletteColor-104 {
  background-color: #c3babd; }

.paletteColor-112 {
  background-color: #0059c0; }

/*---------- 2nd palette colors -----------*/
.paletteColor-059 {
  background-color: #1fa5c8; }

.paletteColor-064 {
  background-color: #edece0;
  border: 1px solid #dfe0e1; }

.paletteColor-097 {
  background-color: #b87f4f; }

.paletteColor-046 {
  background-color: #b83c33; }

.paletteColor-026 {
  background-color: #a4aeb2; }

.paletteColor-044 {
  background-color: #0067de; }

.paletteColor-003 {
  background-color: #42aff6; }

.paletteColor-049 {
  background-color: #7a46ca; }

.paletteColor-004 {
  background-color: #fff;
  border: 1px solid #dfe0e1; }

.paletteColor-469 {
  background-color: #cfbf95; }

.paletteColor-001 {
  background-color: #C9C404; }

.paletteColor-002 {
  background-color: #97A4B6; }

.paletteColor-005 {
  background-color: #B28214; }

.paletteColor-006 {
  background-color: #D32D21; }

.paletteColor-008 {
  background-color: #50C4B7; }

/*---------- 3rd palette colors -----------*/
.paletteColor-299 {
  background-color: #252525; }

.paletteColor-200 {
  background-color: #fff;
  border: 1px solid #dfe0e1; }

.paletteColor-870 {
  background-color: #41be8b; }

.paletteColor-450 {
  background-color: #70a5db; }

.paletteColor-210 {
  background-color: #ddcd36; }

.paletteColor-220 {
  background-color: #e4702e; }

.paletteColor-230 {
  background-color: #d13739; }

.paletteColor-235 {
  background-color: #d958a8; }

.paletteColor-260 {
  background-color: #755ac0; }

.paletteColor-250 {
  background-color: #115fc1; }

/*---------- big form -----------*/
.bigForm-wrapper {
  background: no-repeat center center url("../img/18-фон-формы.jpg");
  background-size: cover;
  border-radius: 100px 100px 10px 10px;
  padding: 22px 35px 30px; }
  .bigForm-wrapper .whiteBox {
    max-width: 670px;
    margin: 23px auto 0; }

.bigForm {
  padding: 25px; }
  .bigForm__title {
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 0 24px; }
    .bigForm__title span {
      text-transform: uppercase; }
  .bigForm .form__file-wrapper {
    margin: 0 0 20px; }
  .bigForm .form__file-info span {
    text-transform: uppercase; }
  .bigForm .form__policy {
    margin: 17px 0 0; }
  .bigForm .btn {
    margin: 24px auto 0; }

/*---------- works -----------*/
.works {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px;
  margin: 0 -5px -10px; }

.whiteBox-works .btn.btn-showMore {
  display: none;
  margin-bottom: 20px; }

.work {
  display: block;
  width: calc(16.666% - 10px);
  height: 225px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 5px 10px; }
  .work img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    vertical-align: top; }

/*---------- services other -----------*/
.mainServices__block.mainServices__block-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.mainServices__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  .mainServices__flex__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 500px; }
  .mainServices__flex__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: calc(100% - 520px); }
    .mainServices__flex__image img {
      max-width: 100%;
      max-height: 100%; }

.services-singles .services__item__name {
  max-width: 100%; }

.flexBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 40px 40px; }
  .flexBlock__content.handleContent {
    width: 50%;
    padding-right: 20px; }
    .flexBlock__content.handleContent .title-h3 {
      margin: 27px 0; }
      .flexBlock__content.handleContent .title-h3:first-child {
        margin: 0 0 27px; }
    .flexBlock__content.handleContent .title-h4 {
      margin: 27px 0 5px; }
    .flexBlock__content.handleContent .infoBlock {
      margin-top: 25px; }
  .flexBlock__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 85px);
    margin: 0 15px 0 70px; }
    .flexBlock__image img {
      max-width: 100%;
      max-height: 100%;
      border-radius: 50%; }

.services.services-decor .services__item__name {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.priceTables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px;
  margin: 0 -20px -20px; }

.priceTable {
  width: calc(50% - 40px);
  margin: 0 20px 20px; }
  .priceTable__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    background-color: #dce6ff;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #4c84ff;
    padding: 12px 0 12px 15px; }
  .priceTable__body__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #dfe0e1; }
    .priceTable__body__item__image {
      width: 100px;
      height: 100px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      border-radius: 5px;
      overflow: hidden;
      margin-right: 28px; }
      .priceTable__body__item__image img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 100%;
        vertical-align: top; }
    .priceTable__body__item__flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(100% - 128px); }
      .priceTable__body__item__flex__block {
        width: calc(100% - 112px);
        line-height: 22px;
        padding-right: 30px; }
        .priceTable__body__item__flex__block__name {
          width: calc(100% - 30px);
          font-size: 18px;
          font-weight: 700;
          margin: -2px 0 10px;
          white-space: nowrap;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis; }
        .priceTable__body__item__flex__block__text {
          font-weight: 500;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          -webkit-line-clamp: 3;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .priceTable__body__item__flex__price {
        font-size: 20px;
        font-weight: 800; }

.priceTable__head__about, .priceTable__body__item__flex__block {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.priceTable__body__item__flex__price, .priceTable__head__price {
  width: 112px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

/*---------- static pages -----------*/
/*---------- delivery page -----------*/
.staticPage-wrapper {
  padding: 40px; }

.staticPage-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.staticPage-col {
  width: calc(50% - 20px); }
  .staticPage-col ul, .staticPage-col ol {
    margin: 10px 0 0; }
  .staticPage-col li:first-of-type {
    margin: 0 0 10px; }
  .staticPage-col .title-h3 {
    margin: 0 0 27px; }
  .staticPage-col .title-h4.mt {
    margin-top: -5px; }
  .staticPage-col .infoBlock {
    margin: 22px 0; }
    .staticPage-col .infoBlock:last-of-type {
      margin-bottom: 0; }
  .staticPage-col .payImages {
    margin: 15px 0 30px; }
  .staticPage-col .staticPage-block > *:first-child {
    margin-top: 0 !important; }
  .staticPage-col .staticPage-block > *:last-child {
    margin-bottom: 0 !important; }

.staticPage-block:not(:last-of-type) {
  margin: 0 0 32px; }

.deliveryBanner {
  color: #fff;
  background-color: #2e3d46;
  border-radius: 9px 90px 90px 9px;
  padding: 25px 30px 27px;
  position: relative;
  margin-bottom: 35px; }
  .deliveryBanner__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 17px 0 36px; }
    .deliveryBanner__flex__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 600; }
      .deliveryBanner__flex__item:first-child {
        margin-right: 60px; }
      .deliveryBanner__flex__item__icon {
        width: 24px;
        height: 24px;
        margin-right: 10px; }
  .deliveryBanner__info {
    font-size: 14px;
    line-height: 18px; }
  .deliveryBanner__image {
    width: 610px;
    position: absolute;
    bottom: -3px;
    right: 0; }
    .deliveryBanner__image img {
      width: 100%; }

.promptBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  line-height: 22px;
  background-color: #f6f6f6;
  border: 1px solid #dfe0e1;
  border-radius: 5px;
  padding: 24px 29px;
  margin: 30px 0; }
  .promptBlock__icon {
    width: 50px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 6px 30px 0 0; }
  .promptBlock .phone-link {
    margin: 0; }

.shops.shops-staticPage {
  font-size: 16px;
  margin: 0 0 30px; }
  .shops.shops-staticPage .shops__head__address, .shops.shops-staticPage .shops__body__item__address {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .shops.shops-staticPage .shops__head__time, .shops.shops-staticPage .shops__body__item__time {
    width: 185px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .shops.shops-staticPage .shops__head__time span, .shops.shops-staticPage .shops__body__item__time span {
      display: none; }
  .shops.shops-staticPage .shops__body__item__time {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 3px; }

.shops__body__item__metro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #e96272;
  margin: 3px 0 0; }
  .shops__body__item__metro__icon {
    width: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    margin-right: 8px; }
    .shops__body__item__metro__icon img {
      width: 100%; }

/*---------- pay page -----------*/
.clipboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  margin: 15px 0 26px; }
  .clipboard input {
    width: 162px;
    background: none;
    border: none;
    font-weight: 800;
    padding: 0;
    margin: 0 0 0 5px; }
    .clipboard input::-moz-selection {
      background: none;
      color: #2e3d46; }
    .clipboard input::selection {
      background: none;
      color: #2e3d46; }
  .clipboard span {
    font-weight: 800; }
  .clipboard__btn {
    width: 22px;
    height: 22px;
    background: none;
    border: none; }
    .clipboard__btn__icon, .clipboard__btn svg {
      width: 100%;
      height: 100%; }
    .clipboard__btn:hover .st-blueDark {
      fill: #5da932; }
  .clipboard .hint__hidden {
    top: auto;
    bottom: calc(100% + 10px);
    font-weight: 700;
    padding: 12px 16px; }
    .clipboard .hint__hidden span {
      font-weight: 700; }
    .clipboard .hint__hidden:before {
      bottom: auto;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      border-bottom: 7px solid transparent;
      border-top: 8px solid #5da932; }
    .clipboard .hint__hidden-close {
      display: none; }

.matching-wrap-key {
  display: block !important;
  overflow: hidden; }
  .matching-wrap-key > span {
    display: inline !important;
    color: #dfe0e1 !important; }
    .matching-wrap-key > span:after {
      display: none !important; }
  .matching-wrap-key:after {
    display: none !important; }

.matching-wrap-value {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

/*---------- some page -----------*/
.contacts__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 27px; }

.contacts__item {
  width: 22.5%;
  padding-right: 25px; }
  .contacts__item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700; }
    .contacts__item__title__icon {
      width: 26px;
      height: 26px;
      margin-right: 11px; }
      .contacts__item__title__icon-email {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px); }
  .contacts__item__body {
    margin: 22px 0 0; }
  .contacts__item__block:not(:last-of-type) {
    margin: 0 0 20px; }
  .contacts__item__block__head {
    font-weight: 500;
    margin: 0 0 8px; }
  .contacts__item__block b {
    font-weight: 800; }
  .contacts__item .footer__contacts__socials {
    margin: 15px 0 0; }
  .contacts__item .social__link {
    background-color: #f6f6f6; }

.phone-link {
  font-weight: 800;
  white-space: nowrap;
  margin-right: -2px; }
  .phone-link:hover {
    color: #5da932; }

.email-link {
  font-weight: 600;
  color: #5da932 !important;
  -webkit-text-decoration-color: rgba(93, 169, 50, 0.3);
  text-decoration-color: rgba(93, 169, 50, 0.3); }
  .email-link:hover {
    text-decoration: underline; }

.contacts__shops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 23px 0 35px; }
  .contacts__shops__list {
    width: calc(50% - 20px); }
    .contacts__shops__list .shops.shops-staticPage {
      margin: 0; }
  .contacts__shops__map {
    width: calc(50% - 20px);
    height: 480px;
    border-radius: 20px;
    overflow: hidden; }
  .contacts__shops .shops__body__item {
    padding: 4px 0; }
    .contacts__shops .shops__body__item-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      border-radius: 5px;
      border: 1px solid rgba(0, 0, 0, 0);
      padding: 7px 15px;
      cursor: pointer;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
      .contacts__shops .shops__body__item-inner .sticker {
        display: none;
        background-color: #4c84ff;
        border-radius: 3px;
        max-height: 20px;
        margin: 0 0 0 7px; }
        .contacts__shops .shops__body__item-inner .sticker:before {
          display: none; }
    .contacts__shops .shops__body__item__address > span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .contacts__shops .shops__body__item__images {
      display: none;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      margin: 10px -5px -10px; }
    .contacts__shops .shops__body__item__image {
      display: block;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
      flex: 0 0 70px;
      height: 70px;
      border-radius: 5px;
      overflow: hidden;
      margin: 0 5px 10px; }
      .contacts__shops .shops__body__item__image img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 100%;
        vertical-align: top; }

@media (min-width: 992px) {
  .shops__body__item-inner:hover {
    border-color: #a5c1ff;
    -webkit-box-shadow: inset 0 0 0 1px #a5c1ff;
    box-shadow: inset 0 0 0 1px #a5c1ff; }
  .shops__body__item-inner.active {
    border-color: #4c84ff;
    -webkit-box-shadow: inset 0 0 0 1px #4c84ff;
    box-shadow: inset 0 0 0 1px #4c84ff; }
    .shops__body__item-inner.active .sticker {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .shops__body__item-inner.active .shops__body__item__images {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .shops__body__item-inner .shops__body__item__address span:hover {
    text-decoration: underline; } }

.matching.matching-requisites {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  margin: 22px 0 0; }

.siteSection.siteSection-contactsForm {
  margin-top: 50px; }

.form__row-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px; }
  .form__row-wrap .form__control {
    width: calc(50% - 20px);
    margin: 0 10px 25px; }

/*---------- about page -----------*/
.siteSection-about {
  margin: 0 0 30px; }

.advantages.advantages-about {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .advantages.advantages-about .advantages__item {
    width: calc(33.333% - 20px);
    padding-bottom: 13px; }
    .advantages.advantages-about .advantages__item__text {
      line-height: 24px; }

.advantages__title {
  width: 100%;
  color: #fff;
  text-align: center;
  margin: 0 0 24px; }

.siteSection-contactForm {
  margin: 0 0 30px; }

.contactForm.contactForm-about {
  min-height: 260px; }

.aboutPage-shops {
  padding: 35px 40px 40px; }
  .aboutPage-shops .contacts__shops {
    margin: 0; }

.sectionSubtitle {
  font-weight: 600;
  text-align: center;
  margin-top: -5px; }

.video-container-wrapper {
  max-width: 1024px;
  margin: 25px auto 0; }
  .video-container-wrapper .video-container {
    border: 4px solid #2e3d46;
    -webkit-box-shadow: inset 0 0 0 4px #2e3d46;
    box-shadow: inset 0 0 0 4px #2e3d46;
    border-radius: 20px;
    padding-top: 55.9%;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px); }
    .video-container-wrapper .video-container iframe {
      background: no-repeat center center url("../img/video-poster.jpg");
      background-size: cover;
      -webkit-box-shadow: 0 0 0 4px #2e3d46;
      box-shadow: 0 0 0 4px #2e3d46; }

.videoPoster {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center url("../img/video-poster.jpg");
  background-size: cover;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 800ms, height 0s;
  -o-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s; }
  .videoPoster svg {
    width: 113px;
    height: 80px; }

@media (min-width: 992px) {
  .videoPoster:hover .st000 {
    fill: #4c84ff; } }

.video-container-wrapper.active .videoPoster {
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -o-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms; }

/*---------- vacancies page -----------*/
.vacancy__block:not(:last-of-type) {
  margin: 0 0 10px; }

.vacancy__block__title {
  font-weight: 700;
  margin: 0 0 0; }

/*---------- reviews page -----------*/
.reviewsPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px; }
  .reviewsPage__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 20px; }
    .reviewsPage__main .reviews__block__top {
      padding-top: 0; }
  .reviewsPage__aside {
    width: 300px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 40px; }
    .reviewsPage__aside .mainBanner__info {
      width: 100%;
      height: 322px;
      margin: 0; }
      .reviewsPage__aside .mainBanner__info__title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px; }
      .reviewsPage__aside .mainBanner__info__text {
        font-size: 14px;
        font-weight: 400; }

.reviews-mb {
  margin-bottom: 20px; }

/*---------- gallery page -----------*/
.galleryPage {
  padding: 20px; }
  .galleryPage .products {
    padding: 0;
    margin: 0 -10px; }
  .galleryPage .product {
    border-radius: 10px; }
    .galleryPage .product__image {
      height: 264px;
      border-radius: 10px;
      overflow: hidden;
      -webkit-transition: all .15s;
      -o-transition: all .15s;
      transition: all .15s; }
    .galleryPage .product__body {
      padding-top: 12px; }
    .galleryPage .product__name {
      margin: 0 0 12px; }
    .galleryPage .product .btn-green {
      width: 100%;
      margin: 10px 0 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

@media (min-width: 992px) {
  .galleryPage .product:hover .product__image {
    border-radius: 10px 10px 0 0; }
  .galleryPage .product:hover .btn-green {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

/*---------- orderHow page -----------*/
.orderHow .staticPage-col {
  width: 100%;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px; }

.orderHow .staticPage-block {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid; }

.orderHow .mesItem {
  display: inline-block !important;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  margin: 0 1px !important; }

/*---------- policy page -----------*/
.policy .staticPage-col {
  width: 100%; }
  .policy .staticPage-col .staticPage-block:not(:last-of-type) {
    margin: 0 0 20px; }
  .policy .staticPage-col .title-h4 {
    margin: 0 0 10px; }

/*---------- 404 page -----------*/
.siteSection-page404 {
  margin: 30px 0; }

.page404 {
  min-height: 511px;
  text-align: center;
  background-color: #2e3d46;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding: 320px 25px 10px; }
  .page404__text {
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    position: relative; }
  .page404__image {
    width: 832px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .page404__image img {
      width: 100%; }
  .page404 .btn {
    position: relative;
    margin: 20px auto 0; }

/*---------- news page -----------*/
.news.news-page {
  margin-bottom: 0; }
  .news.news-page .news__item {
    margin-bottom: 20px; }

.articlePage__main__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #dfe0e1;
  padding-top: 15px; }

.news-slider .news__item {
  width: 100%;
  padding-bottom: 35px;
  margin: 0; }

.news-slider .slick-list {
  margin: 0 -10px; }

.news-slider .slick-slide {
  margin: 0 10px; }

.siteSection-servicePage {
  margin: 50px 0 40px; }

/*---------- desktop -----------*/
@media (max-width: 1630px) {
  .footer__main {
    position: relative; }
  .btn-toTop {
    right: 0; } }

@media (max-width: 1480px) {
  .header__nav__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header__contacts__phones {
    font-size: 19px; }
  .productSm__price {
    display: block;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px; }
  .productSm__image {
    height: 46px; }
  .catalogDropDown {
    max-height: 640px; }
  .mainBanner {
    height: 330px; }
  .mainBanner__slider__item {
    height: 330px; }
  .mainBanner__slider__item__image img {
    -o-object-position: left center;
    object-position: left center; }
  .news__item__image {
    height: 185px; }
  .news__item__image.news__item__image-lg {
    -ms-flex-preferred-size: 268px;
    flex-basis: 268px;
    height: 323px;
    -webkit-clip-path: circle(90% at 0% 50%);
    clip-path: circle(90% at 0% 50%); }
  .news__item__body .news__item__title {
    font-size: 24px;
    line-height: 31px;
    margin: 18px 0 15px; }
  .mailing__form__body {
    width: 62%; }
  .footer__main {
    padding: 28px 0 26px; }
  .footer__links {
    width: 51%; }
  .footer__nav a {
    word-wrap: break-word;
    margin: 0 0 13px; }
  .footer__info {
    width: 49%; }
  .card__main__body__block__top {
    padding: 13px 25px; }
  .card__main__body__block__bottom {
    padding: 20px 25px; }
  .lk__product__body__price {
    padding-right: 40px; }
  .cart .lk__product__body__price > span {
    margin: 0 10px; }
  .cart .lk__product__body__price .btn-remove {
    margin-left: 25px; }
  .cart .lk__product__body__price .product__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .cart__radioBlock__item__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .cart__radioBlock__item__content > span {
      width: 100%;
      margin: 0 0 6px; }
    .cart__radioBlock__item__content .product__count {
      margin: 0 15px 0 0; }
  .table-wrap-sm {
    width: calc(42.7% - 20px); }
  .table-wrap-md {
    width: calc(57.3% - 20px); }
  .table-wrap-lg {
    width: calc(100% - 20px); } }

@media (max-width: 1300px) {
  .siteContent {
    padding-bottom: 35px; }
  .siteSection {
    margin: 38px 0 40px; }
  .siteSection-innerPage {
    margin: 0 0 30px; }
  .siteSection-about {
    margin: 0 0 20px; }
  .siteSection-servicePage {
    margin: 0 0 30px; }
  h1, .title-h1 {
    font-size: 34px;
    line-height: 42px; }
  h2, .title-h2 {
    font-size: 28px;
    line-height: 36px; }
  h3, .title-h3 {
    font-size: 24px;
    line-height: 31px; }
  h4, .title-h4 {
    font-size: 19px;
    line-height: 25px; }
  .catalogDropDown {
    max-height: 600px; }
  .catalogDropDown__list {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    padding: 25px 5px 20px 20px; }
  .mainBanner {
    height: 287px; }
  .mainBanner__slider {
    width: calc(100% - 288px); }
  .mainBanner__slider__item {
    height: 287px; }
  .mainBanner__slider__item__body {
    -ms-flex-preferred-size: 330px;
    flex-basis: 330px;
    padding-bottom: 10px;
    padding-left: 40px;
    margin-right: -50px; }
  .mainBanner__slider__item__text {
    margin: 20px 0 25px; }
  .mainBanner__info {
    -ms-flex-preferred-size: 268px;
    flex-basis: 268px;
    padding: 20px 25px; }
    .mainBanner__info__title {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 10px; }
    .mainBanner__info__text {
      max-width: 100px; }
  .popularCats__item {
    height: 100px; }
  .popularCats__item__image {
    width: 85%; }
  .decor__arrow {
    right: 15px;
    bottom: 15px; }
  .decor__ellipse {
    right: -55px;
    bottom: -55px;
    width: 110px;
    height: 110px; }
  .decor__ellipse-inner {
    right: -50px;
    bottom: -50px;
    width: 100px;
    height: 100px; }
  .products {
    padding: 20px 10px 0; }
    .products .product {
      width: calc(25% - 20px); }
  .sliderFalse .product {
    width: calc(25% - 20px); }
  .products.products-sm .product:last-child {
    display: none; }
  .product__image {
    height: 232px; }
  .services__item {
    height: 267px; }
  .advantages__item {
    padding: 20px; }
  .news__item__image {
    height: 165px; }
  .mailing {
    height: 126px;
    padding: 10px 30px; }
    .mailing:before {
      top: -33px;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
  .mailing-footer {
    margin-top: -30px; }
  .mailing__form__body {
    width: 64%; }
    .mailing__form__body .form__control {
      width: calc((100% - 190px) / 2 - 16px); }
      .mailing__form__body .form__control:last-of-type {
        margin: 0 12px 0 20px; }
  .partHeading__name {
    font-size: 24px; }
  .catFirstLvl__item {
    width: calc(33.333% - 20px); }
  .catalog {
    padding: 20px 15px; }
  .catalog__aside {
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;
    margin-right: 15px; }
  .catalog__main__products .product {
    width: calc(33.333% - 20px); }
  .card__main {
    width: calc(100% - 320px); }
    .card__main__body {
      padding: 8px 0 0 30px; }
  .card__aside {
    width: 290px;
    margin-left: 30px; }
  .tabs__head__item {
    font-size: 16px;
    padding: 14px 18px; }
  .lk__product__body__price {
    padding: 0; }
    .lk__product__body__price .product__count {
      display: none; }
    .lk__product__body__price > span {
      margin: 0 13px; }
  .lk__product__mobileCount {
    display: block; }
  .cart .lk__product__image {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    height: 83px; }
  .priceTables {
    padding: 20px;
    margin: 0 -10px -20px; }
  .priceTable {
    width: calc(50% - 20px);
    margin: 0 10px 20px; } }

@media (max-width: 1200px) {
  .siteContent {
    border-radius: 0 0 15px 15px; }
  .header__logo {
    margin-right: 40px; }
  .input-search {
    padding-left: 24px; }
  .header__services {
    margin-left: 20px; }
  .header__services-cart__total {
    width: 67px; }
  .productSm__price {
    margin-left: 30px; }
    .productSm__price .price-new {
      margin: 0 0 2px; }
  .productSm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .productSm__body {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .productSm__name {
      width: 100%;
      margin: -3px 0 5px; }
    .productSm__price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin: 0; }
      .productSm__price .price-new {
        font-size: 16px;
        margin: 0 13px 0 0; }
      .productSm__price .price-old {
        font-size: 16px; }
    .productSm__image {
      height: 46px; }
    .productSm .btn.btn-toCart {
      -ms-flex-preferred-size: 34px;
      flex-basis: 34px;
      height: 34px; }
      .productSm .btn.btn-toCart .checkSm {
        top: 2px;
        right: 2px; }
  .footer__logo {
    margin: 0 0 12px; }
  .footer__nav {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2; }
  .card {
    display: block; }
    .card__main {
      width: 100%; }
    .card__aside {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: calc(100% + 10px);
      margin: 40px -5px 0; }
      .card__aside__block {
        width: calc(50% - 10px);
        margin: 0 5px; }
        .card__aside__block-sales {
          width: calc(100% - 10px);
          margin: 0 5px 10px; }
      .card__aside .mainBanner__info {
        display: none; }
  .form__row.form__row-lk .form__control {
    width: calc(50% - 20px); }
  .order__data__block {
    width: 100%;
    padding: 0; }
  .contactForm__imageGirl {
    width: 300px;
    top: auto;
    bottom: -75px;
    left: -15px; }
  .contactForm__imageMan {
    width: 300px;
    top: auto;
    bottom: -73px;
    right: -15px; }
  .table-wrap {
    margin: 0 10px 20px; }
    .table-wrap-normal {
      width: calc(50% - 20px); }
    .table-wrap-short {
      width: calc(50% - 20px); }
  .contacts__row {
    margin: 0; }
  .contacts__item {
    width: 48%;
    margin-bottom: 27px; }
  .priceTables {
    display: block;
    padding: 30px 30px 15px;
    margin: 0; }
  .priceTable {
    width: 100%;
    margin: 0; }
    .priceTable:not(:first-of-type) .priceTable__head {
      display: none; }
    .priceTable:last-of-type .priceTable__body__item:last-of-type {
      border: none; }
  .priceTable__body__item {
    padding: 15px 0; }
    .priceTable__body__item__flex {
      width: auto;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .priceTable__body__item__flex__block {
        width: auto; }
        .priceTable__body__item__flex__block__name {
          white-space: normal;
          overflow: visible; }
        .priceTable__body__item__flex__block__text {
          -webkit-line-clamp: 15;
          overflow: visible; } }

@media (max-width: 1169px) {
  .header__nav a {
    margin-right: 35px; }
  .search__label {
    display: none; }
  .mainBanner__slider__item__body {
    margin-right: -100px; }
  .advantages {
    padding: 15px 8px; }
  .advantages.advantages-main .advantages__item {
    width: calc(20% - 14px);
    margin: 0 7px; }
  .news {
    margin: 0 -5px 20px; }
  .news__item {
    width: calc(33.333% - 10px);
    padding: 15px;
    margin: 0 5px; }
    .news__item__image {
      height: 230px;
      margin: 15px 0 13px; }
    .news__item__title {
      font-size: 17px;
      line-height: 23px; }
    .news__item__excerpt {
      display: none; }
  .news__item.news__item-lg {
    width: calc(33.333% - 20px);
    display: block;
    padding: 15px; }
  .news__item__image.news__item__image-lg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 230px;
    margin: 15px 0 13px;
    -webkit-clip-path: none;
    clip-path: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .news__item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0; }
    .news__item__body .news__item__top {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .news__item__body .news__item__title {
      font-size: 17px;
      line-height: 23px;
      font-weight: 700;
      margin: 0;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; }
  .btn.btn-mailingFormShow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mailing {
    height: auto;
    padding: 15px 30px;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s; }
    .mailing__form {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .mailing__form__text {
        width: 50%;
        padding: 0; }
      .mailing__form__body {
        width: 100%;
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-transform: translateY(10px) scale(0.5);
        -ms-transform: translateY(10px) scale(0.5);
        transform: translateY(10px) scale(0.5); }
  .mailing.active {
    padding: 20px 25px; }
    .mailing.active .mailing__form__body {
      height: auto;
      opacity: 1;
      visibility: visible;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      margin: 20px 0 0; }
  .footer__links {
    width: calc(100% - 240px); }
  .footer__info {
    width: 240px; }
  .footer__addresses {
    display: none; }
  .footer__contacts {
    width: 100%; }
  .lk__main {
    width: calc(100% - 294px); }
  .orderBtn svg {
    margin: 0; }
  .orderBtn span {
    display: none; }
  .cart {
    display: block; }
    .cart__main {
      width: 100%; }
    .cart__aside {
      max-width: 400px;
      margin: 0;
      margin-top: 10px !important; }
      .cart__aside.cart__aside-rel {
        margin-bottom: 55px; }
    .cart__clear {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0;
      margin: 0; }
  .matching.matching-cart {
    max-width: none; }
  .cart__clear {
    padding: 0; }
  .mainServices__block {
    min-height: 430px; }
  .work {
    width: calc(20% - 10px); }
  .mainServices__flex__body {
    max-width: 455px; }
  .mainServices__flex__image {
    max-width: calc(100% - 455px); }
  .staticPage-wrapper {
    padding: 35px 25px; }
  .staticPage-col {
    width: calc(50% - 15px); }
  .contacts__shops .shops__body__item:first-of-type {
    border-top: 1px solid #dfe0e1; }
  .contacts__shops .shops__body__item-inner {
    display: block; }
  .contacts__shops .shops__body__item__address {
    width: 100%; }
  .contacts__shops .shops__body__item__time {
    width: 100% !important; }
    .contacts__shops .shops__body__item__time br {
      display: none; }
  .contacts__shops .shops__head {
    display: none; }
  .advantages__title {
    margin: 0 0 17px; }
  .news-page .news__item:last-child {
    display: none; } }

/*---------- tablets -----------*/
@media (max-width: 992px) {
  .siteContent {
    padding-bottom: 25px; }
  .siteWrapper {
    padding-bottom: 54px; }
  .siteWrapper.siteWrapper-morePb {
    padding-bottom: 110px; }
  .siteSection {
    margin: 35px 0; }
  .sectionTitle {
    margin: 0 0 18px; }
  h1, .title-h1 {
    font-size: 30px;
    line-height: 38px; }
  h2, .title-h2 {
    font-size: 26px;
    line-height: 32px; }
  h3, .title-h3 {
    font-size: 22px;
    line-height: 28px; }
  h4, .title-h4 {
    font-size: 18px;
    line-height: 24px; }
  h5, .title-h5 {
    font-size: 17px;
    line-height: 23px; }
  sup {
    display: inline; }
  .burgermenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header__nav__more {
    display: none; }
  .header__top .header__nav, .header__bottom__flex .header__nav {
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.5;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .header__top .header__nav a, .header__bottom__flex .header__nav a {
      display: none;
      margin-right: 25px; }
      .header__top .header__nav a:first-child, .header__bottom__flex .header__nav a:first-child {
        display: block; }
      .header__top .header__nav a:nth-child(2), .header__bottom__flex .header__nav a:nth-child(2) {
        display: block; }
      .header__top .header__nav a:last-of-type, .header__bottom__flex .header__nav a:last-of-type {
        display: block;
        margin: 0; }
      .header__top .header__nav a:after, .header__bottom__flex .header__nav a:after {
        display: none; }
  .logo.header__logo {
    width: 96px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 96px;
    flex: 0 0 96px;
    height: 24px;
    margin: 0 25px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px); }
  .header__contacts {
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .header__contacts .mesItem {
      margin: 0 15px 0 0; }
  .header__contacts__icon {
    display: none; }
  .header__contacts__phones {
    display: block;
    font-size: 18px;
    line-height: 27px;
    margin: 0; }
    .header__contacts__phones > span {
      display: none; }
    .header__contacts__phones__link {
      display: block; }
  .header__contacts__messengers {
    margin: 10px; }
  .btn-search-show {
    display: block;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2; }
  .header__middle {
    position: fixed;
    z-index: 7;
    bottom: 0;
    left: 0;
    width: 100%; }
    .header__middle__flex {
      padding: 7px 0; }
  .header__services > span {
    display: inline-block;
    font-weight: 500;
    margin-left: 1px; }
  .header__services-cart__total {
    display: none; }
  .search {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(15px);
    -ms-transform: translateY(-50%) translateX(15px);
    transform: translateY(-50%) translateX(15px);
    right: 83px;
    left: 207px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    margin: 0; }
  .btn-search-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  .header__top.search-visible .btn-search-hide {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .header__top.search-visible .search {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .header__top.search-visible .header__contacts, .header__top.search-visible .header__nav {
    opacity: 0;
    visibility: hidden; }
  .header__top.search-visible .header__contacts {
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%); }
  .header__services {
    font-size: 15px;
    margin: 0; }
    .header__services .hint__hidden {
      display: none; }
  .header__services-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
    .header__services-home.active .st-green {
      fill: #fff; }
  .btn.catalog-btn {
    width: auto;
    font-size: 15px;
    background: none;
    text-transform: none;
    font-weight: 500;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 10px; }
    .btn.catalog-btn span:before {
      width: 22px;
      -webkit-mask-image: none;
      mask-image: none;
      background: no-repeat center center url("../img/icons/03 каталог.svg");
      background-size: cover; }
    .btn.catalog-btn.clicked span:before {
      background-image: none;
      background-color: #fff;
      -webkit-mask-image: url("../img/icons/03 каталог.svg");
      mask-image: url("../img/icons/03 каталог.svg"); }
  .header__services-cart {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .header__services-fav {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .header__services-profile {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .userMenu {
    display: none; }
  .header__bottom {
    display: none; }
    .header__bottom .header__cats {
      display: none; }
  .arrow-green {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 25px;
    height: 35px; }
    .arrow-green:after {
      content: '';
      display: block;
      -webkit-mask-image: url("../img/icons/14 стрелка.svg");
      mask-image: url("../img/icons/14 стрелка.svg");
      width: 8px;
      height: 12px;
      background-color: #5da932;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1); }
  .header__cats {
    display: block;
    margin-bottom: 5px; }
    .header__cats__item {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 6px 0; }
      .header__cats__item__arrow {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .header__cats__item:last-of-type {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .header__cats__item:not(:last-of-type) {
        border-right: none;
        border-bottom: 1px solid #eaebec; }
      .header__cats__item__title {
        width: 100%; }
        .header__cats__item__title:after {
          display: none; }
  .header__cats__hidden {
    position: static;
    opacity: 1;
    visibility: visible;
    display: none;
    width: auto;
    max-height: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0; }
    .header__cats__hidden-inner {
      height: auto; }
    .header__cats__hidden:before {
      display: none; }
    .header__cats__hidden.active {
      display: block; }
    .header__cats__hidden a {
      border: none;
      padding: 12px 0;
      margin: 0; }
      .header__cats__hidden a:not(:last-of-type) {
        border-bottom: 1px solid #eaebec; }
  .mobile-menu__content .header__nav {
    display: block;
    color: #2e3d46; }
    .mobile-menu__content .header__nav a {
      display: block;
      font-weight: 600;
      padding: 12px 0;
      margin: 0; }
      .mobile-menu__content .header__nav a:not(:last-of-type) {
        border-bottom: 1px solid #eaebec; }
      .mobile-menu__content .header__nav a:after {
        display: none; }
  .mobile-catalog__content.mobile-catalog__content-cats {
    background-color: #f6f6f6;
    padding: 15px; }
  .catalogDropDown__cats {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0; }
    .catalogDropDown__cats__item {
      position: relative; }
      .catalogDropDown__cats__item .catalogDropDown__cats__item__arrow {
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .catalogDropDown__cats__item:hover {
        background-color: #fff; }
  .catalogDropDown__cats__item__name {
    padding-right: 22px; }
  .catalogDropDown__list {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    padding: 0;
    display: none; }
    .catalogDropDown__list li {
      padding: 12px 0;
      margin: 0; }
      .catalogDropDown__list li:not(:last-of-type) {
        border-bottom: 1px solid #eaebec; }
    .catalogDropDown__list.active {
      display: block; }
  .catalogDropDown__subcat {
    display: block;
    position: relative; }
  .subcat__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .siteSection-main {
    margin: 10px 0 0; }
  .mainBanner {
    height: 292px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .mainBanner__slider__item {
    height: 292px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .mainBanner__slider__item__text, .mainBanner__slider__item .btn {
      display: none; }
    .mainBanner__slider__item__body {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      height: 112px;
      text-align: center;
      padding: 14px 20px;
      margin: 0; }
    .mainBanner__slider__item__image {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .mainBanner__slider__item__image img {
        -o-object-position: center;
        object-position: center; }
  .mainBanner__slider, .mainBanner__info {
    width: calc(50% - 5px); }
  .mainBanner__info {
    height: 292px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0;
    margin: 0; }
    .mainBanner__info__image {
      height: auto;
      position: static;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      background-image: url("../img/14-Баннер-2-МОБ.jpg");
      background-position: center bottom; }
    .mainBanner__info__body {
      height: 112px;
      text-align: center;
      background-color: #2e3d46;
      border-top: 1px solid #36444d;
      padding: 15px 20px; }
    .mainBanner__info__text {
      max-width: none; }
  .popularCats {
    margin: 0 -5px -10px; }
    .popularCats__item {
      width: calc(50% - 10px);
      height: 70px;
      padding: 10px 15px;
      margin: 0 5px 10px; }
      .popularCats__item__title {
        max-width: none; }
        .popularCats__item__title br {
          display: none; }
      .popularCats__item__image {
        width: 45%; }
  .decor__ellipse, .decor__ellipse-inner, .decor__arrow {
    display: none; }
  .btn.btn-showMore {
    margin-bottom: 15px; }
  .products {
    padding: 15px 8px 0;
    margin: 0; }
    .products .product {
      width: calc(33.333% - 14px);
      margin: 0 7px 25px; }
    .products ~ .btn-showMore {
      margin-top: 0; }
  .galleryPage .products {
    margin: 0 -7px; }
  .galleryPage .product {
    margin-bottom: 14px; }
    .galleryPage .product__body {
      padding: 12px 10px 0; }
    .galleryPage .product__name {
      height: auto;
      -webkit-line-clamp: 5;
      margin: 0; }
    .galleryPage .product .btn-green {
      display: none; }
  .sliderFalse {
    padding: 15px 8px !important; }
    .sliderFalse .product {
      width: calc(33.333% - 14px);
      margin: 0 7px; }
  .whiteBox.whiteBox-slider {
    bottom: 0; }
  .product__body {
    padding: 12px 0 0; }
  .product__image {
    height: 203px; }
    .product__image img {
      border-radius: 5px 5px 0 0; }
  .product__stickers {
    top: 5px;
    right: 5px; }
  .product__name {
    font-size: 15px;
    margin: 0 0 4px; }
  .product__flex {
    margin-top: 11px; }
    .product__flex .product__count {
      display: none; }
    .product__flex .btn {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin: 0; }
  .product .btn {
    height: 36px;
    font-size: 15px; }
  .product .btn-bordered {
    width: 100%;
    margin: 4px 0 0;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
  .product .price {
    font-size: 15px; }
  .product .price-new, .product .price-normal {
    font-size: 18px; }
  .product .sticker:before {
    margin: 0; }
  .product .sticker span {
    display: none; }
  .services.services-main {
    margin-bottom: 25px; }
  .services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px; }
    .services__item {
      width: calc(25% - 10px);
      height: 280px;
      padding: 11px 15px;
      margin: 0 5px; }
      .services__item__name {
        font-size: 17px;
        line-height: 23px;
        max-width: 138px;
        min-height: 69px; }
    .services__text {
      display: none; }
  .advantages {
    padding: 15px 10px 9px; }
    .advantages__item {
      line-height: 20px;
      border-radius: 10px 30px 10px 10px;
      padding: 12px 10px; }
      .advantages__item__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        width: auto;
        height: 40px; }
  .advantages.advantages-main .advantages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 10px);
    margin: 0 5px 6px; }
    .advantages.advantages-main .advantages__item__title {
      margin: 0 0 0 15px; }
    .advantages.advantages-main .advantages__item__text {
      display: none; }
  .products.products-sm .product:nth-child(4) {
    display: none; }
  .news-main .news__item:last-child {
    display: none; }
  .news {
    margin: 0 -5px 25px; }
  .news__item, .news__item.news__item-lg {
    width: calc(50% - 20px); }
  .news__item__image, .news__item__image.news__item__image-lg {
    height: 265px; }
  .mailing {
    padding: 15px 25px; }
    .mailing:before {
      top: -60px;
      left: -72px; }
    .mailing__form__body .form__control {
      width: calc((100% - 230px) / 2); }
      .mailing__form__body .form__control:last-of-type {
        margin: 0; }
  .mailing-footer {
    margin-top: -20px; }
  .whiteBox.whiteBox-catalog {
    padding: 15px 20px 20px; }
    .whiteBox.whiteBox-catalog .products {
      padding: 20px 0 0;
      margin: 0 -7px -25px; }
    .whiteBox.whiteBox-catalog .btn.btn-showMore {
      margin: 25px auto 0; }
  .partHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eaebec;
    padding: 0 0 13px; }
    .partHeading__name {
      font-size: 22px; }
      .partHeading__name sup {
        -webkit-transform: translate(-1px, -1px);
        -ms-transform: translate(-1px, -1px);
        transform: translate(-1px, -1px); }
  .catFirstLvl__item__image {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    height: 70px;
    margin-right: 15px; }
    .catFirstLvl__item__image img {
      border-radius: 15px; }
  .catFirstLvl__item__name {
    font-size: 17px; }
  .catalog {
    display: block; }
    .catalog__aside {
      width: 100%; }
    .catalog__main {
      width: 100%; }
      .catalog__main__products {
        margin: 20px -7px 0; }
        .catalog__main__products .product {
          width: calc(33.333% - 14px);
          margin: 0 7px 25px; }
  .btn.filters-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .mobile-filters__top__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .mobile-filters__top .countSm {
    height: 100%;
    margin: 2px 0 0 6px; }
  .catalog__aside-filters {
    padding: 15px 0; }
  .mobile-filters__bottom {
    height: auto; }
  .mobile-filters__content-lvl2 .catalog__aside__block__body {
    display: none;
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 10px 0; }
    .mobile-filters__content-lvl2 .catalog__aside__block__body.active {
      display: block; }
  .mobile-filters__content-lvl2 .check-group {
    display: block; }
  .catalog__aside__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 20px;
    margin: 0; }
    .catalog__aside__btns .btn-green {
      margin: 0 10px 0 0; }
  .btn-clearFilter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px; }
    .btn-clearFilter svg {
      margin: 0; }
    .btn-clearFilter span {
      display: none; }
  .products-slider {
    padding: 15px;
    margin: 0; }
    .products-slider .slick-list {
      margin: 0 -7px; }
    .products-slider .slick-slide {
      margin: 0 7px; }
  .searchPage__result {
    font-size: 17px;
    line-height: 23px;
    padding: 0 0 11px;
    margin-top: -2px; }
  .btn.btn-showMore:active {
    color: #fff;
    background-color: #2e3d46; }
    .btn.btn-showMore:active svg {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .btn.btn-showMore:active .st-blueDark {
      fill: #fff; }
  .card {
    padding: 20px; }
  .card__main__content {
    display: block; }
  .card__main__images {
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 0 auto; }
  .card__main__body {
    width: 100%;
    padding: 20px 0 0; }
  .card__main__body__block {
    padding: 14px 55px; }
  .card__main__body__block__top {
    padding: 0; }
  .card__main__body__block__bottom {
    background-color: #fff;
    padding: 0;
    margin: 15px 0 0; }
    .card__main__body__block__bottom .btn-bordered {
      margin: 0; }
  .easyzoom {
    pointer-events: none; }
  .buyFixedBlock {
    width: 100%;
    background-color: #f6f6f6;
    border-top: 1px solid #dfe0e1;
    position: fixed;
    bottom: 54px;
    left: 0;
    z-index: 5;
    padding: 7px 15px 8px; }
  .tabs__head__item {
    padding: 14px 12px; }
  #fixed-filter-btn {
    display: none; }
  .lk__aside {
    position: fixed;
    z-index: 3;
    bottom: 54px;
    left: 0;
    width: 100%;
    background-color: #3a4851;
    padding: 0; }
    .lk__aside__user {
      background-color: #f6f6f6;
      border-top: 1px solid #dfe0e1;
      border-bottom: 1px solid #dfe0e1;
      border-radius: 0;
      padding: 12px 20px;
      margin: 0;
      position: relative; }
      .lk__aside__user__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        height: 30px;
        background-color: #6ebc44;
        margin-right: 10px; }
        .lk__aside__user__icon:before {
          content: '';
          -webkit-mask-image: url("../img/icons/14 стрелка.svg");
          mask-image: url("../img/icons/14 стрелка.svg");
          width: 6px;
          height: 10px;
          background-color: #fff;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-position: center;
          mask-position: center;
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg);
          -webkit-transition: all .15s;
          -o-transition: all .15s;
          transition: all .15s; }
        .lk__aside__user__icon.active:before {
          -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
        .lk__aside__user__icon img {
          display: none; }
      .lk__aside__user__name {
        color: #2e3d46;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding-right: 40px; }
        .lk__aside__user__name br {
          display: none; }
      .lk__aside__user .userMenu__item-out {
        position: absolute;
        right: 20px;
        height: auto;
        padding: 0;
        margin: 0; }
        .lk__aside__user .userMenu__item-out > span {
          display: none; }
        .lk__aside__user .userMenu__item-out .userMenu__item__icon {
          margin: 0; }
    .lk__aside .userMenu__nav {
      height: 0;
      opacity: 0;
      visibility: hidden;
      padding: 0;
      -webkit-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      transition: all 0.25s linear; }
      .lk__aside .userMenu__nav .userMenu__item {
        height: 40px;
        color: #fff;
        padding: 0 20px; }
        .lk__aside .userMenu__nav .userMenu__item .st-blueDark {
          fill: #fff; }
      .lk__aside .userMenu__nav:after {
        display: none; }
      .lk__aside .userMenu__nav.active {
        height: auto;
        opacity: 1;
        visibility: visible;
        padding: 6px 0; }
  .lk__main {
    width: 100%;
    padding: 0; }
  .lk__main__data__title {
    margin: 0 0 22px; }
  .popup__body {
    max-height: calc(100% - 115px);
    margin: 35px 15px 80px; }
  .cart__aside__bottom .btn {
    display: none; }
  .cart__aside__total span {
    font-size: 17px; }
  .cart__aside__note {
    margin: 14px 0 0; }
  .cart-fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .matching.matching-cart {
    margin: 20px 0 10px; }
    .matching.matching-cart p:not(:last-of-type) {
      margin: 0 0 12px; }
  .btn-remove.hint .hint__hidden {
    display: none; }
  .cart__radioBlock__item-mobilePay {
    display: block;
    margin-top: 20px; }
  .cart__delivery__pickup {
    display: block;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
    .cart__delivery__pickup__map {
      width: 100%;
      max-width: none;
      margin: 5px 0 0; }
  .cart__delivery__pickup__shop {
    padding: 0; }
  .cart__delivery__pickup__shop-inner {
    padding: 12px 15px; }
  .cart__delivery__pickup.active {
    border-radius: 5px;
    border: 2px solid #4c84ff;
    padding: 15px 13px; }
    .cart__delivery__pickup.active .cart__delivery__pickup__shop {
      border: none; }
    .cart__delivery__pickup.active .cart__delivery__pickup__shop-inner {
      padding-top: 0; }
    .cart__delivery__pickup.active .mapCancel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .articlePage__aside {
    position: fixed;
    z-index: 3;
    bottom: 54px;
    left: 0;
    width: 100%;
    background-color: #3a4851;
    padding: 0; }
    .articlePage__aside__head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #2e3d46;
      background-color: #f6f6f6;
      border-top: 1px solid #dfe0e1;
      border-bottom: 1px solid #dfe0e1;
      border-radius: 0;
      padding: 12px 20px;
      margin: 0;
      position: relative; }
      .articlePage__aside__head .icon-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        .articlePage__aside__head .icon-arrow.active:after {
          -webkit-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
    .articlePage__aside__nav {
      height: 0;
      opacity: 0;
      visibility: hidden;
      padding: 0;
      -webkit-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      transition: all 0.25s linear; }
      .articlePage__aside__nav.active {
        height: auto;
        opacity: 1;
        visibility: visible;
        padding: 4px 0; }
    .articlePage__aside__link {
      color: #fff;
      padding: 6px 20px; }
      .articlePage__aside__link:before {
        display: none; }
      .articlePage__aside__link:not(:last-of-type) {
        border-bottom: none; }
  .articlePage__main {
    width: 100%;
    padding: 0; }
    .articlePage__main .handleContent__media {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
  .services.services-page {
    margin: 17px -10px 0; }
  .mainServices__printImage {
    bottom: 15px; }
  .contactForm {
    padding: 25px 0 55px; }
    .contactForm__body__flex {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .contactForm__body__phone {
      font-size: 18px;
      margin: 0 0 20px; }
    .contactForm__imageGirl {
      width: 270px;
      bottom: -45px;
      left: -15px; }
    .contactForm__imageMan {
      width: 270px;
      bottom: -43px;
      right: -15px; }
  .work {
    width: calc(25% - 10px); }
  .mainServices__title {
    margin: 0 auto; }
  .mainServices__flex {
    display: block; }
    .mainServices__flex__body {
      max-width: none;
      text-align: center;
      margin: 32px 0 19px; }
    .mainServices__flex__image {
      max-width: 500px;
      position: static;
      margin: 0 auto; }
  .flexBlock {
    display: block; }
    .flexBlock__content.handleContent {
      width: 100%;
      padding: 0; }
    .flexBlock__image {
      width: 100%;
      max-width: 500px;
      margin: 40px auto 0; }
  .services.services-center {
    margin-bottom: -10px; }
    .services.services-center .services__item {
      margin-bottom: 10px; }
  .staticPage-row {
    display: block; }
  .staticPage-col {
    width: 100%; }
    .staticPage-col:not(:first-of-type) {
      margin: 25px 0 0; }
  .deliveryBanner {
    border-radius: 10px 50px 50px 10px;
    padding: 25px 30px 130px; }
    .deliveryBanner__flex {
      margin: 10px 0 14px; }
    .deliveryBanner__image {
      width: 507px; }
      .deliveryBanner__image img {
        max-width: 100%; }
  .clipboard input {
    width: 158px; }
  .clipboard .hint__hidden {
    width: 196px;
    text-align: left;
    padding: 10px 15px; }
    .clipboard .hint__hidden-close {
      display: block; }
    .clipboard .hint__hidden span {
      font-size: 14px;
      line-height: 20px;
      font-weight: 500; }
  .contacts__shops {
    display: block; }
    .contacts__shops__list {
      width: 100%; }
    .contacts__shops__map {
      width: 100%;
      border-radius: 25px;
      margin: 5px 0 0; }
  .contacts__shops .shops__body__item {
    padding: 0 !important; }
  .contacts__shops .shops__body__item-inner {
    padding: 12px 15px; }
  .contacts__shops.active {
    border-radius: 5px;
    border: 2px solid #4c84ff;
    padding: 15px 13px; }
    .contacts__shops.active .shops__body__item {
      border: none; }
    .contacts__shops.active .shops__body__item-inner {
      padding-top: 0; }
    .contacts__shops.active .sticker {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .contacts__shops.active .shops__body__item__images {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .contacts__shops.active .mapCancel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .matching.matching-requisites {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1; }
  .aboutPage-shops {
    padding: 20px 25px 25px; }
  .advantages.advantages-about .advantages__item {
    width: calc(33.333% - 10px);
    margin: 0 5px 6px; }
    .advantages.advantages-about .advantages__item__text {
      font-size: 15px;
      line-height: 22px; }
  .reviewsPage {
    display: block;
    padding: 30px 20px; }
    .reviewsPage__main {
      padding: 0; }
    .reviewsPage__aside {
      display: none; }
  .orderHow .staticPage-col {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0; }
  .page404 {
    min-height: 425px;
    padding: 255px 25px 10px; }
    .page404__image {
      max-width: 650px; }
  .videoPoster {
    display: none; }
  .product__count:active {
    border-color: #a5c1ff; }
    .product__count:active .product__count__value {
      border-color: #a5c1ff; }
    .product__count:active .product__count__minus, .product__count:active .product__count__plus {
      border-color: #a5c1ff; } }

@media (max-width: 830px) {
  .table-wrap {
    width: 100%;
    margin: 0 0 10px; }
  .printPrice-tables {
    margin: 0 0 -10px; }
    .printPrice-tables ~ .btn-loadPrice {
      margin-top: 20px; }
  .advantages.advantages-about .advantages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    margin: 0 0 6px; }
    .advantages.advantages-about .advantages__item__icon {
      -ms-flex-preferred-size: 44px;
      flex-basis: 44px;
      height: 44px;
      margin-right: 15px; }
      .advantages.advantages-about .advantages__item__icon-mission {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        transform: translateY(4px); }
    .advantages.advantages-about .advantages__item__text {
      width: 100%;
      margin: 8px 0 0; } }

@media (max-width: 800px) {
  .news__item__image, .news__item__image.news__item__image-lg {
    height: 230px; }
  .catFirstLvl__item {
    width: calc(50% - 20px); }
  .whiteBox.whiteBox-catalogSingle .btn-showAll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px; }
  .card__main__tabs {
    margin: 25px 0 0; }
  .tabs__head {
    display: none; }
  .tab {
    opacity: 1;
    visibility: visible;
    height: auto; }
    .tab:not(:last-of-type) {
      margin-bottom: 5px; }
    .tab .mCSB_scrollTools {
      width: 10px; }
    .tab .mCSB_inside > .mCSB_container {
      margin-right: 10px; }
  .tab__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .tab__body {
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s; }
  .tab.active .tab__title {
    color: #fff;
    background-color: #4c84ff; }
    .tab.active .tab__title sup {
      color: #fff; }
  .tab.active .tab__title__icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .tab.active .tab__body {
    opacity: 1;
    visibility: visible;
    height: auto;
    max-height: 420px;
    border-bottom: 1px solid #dfe0e1;
    padding: 12px 0 0; }
    .tab.active .tab__body__inner {
      padding-bottom: 10px; }
    .tab.active .tab__body .shops {
      margin-top: 8px; }
  .matching.matching-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 5px; }
    .matching.matching-card p {
      width: 100%; }
      .matching.matching-card p:nth-child(1) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0; }
      .matching.matching-card p:nth-child(2) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4; }
      .matching.matching-card p:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
      .matching.matching-card p:nth-child(4) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5; }
      .matching.matching-card p:nth-child(5) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
      .matching.matching-card p:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6; }
      .matching.matching-card p:nth-child(7) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; }
      .matching.matching-card p:nth-child(8) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7; }
  .reviews.hidden {
    display: none; }
  .tab__body-reviews.maxHeight {
    max-height: none !important; }
    .tab__body-reviews.maxHeight .mCSB_inside > .mCSB_container {
      margin-right: 0 !important; }
  .tab__body-spoilers.maxHeight {
    max-height: none !important; }
    .tab__body-spoilers.maxHeight .mCSB_scrollTools {
      width: 0 !important; }
  .tab__body-spoilers .mCSB_inside > .mCSB_container {
    padding: 0 10px;
    margin: 0 -5px; }
  .card__aside {
    margin: 25px -5px 0; } }

@media (max-width: 767px) {
  .services__item {
    width: calc(50% - 10px);
    margin-bottom: 10px; }
  .container {
    padding: 0 15px; }
  .burgermenu {
    margin-left: -15px; }
  .logo.header__logo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left; }
    .logo.header__logo img {
      width: 96px; }
  .header__top .header__nav {
    display: none; }
  .header__bottom {
    display: block;
    background-color: #2e3d46;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s; }
    .header__bottom__flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      position: relative; }
  .header__bottom.search-visible .search {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .btn-search-show {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .btn-search-hide {
    right: 15px; }
  .search {
    right: 0;
    left: 275px; }
  .mailing {
    padding: 15px 25px; }
    .mailing:before {
      display: none; }
    .mailing__form__text br {
      display: none; }
    .mailing__form__body .form__control {
      width: calc((100% - 230px) / 2); }
      .mailing__form__body .form__control:last-of-type {
        margin: 0; }
  .mailing__form__body .form__control {
    width: 48%;
    margin: 0 0 15px; }
    .mailing__form__body .form__control:last-of-type {
      margin: 0 0 15px; }
  .pagination .pagination__arrow {
    display: none; }
  .pagination-forTest .pagination__pages a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .pagination-forTest .pagination__pages a:nth-child(2), .pagination-forTest .pagination__pages a:nth-child(4), .pagination-forTest .pagination__pages a:last-child {
      display: none !important; }
  .emptyBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 30px; }
    .emptyBlock-search {
      padding: 20px 15px; }
    .emptyBlock__image {
      width: 75px;
      height: 75px;
      margin: 0 0 13px; }
      .emptyBlock__image-fav img {
        width: 36px; }
      .emptyBlock__image-search img {
        width: 33px; }
      .emptyBlock__image-orders img {
        width: 36px; }
      .emptyBlock__image-cart img {
        width: 36px; }
    .emptyBlock__body {
      text-align: center; }
    .emptyBlock__title {
      margin: 0; }
    .emptyBlock__text {
      margin: 12px 0 16px; }
    .emptyBlock .btn {
      margin: 0 auto; }
  .card__main__images {
    max-width: 440px; }
  .card__main__images-sliders, .card__mainSlider__item {
    height: 460px; }
  .shops__head {
    display: none; }
  .shops__body {
    border-top: 1px solid #dfe0e1;
    margin-right: 3px; }
  .contacts__shops .shops__body {
    border-top: none; }
  .shops__body__item {
    display: block;
    padding: 13px 0 18px; }
    .shops__body__item__address {
      width: 100%;
      padding: 0; }
      .shops__body__item__address span {
        margin: 0; }
    .shops__body__item__available {
      width: 100%;
      padding: 0;
      margin: 7px 0 9px; }
    .shops__body__item__time {
      display: block;
      width: 100%;
      line-height: 20px; }
      .shops__body__item__time span {
        display: inline; }
      .shops__body__item__time br {
        display: none; }
  .shops.shops-staticPage .shops__body__item__time {
    width: 100%; }
    .shops.shops-staticPage .shops__body__item__time br {
      display: none; }
  .lk__orders-filters {
    display: block;
    margin: 0 0 15px; }
    .lk__orders-filters .form__control:first-of-type {
      margin: 0 0 15px; }
  .lk__orders .lk__order:not(:last-of-type) {
    margin-bottom: 15px; }
  .lk__order__body {
    padding: 0; }
    .lk__order__body .slick-arrow {
      top: auto;
      bottom: 15px;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .lk__order__body .slick-prev {
      right: auto;
      left: calc(50% - 47px); }
    .lk__order__body .slick-next {
      left: auto;
      right: calc(50% - 47px); }
  .lk__product {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .lk__product__price-perItem {
      display: none; }
    .lk__product__name {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin: 6px 0 8px; }
    .lk__product__mobileCount {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
  .lk__product__body__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-top: -3px; }
    .lk__product__body__price > span {
      display: none; }
    .lk__product__body__price .price {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; }
  .lk__orders .lk__product__body__block {
    display: none; }
  .order__data-orderPage {
    border-top: 1px solid #dfe0e1; }
  .cart__aside {
    padding: 20px 15px 15px; }
  .cart .lk__product {
    padding: 20px 15px; }
  .cart .lk__product__body {
    display: block; }
    .cart .lk__product__body__block {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0; }
      .cart .lk__product__body__block .price {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0; }
      .cart .lk__product__body__block .lk__product__name {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 8px 0 0; }
      .cart .lk__product__body__block .lk__product__oldPrice {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 9px 0 0; }
    .cart .lk__product__body__price {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 10px 0 0; }
  .cart .product__count {
    width: 100px; }
  .cart__ordering {
    padding: 20px 15px 17px; }
  .cart__ordering__block:not(:last-of-type) {
    margin-bottom: 30px; }
  .cart__ordering__block__title {
    margin: 0 0 20px; }
  .cart__ordering__block__subtitle {
    margin: 0 0 15px; }
    .cart__ordering__block__subtitle.mt {
      margin-top: 20px; }
  .cart__radioBlock__item {
    padding: 13px 13px 13px 42px; }
  .cart__aside.cart__aside-ordering {
    padding: 15px 15px 17px; }
  .cart__aside__order__items {
    padding: 14px 0 5px; }
  .cart__main.cart__main-ordering-done {
    padding: 20px 15px; }
  .cart__aside__cartLink {
    left: 15px; }
  .siteSection-innerPage.siteSection-mailing {
    margin-top: -40px; }
  .mainServices__block {
    min-height: 0;
    padding-bottom: 35px; }
  .mainServices__printImage {
    position: static; }
  .contactForm {
    padding: 25px 0 30px; }
    .contactForm__imageGirl {
      width: 200px; }
    .contactForm__imageMan {
      width: 200px; }
  .printPrice-tables {
    margin: 0 0 -10px; }
  .bigForm-wrapper {
    border-radius: 50px 50px 10px 10px; }
  .work {
    width: calc(33.333% - 10px); }
  .flexBlock {
    padding: 12px 15px 20px; }
    .flexBlock__content.handleContent .title-h3:first-child {
      margin: 0 0 10px; }
    .flexBlock__content.handleContent .title-h3:not(:first-of-type) {
      margin: 22px 0 20px; }
    .flexBlock__content.handleContent .title-h4 {
      margin: 12px 0 5px; }
    .flexBlock__content.handleContent .infoBlock {
      font-size: 15px;
      margin-top: 18px; }
    .flexBlock__content.handleContent ul {
      font-size: 15px;
      line-height: 22px; }
    .flexBlock__image {
      margin: 20px auto 0; }
  .deliveryBanner__image {
    width: 410px; }
  .contactForm.contactForm-about {
    min-height: 0; }
  .contactForm__body .btn {
    margin: 17px auto 0; }
  .page404 {
    min-height: 360px;
    padding: 210px 25px 10px; }
    .page404__image {
      max-width: 520px; } }

@media (max-width: 670px) {
  .siteWrapper {
    padding-bottom: 71px; }
  .siteWrapper.siteWrapper-morePb {
    padding-bottom: 127px; }
  .header__services {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .btn.catalog-btn {
    padding: 0;
    height: auto; }
    .btn.catalog-btn span {
      padding: 40px 0 0; }
      .btn.catalog-btn span:before {
        top: 9px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .side-popup {
    padding-bottom: 71px; }
  .search {
    left: 0; }
  .header__bottom__flex {
    height: 60px; }
    .header__bottom__flex .header__nav a {
      margin-right: 23px; }
  .header__bottom.search-visible .header__nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .mainBanner {
    height: 263px; }
  .mainBanner__slider__item {
    height: 263px; }
    .mainBanner__slider__item__body {
      height: 122px;
      padding: 12px 19px; }
    .mainBanner__slider__item__title.title-h2 {
      font-size: 20px;
      line-height: 26px;
      max-width: 200px;
      margin: 0 auto; }
  .mainBanner__info {
    height: 263px; }
    .mainBanner__info__body {
      height: 122px;
      padding: 12px 19px; }
    .mainBanner__info__title {
      font-size: 20px;
      line-height: 26px; }
  .products .product {
    width: calc(50% - 14px); }
  .products.products-sm .product:nth-child(4) {
    display: block; }
  .sliderFalse .product {
    width: calc(50% - 14px); }
  .footer__main {
    display: block; }
  .footer__links {
    width: 100%;
    padding: 0 0 10px; }
  .footer__info {
    width: 100%;
    margin: 30px 0 0; }
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .footer__bottom__rights {
      margin: 0 0 15px; }
  .catalog__main__products .product {
    width: calc(50% - 14px); }
  .buyFixedBlock, .lk__aside, .articlePage__aside {
    bottom: 71px; }
  .lk__main__info {
    display: block; }
    .lk__main__info .lk__main__info__item {
      width: 100%; }
      .lk__main__info .lk__main__info__item:not(:last-of-type) {
        margin: 0 0 5px; }
  .lk__order__top {
    padding: 15px; }
    .lk__order__top__left > div, .lk__order__top__right > div {
      font-size: 18px; }
  .lk__order__bottom {
    padding: 15px; }
  .orderBtn-repeat {
    margin-left: 17px; }
  .orderBtn-cancel {
    margin-left: 19px; }
  .lk__product {
    padding: 20px 15px; }
  .cart__radioBlock__item {
    width: 100%;
    margin: 0; }
    .cart__radioBlock__item:not(:last-of-type) {
      margin: 0 0 5px; }
  .services.services-page {
    margin: 17px -3px 12px; }
    .services.services-page .services__item {
      width: calc(50% - 6px);
      margin: 0 3px 6px; }
  .table {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .table-head {
      padding: 10px 15px; }
      .table-head__title {
        font-size: 17px;
        line-height: 23px; }
      .table-head__props {
        display: none;
        padding: 4px 0; }
  .table-head.active .table-head__props {
    display: block; }
  tbody .mCustomScrollBox {
    width: 100%;
    overflow: visible; }
  tbody .mCSB_container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0 !important;
    top: 0 !important; }
  tbody .mCSB_scrollTools {
    z-index: 2; }
    tbody .mCSB_scrollTools .mCSB_draggerContainer {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      right: 10px;
      left: 10px;
      top: 3px; }
    tbody .mCSB_scrollTools .mCSB_draggerRail {
      background-color: #fff !important; }
  tbody .mCSB_container_wrapper {
    margin: 0 !important; }
  tbody .mCSB_scrollTools_vertical {
    display: none !important; }
  tbody .mCSB_scrollTools_horizontal {
    height: 26px !important;
    background-color: #dce6ff;
    -webkit-transform: translateY(28px);
    -ms-transform: translateY(28px);
    transform: translateY(28px); }
    tbody .mCSB_scrollTools_horizontal .mCSB_dragger_bar, tbody .mCSB_scrollTools_horizontal .mCSB_draggerRail {
      height: 6px !important;
      margin: 10px auto !important; }
  .table-fakeTr {
    display: block; }
  .table-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .btn-loadPrice {
    margin: 20px auto 0; } }

/*---------- mobile -----------*/
@media (max-width: 576px) {
  .siteWrapper {
    padding-bottom: 68px; }
  .siteWrapper.siteWrapper-morePb {
    padding-bottom: 124px; }
  .siteContent {
    padding-bottom: 20px; }
  .siteSection {
    margin: 28px 0; }
  .sectionTitle {
    margin: 0 0 14px; }
  .page-top {
    padding: 12px 0; }
  .breadcrumbs {
    margin: 0 0 4px; }
  .breadcrumb-adapt {
    display: none !important; }
  .page-title sup {
    top: -0.8em; }
  h1, .title-h1 {
    font-size: 26px;
    line-height: 33px; }
  h2, .title-h2 {
    font-size: 24px;
    line-height: 30px; }
  h3, .title-h3 {
    font-size: 20px;
    line-height: 26px; }
  .btn-green, .btn-bordered {
    padding-bottom: 1px; }
  .header__services, .btn.catalog-btn {
    font-size: 11px; }
  .header__middle .container {
    padding: 0 10px; }
  .header__middle__flex {
    padding: 4px 0 8px; }
  .side-popup {
    padding-bottom: 64px; }
    .side-popup__body {
      width: 280px; }
    .side-popup__top {
      padding: 11px 15px; }
    .side-popup__content {
      padding: 5px 15px 0; }
  .mobile-menu-lvl2__title span, .mobile-catalog__title span {
    font-size: 20px; }
  .mobile-catalog__content.mobile-catalog__content-cats {
    padding: 15px 10px; }
  .header__cats {
    padding: 5px 0; }
  .popularCats {
    margin: 0 -3px -6px; }
    .popularCats__item {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: calc(50% - 6px);
      margin: 0 3px 6px; }
      .popularCats__item__title {
        text-align: center; }
      .popularCats__item__image {
        width: 100%;
        opacity: 0.2; }
  .services.services-main {
    margin-bottom: 14px; }
  .advantages {
    padding: 15px 15px 9px; }
    .advantages__item {
      width: 100%;
      line-height: 20px;
      margin: 0 0 6px; }
  .advantages.advantages-main .advantages__item {
    width: 100%;
    line-height: 20px;
    margin: 0 0 6px; }
  .news-main .news__item:nth-child(2) {
    display: none; }
  .news {
    margin: 0 0 20px; }
  .news__item, .news__item.news__item-lg {
    width: 100%;
    padding: 15px 15px 20px;
    margin: 0; }
  .news__item__image, .news__item__image.news__item__image-lg {
    height: 290px; }
  .mailing {
    padding: 15px 20px 20px; }
  .mailing__form {
    display: block; }
  .mailing__form__body .form__control {
    width: 100%;
    margin: 0 0 10px; }
    .mailing__form__body .form__control:last-of-type {
      margin: 0 0 10px; }
  .mailing__form__text {
    width: 100%;
    max-width: none;
    margin: 0 0 14px; }
  .btn.btn-mailingFormShow.clicked {
    height: 0; }
  .mailing.active {
    padding: 15px 20px 20px; }
    .mailing.active .mailing__form__body {
      margin: 0; }
  .popup__body-sm .popup__head {
    padding: 14.5px 45px 14.5px 15px; }
  .popup__head {
    font-size: 18px;
    padding: 14.5px 45px; }
    .popup__head span {
      line-height: 24px; }
  .popup__main {
    padding: 20px 15px;
    overflow: auto; }
    .popup__main-pt {
      padding: 15px 15px 20px; }
    .popup__main .form__row {
      display: block; }
      .popup__main .form__row .form__control {
        width: 100%; }
        .popup__main .form__row .form__control:nth-child(1) {
          margin: 0 0 15px; }
    .popup__main .popup__bottom {
      margin: 20px -15px -20px;
      border-radius: 0; }
  .popup__info {
    padding: 15px 25px;
    margin: 20px -15px -20px; }
  .popup__bottom__line-mb span {
    display: block;
    margin: 3px 0 0; }
  .form__control-mt {
    margin: 14px 0 0; }
  .form__control-mb {
    margin: 0 0 15px; }
  .form__row-mb {
    margin: 0 0 15px; }
  .form__policy {
    margin: 12px 0 0; }
  .popupProduct {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 20px; }
    .popupProduct__body {
      display: block; }
      .popupProduct__body .price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 8px 0 0; }
        .popupProduct__body .price-new {
          margin: 0 5px 0 0; }
    .popupProduct__name {
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .popup__orderAmount__sum {
    font-size: 18px; }
  .loginSwitcher {
    margin: 0 0 15px; }
  .btn.popup__btn-register, .btn.popup__btn-resume {
    width: 240px;
    margin: 24px auto 0; }
  .btn.btn-fullWidth {
    margin: 12px 0 0; }
  .btn.btn-fullWidthMt {
    margin: 15px 0 0; }
  .popup__btns {
    margin: 16px 0 0; }
    .popup__btns .btn {
      width: calc((100% - 14px) /2); }
  .popup__bottom-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: #f6f6f6;
    border-top: 1px solid #dfe0e1;
    padding: 7px 15px 8px;
    border-radius: 0 0 10px 10px; }
    .popup__bottom-mobile .btn {
      width: 100%;
      margin: 0; }
  .popup__orderAmount.popup__bottom-mobile .popup__orderAmount__sum {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 14px; }
  .popup__orderAmount.popup__bottom-mobile .btn {
    max-width: 185px;
    text-transform: uppercase;
    padding: 0 15px; }
  .popup__body-pb {
    padding-bottom: 56px; }
    .popup__body-pb .popup__main-borRad {
      border-radius: 25px 25px 0 0; }
    .popup__body-pb .popup__info {
      border-radius: 0; }
  .code-block {
    margin: 8px 0 0; }
  .whiteBox.whiteBox-catalog {
    border-radius: 10px;
    padding: 9px 15px 15px; }
    .whiteBox.whiteBox-catalog .products {
      padding: 15px 0 0; }
    .whiteBox.whiteBox-catalog .products.products-pt {
      padding-top: 6px; }
  .partHeading {
    padding: 0 0 9px; }
    .partHeading__name {
      font-size: 20px;
      line-height: 26px; }
      .partHeading__name sup {
        -webkit-transform: translate(-1px, 0);
        -ms-transform: translate(-1px, 0);
        transform: translate(-1px, 0); }
    .partHeading__link span {
      display: none; }
  .catalog {
    padding: 15px; }
  .catalog__aside__btns {
    padding: 10px 15px; }
  .filterParams {
    margin: 15px 0 -5px; }
  .catalog__main__products {
    margin: 15px -7px 0; }
  .pagination__wrapper {
    padding: 15px 0 0; }
    .pagination__wrapper.pagination__wrapper-mt {
      margin-top: 15px; }
  .tags {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .searchPage__result {
    margin-top: 0; }
  .card {
    padding: 15px; }
  .card__main__body {
    padding: 15px 0 0; }
  .card__main__body__block__bottom__flex .product__count {
    margin-right: 8px; }
  .card__main__fav {
    margin: 20px 0 0; }
  .buyFixedBlock, .lk__aside, .articlePage__aside {
    bottom: 68px; }
  .articlePage__main .infoBlock {
    margin-top: 15px; }
  .card__main__body__block {
    padding: 10px 14px 14px; }
    .card__main__body__block .price-normal {
      font-size: 26px; }
    .card__main__body__block .price-new {
      font-size: 26px;
      margin-right: 20px; }
    .card__main__body__block .price-old {
      font-size: 18px;
      -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
      transform: translateY(-3px); }
    .card__main__body__block__bottom {
      margin: 9px 0 0; }
  .reviews__block__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3px 0 15px; }
    .reviews__block__top .btn {
      margin-top: 15px; }
  .reviews__info {
    margin: 0 0 10px; }
  .review {
    padding: 15px 0; }
  .review__body {
    margin: 14px 0; }
    .review__body__text.hidden {
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      -webkit-line-clamp: 11;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden; }
  .review__head__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .review__bottom__rate > span {
    display: none; }
  .newReview {
    border-top: none;
    padding: 0 0 10px; }
    .newReview__title {
      font-size: 17px;
      line-height: 23px; }
    .newReview__rate {
      margin: 20px 0 25px; }
    .newReview .form__file-wrapper {
      margin: 20px 0 17px; }
    .newReview .form__file-info {
      padding-right: 20px; }
  .spoiler {
    padding: 0 15px; }
    .spoiler__head {
      padding: 10px 45px 10px 0; }
    .spoiler__body {
      line-height: 22px;
      padding: 12px 0 10px; }
  .card__aside__block {
    padding: 16px 15px; }
    .card__aside__block-sales {
      padding: 18px 15px 14px; }
      .card__aside__block-sales .card__aside__block__title {
        margin: 0 0 10px; }
  .card__aside__block__item {
    display: none; }
    .card__aside__block__item:not(:last-of-type) {
      margin: 0 0 8px; }
  .card__aside__block-sales .card__aside__block__item {
    display: block; }
  .card__aside__block__title-pay, .card__aside__block__title-delivery {
    margin: 0; }
  .lk {
    padding: 20px 15px; }
  .lk__aside__user, .articlePage__aside__head {
    padding: 12px 15px; }
  .lk__aside__user .userMenu__item-out {
    right: 15px; }
  .lk__aside .userMenu__nav .userMenu__item {
    padding: 0 15px; }
  .lk__main__info {
    margin-bottom: 23px; }
    .lk__main__info__item {
      border-radius: 32px 8px 8px 32px;
      padding: 5px; }
      .lk__main__info__item__icon {
        -ms-flex-preferred-size: 54px;
        flex-basis: 54px;
        height: 54px;
        margin-right: 15px; }
      .lk__main__info__item__body > div {
        font-size: 17px;
        margin-top: 4px; }
  .lk__main__info__item-mailing {
    line-height: 20px;
    margin-top: 23px; }
  .lk__main__info__item__body-mailing {
    padding: 6px 0; }
    .lk__main__info__item__body-mailing > div {
      margin-top: 4px; }
  .lk__main__data__title {
    font-size: 18px;
    margin: 0 0 20px; }
  .form__row.form__row-lk {
    margin: 0 0 -15px; }
    .form__row.form__row-lk .form__control {
      width: 100%;
      margin: 0 0 15px; }
  .lk__order__top {
    display: block;
    padding: 11px 15px; }
    .lk__order__top__right {
      text-align: left;
      margin: 7px 0 0; }
    .lk__order__top__left > div, .lk__order__top__right > div {
      margin-bottom: 4px; }
  .lk__order__bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .lk__order__bottom .btn-green {
      width: 100%;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin: 10px 0 0; }
    .lk__order__bottom .btn-bordered {
      width: auto;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .lk__product {
    padding: 20px 0; }
  .order__data {
    padding: 20px 0 15px; }
    .order__data__block:not(:last-of-type) {
      margin-bottom: 25px; }
    .order__data__block__title {
      font-size: 18px;
      margin-bottom: 14px; }
  .lk__order__bottom.lk__order__bottom-single {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .lk__order__bottom.lk__order__bottom-single .btn-green {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      margin: 0; }
  .cart__clear span {
    display: none; }
  .form__row.form__row-address {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 0;
    margin: 0 -5px; }
    .form__row.form__row-address .form__control {
      -ms-flex-preferred-size: calc(33.333% - 10px);
      flex-basis: calc(33.333% - 10px);
      margin: 15px 5px 0; }
  .cart__delivery__pickup__shop-inner {
    padding: 12px 0; }
  .cart__delivery__pickup.active {
    padding: 10px 13px 15px; }
    .cart__delivery__pickup.active .cart__delivery__pickup__shop-inner {
      padding-bottom: 5px; }
  .cart__delivery__pickup__map {
    height: 320px; }
  .ordering-done {
    text-align: center;
    padding: 17px 0 0;
    margin: 20px 0 0; }
    .ordering-done__total {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .ordering-done__total span {
        font-size: 18px; }
      .ordering-done__total .price {
        font-size: 26px; }
    .ordering-done__text {
      margin: 14px 0 17px; }
    .ordering-done .btn {
      margin: 0 auto; }
  .cart__aside.cart__aside-rel {
    margin-bottom: 62px; }
  .articlePage {
    padding: 15px; }
  .articlePage__main.articlePage__main-pb {
    padding-bottom: 0; }
  .articlePage__aside__link {
    padding: 6px 15px; }
  .handleContent__media {
    width: 100%; }
    .handleContent__media.floatLeft, .handleContent__media.floatRight {
      max-width: none;
      float: none;
      margin: 0 0 15px; }
    .handleContent__media__title {
      max-width: 85%; }
  .handleContent h2, .handleContent h3, .handleContent h4, .handleContent h5, .handleContent .title-h2, .handleContent .title-h3, .handleContent .title-h4, .handleContent .title-h5 {
    margin: 15px 0 10px; }
  .handleContent p {
    font-size: 15px;
    line-height: 22px; }
  .handleContent .promptBlock {
    margin: 20px 0; }
  .siteSection-mainServices {
    border-radius: 0 0 15px 15px; }
    .siteSection-mainServices .breadcrumbs {
      text-align: center;
      padding: 1px 0 0; }
      .siteSection-mainServices .breadcrumbs span {
        white-space: nowrap; }
  .mainServices__title-center {
    margin: 15px 0 14px; }
  .mainServices__videoBtn-wrapper {
    font-size: 17px; }
  .mainServices__videoBtn {
    width: 60px;
    height: 44px;
    margin: 0 auto 6px; }
  .contactForm {
    padding: 15px 25px 120px; }
    .contactForm__body__title {
      font-weight: 500;
      margin: 0 0 17px; }
    .contactForm__imageGirl {
      width: 185px;
      bottom: -55px;
      left: 0; }
    .contactForm__imageMan {
      width: 180px;
      bottom: -53px;
      right: -25px; }
  .palettes-wrapper {
    padding: 17px 0 20px; }
  .palette:not(:last-of-type) {
    margin: 0 0 18px; }
  .palette__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 13px; }
  .bigForm-wrapper {
    padding: 15px; }
    .bigForm-wrapper .whiteBox {
      margin: 15px 0 0; }
  .bigForm {
    padding: 15px; }
    .bigForm .form__row {
      display: block; }
    .bigForm .form__control {
      width: 100%; }
      .bigForm .form__control:not(:last-of-type) {
        margin: 0 0 15px; }
    .bigForm .form__file-wrapper {
      margin: 0 0 15px; }
    .bigForm .form__policy {
      margin: 11px 0 0; }
    .bigForm .btn {
      margin: 12px auto 0; }
  .work {
    height: 175px; }
  .mainServices__flex__body {
    margin: 15px 0 14px; }
  .infoBlock {
    padding: 17px 15px 13px; }
  .priceTables {
    padding: 5px 15px; }
  .priceTable__head {
    display: none; }
  .priceTable__body__item__image {
    width: 90px;
    height: 90px;
    margin-right: 15px; }
  .priceTable__body__item__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .priceTable__body__item__flex__block {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      line-height: 20px;
      padding: 0; }
      .priceTable__body__item__flex__block__name {
        font-size: 17px;
        margin: 0 0 8px; }
      .priceTable__body__item__flex__block__text {
        font-size: 15px; }
  .priceTable__body__item__flex__price {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    font-size: 18px;
    margin: -2px 0 6px; }
  .deliveryBanner {
    padding: 17px 20px 130px; }
    .deliveryBanner__image {
      width: 356px; }
  .staticPage-col {
    font-size: 15px; }
    .staticPage-col .title-h3 {
      margin: 0 0 7px; }
    .staticPage-col .title-h4 {
      margin: 7px 0; }
    .staticPage-col .infoBlock {
      margin: 17px 0; }
      .staticPage-col .infoBlock:last-of-type {
        margin-bottom: 0; }
    .staticPage-col .payImages {
      margin: 12px 0 25px; }
  .staticPage-block:not(:last-of-type) {
    margin: 0 0 22px; }
  .title-h3.shops-staticPage__title {
    margin-bottom: 22px; }
  .shops.shops-staticPage {
    margin: 24px 0; }
    .shops.shops-staticPage .shops__body__item {
      padding: 12px 0 15px; }
    .shops.shops-staticPage .shops__body__item__time {
      width: auto; }
    .shops.shops-staticPage .shops__body__item__metro {
      margin: 2px 0 0; }
  .handleContent__media.mt {
    margin-top: 15px; }
  .promptBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 17px 15px 15px;
    margin: 24px 0; }
    .promptBlock__icon {
      margin: 0 0 10px; }
  .matching-wrap-key {
    white-space: normal !important; }
  .siteSection.siteSection-contactsForm {
    margin-top: 30px; }
  .contacts__row {
    display: block;
    margin: 0 0 27px; }
  .contacts__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .contacts__item__title {
      display: block;
      padding-top: 3px; }
      .contacts__item__title__icon {
        margin-right: 20px; }
      .contacts__item__title span {
        display: none; }
    .contacts__item__body {
      margin: 0; }
    .contacts__item .footer__contacts__socials {
      margin: 0; }
  .contacts__shops {
    margin: 17px 0 25px; }
    .contacts__shops__map {
      height: 320px; }
    .contacts__shops .shops__body__item-inner {
      padding: 12px 0; }
  .contacts__shops.active {
    padding: 10px 13px 15px; }
    .contacts__shops.active .shops__body__item-inner {
      padding-bottom: 5px; }
  .matching.matching-requisites {
    font-size: 15px;
    margin: 13px 0 0; }
  .form__row-wrap {
    margin: 0; }
    .form__row-wrap .form__control {
      width: 100%;
      margin: 0 0 15px; }
  .aboutPage-shops {
    padding: 15px 15px 20px; }
    .aboutPage-shops h2.sectionTitle {
      font-size: 20px; }
  .sectionSubtitle {
    font-size: 15px;
    line-height: 22px; }
  .video-container-wrapper {
    margin: 16px auto 0; }
  .siteSection-contactForm {
    margin: 0 0 20px; }
  .reviewsPage {
    padding: 10px 15px 20px; }
    .reviewsPage__main {
      padding: 0; }
      .reviewsPage__main .reviews__block__top {
        padding-top: 10px; }
    .reviewsPage__aside {
      display: none; }
  .reviews-mb {
    margin-bottom: 15px; }
  .galleryPage {
    padding: 15px; }
  .policy .staticPage-col .staticPage-block:not(:last-of-type) {
    margin: 0 0 12px; }
  .policy .staticPage-col .title-h4 {
    margin: 0 0 8px; }
  .siteSection-page404 {
    margin: 20px 0; }
  .page404 {
    min-height: 330px;
    padding: 165px 25px 10px; }
    .page404__image {
      max-width: 400px; }
  .news.news-page {
    margin-bottom: 10px; }
    .news.news-page .news__item {
      margin-bottom: 5px; }
  .news-slider .news__item__image {
    height: 205px; } }

@media (max-width: 500px) {
  .header__contacts__messengers {
    display: none; }
  .input-search {
    padding-left: 14px; }
  .mainBanner__slider, .mainBanner__info {
    width: calc(50% - 3px); }
  .mainBanner__slider__item__title.title-h2, .mainBanner__info__title {
    font-size: 16px;
    line-height: 20px; }
  .mainBanner__info__title {
    margin: 0; }
  .whiteBox {
    margin: 0 -15px; }
    .whiteBox.cart__main {
      width: calc(100% + 30px); }
  .catalog.whiteBox {
    margin-top: 15px; }
  .product__image {
    height: 160px; }
  .services__item {
    width: calc(50% - 6px);
    height: 229px;
    margin: 0 3px 6px; }
    .services__item__name {
      max-width: 150px;
      word-break: break-word;
      max-height: none;
      height: 69px; }
  .services.services-center {
    margin-bottom: -6px; }
    .services.services-center .services__item {
      margin-bottom: 6px; }
  .advantages {
    margin: 0 -15px; }
  .mailing__form__body .form__row .btn {
    width: 100%; }
  .hint__hidden.hint__hidden-help {
    top: auto;
    bottom: calc(100% + 11px); }
    .hint__hidden.hint__hidden-help:before {
      bottom: auto;
      top: 100%;
      border-bottom: 7px solid transparent;
      border-top: 8px solid #5da932; }
  .catFirstLvl__row {
    padding: 15px 0;
    margin: 0 0 -4px; }
  .catFirstLvl__item {
    width: 100%;
    margin: 0 0 4px; }
    .catFirstLvl__item__image {
      -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
      height: 50px; }
  .filterParams__price span {
    display: none; }
  .catalog__main__sort .select__hidden {
    width: 264px; }
  .pagination-forTest .pagination__pages a:nth-child(10), .pagination-forTest .pagination__pages a:nth-child(11), .pagination-forTest .pagination__pages a:nth-child(12) {
    display: none !important; }
  .products-slider {
    padding: 15px 15px 70px; }
    .products-slider .slick-arrow {
      top: auto;
      bottom: 15px;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .products-slider .slick-prev {
      right: auto;
      left: calc(50% - 47px); }
    .products-slider .slick-next {
      left: auto;
      right: calc(50% - 47px); }
  .card__main__body__top .card__main__body__code {
    display: none; }
  .card__main__body__content .card__main__body__code {
    display: block;
    margin: 0 0 11px; }
  .card__main__body__stickers .sticker {
    margin: 0 5px 0 0; }
  .card__main__body__name {
    margin: 8px 0; }
  .card__main__colors {
    margin: 12px 0 15px; }
  .card__main__availability {
    display: none; }
  .shops__body__item__time br {
    display: block; }
  .lk.lk-emptyPage .lk__main .emptyBlock {
    padding: 0 0 15px; }
  .emptyBlock.emptyBlock-cart {
    padding: 20px 15px; }
  .bigForm-wrapper {
    margin: 0 -15px; }
  .contactForm {
    margin: 0 -15px; }
  .palette__slider {
    padding: 0 15px 50px; }
    .palette__slider .slick-arrow {
      top: auto;
      bottom: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .palette__slider .slick-prev {
      right: auto;
      left: calc(50% - 47px); }
    .palette__slider .slick-next {
      left: auto;
      right: calc(50% - 47px); }
  .whiteBox-works .btn.btn-showMore {
    margin-bottom: 15px; }
  .works {
    padding: 15px; }
  .work {
    height: 145px; }
  .services.services-singles .services__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 0; }
    .services.services-singles .services__item__image {
      position: static;
      width: 100%;
      height: 165px; }
      .services.services-singles .services__item__image:after {
        display: none; }
    .services.services-singles .services__item__name {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      font-size: 16px;
      line-height: 20px;
      background-color: #2e3d46;
      height: auto;
      max-height: none;
      max-width: none;
      padding: 10px 15px; }
  .whiteBox.whiteBox-delivery {
    margin-top: 35px; }
    .whiteBox.whiteBox-delivery .staticPage-wrapper {
      padding-top: 0; }
  .staticPage-wrapper {
    padding: 20px 15px; }
  .deliveryBanner {
    position: relative;
    top: -22px;
    margin: 0; }
    .deliveryBanner__flex {
      display: block; }
      .deliveryBanner__flex__item:first-child {
        margin: 0 0 12px; }
  .staticPage-wrapper.staticPage-wrapper--payPage {
    padding-bottom: 5px; }
  .galleryPage .product {
    margin-bottom: 10px; }
    .galleryPage .product__image {
      height: 200px; }
    .galleryPage .product__body {
      padding: 8px 10px 0; }
  .siteSection-page404 {
    margin: 0 0 -20px; }
  .page404 {
    min-height: 350px;
    border-radius: 0;
    padding: 158px 22px 10px;
    margin: 0 -15px; }
    .page404__image {
      top: 29px;
      max-width: 320px; }
    .page404 .btn {
      margin: 15px auto 0; }
  .news-slider {
    padding: 0 0 55px; }
    .news-slider .slick-arrow {
      top: auto;
      bottom: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .news-slider .slick-prev {
      right: auto;
      left: calc(50% - 47px); }
    .news-slider .slick-next {
      left: auto;
      right: calc(50% - 47px); }
    .news-slider .news__item__image {
      height: 240px; } }

@media (max-width: 400px) {
  .burgermenu {
    -ms-flex-preferred-size: 54px;
    flex-basis: 54px; }
  .logo.header__logo {
    width: 74px;
    height: 18px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 0 0 0 15px; }
    .logo.header__logo img {
      width: 74px; }
  .mainBanner, .mainBanner__slider__item, .mainBanner__info {
    height: 193px; }
  .product__image {
    height: 127px; }
  .news__item__image, .news__item__image.news__item__image-lg {
    height: 182px; }
  .mailing__form__text {
    max-width: 235px; }
  .btn.btn-mailingFormShow {
    width: 100%; }
  .popup__orderAmount__sum span {
    display: none; }
  .popup__orderAmount .btn {
    width: 185px; }
  .card__main__images-sliders, .card__mainSlider__item {
    height: 279px; }
  .card__navSlider-wrapper {
    width: 50px; }
  .card__navSlider {
    margin: 7.5px 0; }
    .card__navSlider .slick-slide {
      height: 50px;
      margin: 2.5px 0; }
  .card__navSlider__item {
    height: 50px; }
  .card__mainSlider-wrapper {
    width: calc(100% - 60px); }
  .card__main__images-single {
    width: calc(100% - 60px); }
  .lk__main__data__btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0 0; }
    .lk__main__data__btns .btn {
      width: calc(50% - 7px); }
  .lk__main__data__btns.lk__main__data__btns-fullW {
    display: block; }
    .lk__main__data__btns.lk__main__data__btns-fullW .btn {
      width: 100%; }
      .lk__main__data__btns.lk__main__data__btns-fullW .btn:first-of-type {
        margin: 0 0 5px; }
  .lk__orders-filters .form__control {
    width: 100%; }
  .datepicker {
    padding: 6px; }
  .cart__delivery__pickup__map, .contacts__shops__map {
    height: 207px; }
  .palette__slider__item__image {
    height: 102px; }
  .work {
    height: 90px; }
  .services.services-singles .services__item__image {
    height: 142px; }
  .galleryPage .product__image {
    height: 138px; }
  .news-slider .news__item__image {
    height: 182px; }
  .video-container-wrapper .video-container {
    padding-top: 55%; } }