@charset "UTF-8";
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  image-rendering: -webkit-optimize-contrast !important;
}

html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 10px;
}
html body {
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-family: "Inter", "Arial", sens-serif;
  color: #000;
  background-color: #fff;
  line-height: 1.45;
  overflow-x: hidden;
}
html body .sticky-top {
  position: sticky;
  top: 0;
  z-index: 1045 !important;
}
html body .sticky-top-2 {
  z-index: 1040 !important;
}
html body .wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
html body img {
  max-width: 100%;
  height: auto;
}
html body p {
  padding: 0;
  margin: 0 0 1rem;
}
@media (max-width: 767.98px) {
  html body p {
    margin-bottom: 1rem;
  }
}
html body p a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
html body p:last-child {
  margin: 0;
}
html body a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
html body a:hover {
  color: inherit;
  text-decoration: none;
}
html body a[href^=tel] {
  cursor: pointer;
  text-decoration: none;
}
html body a[href^=tel]:hover {
  text-decoration: none;
  color: inherit;
}
html body .modal button,
html body .popup button,
html body .wrapper button {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  appearance: none !important;
}
html body .modal summary:focus, html body .modal details:focus, html body .modal button:focus, html body .modal input:focus, html body .modal textarea:focus, html body .modal select:focus,
html body .popup summary:focus,
html body .popup details:focus,
html body .popup button:focus,
html body .popup input:focus,
html body .popup textarea:focus,
html body .popup select:focus,
html body .wrapper summary:focus,
html body .wrapper details:focus,
html body .wrapper button:focus,
html body .wrapper input:focus,
html body .wrapper textarea:focus,
html body .wrapper select:focus {
  outline: none !important;
}
html body .modal details,
html body .popup details,
html body .wrapper details {
  margin-bottom: 1rem;
}
html body .modal summary,
html body .popup summary,
html body .wrapper summary {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 2rem;
}
html body .modal .blockquote,
html body .modal blockquote,
html body .popup .blockquote,
html body .popup blockquote,
html body .wrapper .blockquote,
html body .wrapper blockquote {
  border: 0 solid transparent !important;
  position: relative;
  margin: 2.5rem 0;
  padding: 6rem 11.5rem;
  background: linear-gradient(0deg, #3d0202 0%, #c7212c 100%);
  color: #fff;
  font-size: 2.4rem;
  border-radius: 2rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote,
html body .modal blockquote,
html body .popup .blockquote,
html body .popup blockquote,
html body .wrapper .blockquote,
html body .wrapper blockquote {
    padding: 3rem 1rem;
    font-size: 1.6rem;
    border-radius: 1.4rem;
  }
}
html body .modal .blockquote:before, html body .modal .blockquote:after,
html body .modal blockquote:before,
html body .modal blockquote:after,
html body .popup .blockquote:before,
html body .popup .blockquote:after,
html body .popup blockquote:before,
html body .popup blockquote:after,
html body .wrapper .blockquote:before,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:before,
html body .wrapper blockquote:after {
  font-family: "icons" !important;
  position: absolute;
  content: "";
  color: #fff;
  font-size: 4.4rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:before, html body .modal .blockquote:after,
html body .modal blockquote:before,
html body .modal blockquote:after,
html body .popup .blockquote:before,
html body .popup .blockquote:after,
html body .popup blockquote:before,
html body .popup blockquote:after,
html body .wrapper .blockquote:before,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:before,
html body .wrapper blockquote:after {
    font-size: 2.6rem;
  }
}
html body .modal .blockquote:after,
html body .modal blockquote:after,
html body .popup .blockquote:after,
html body .popup blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
  top: -1rem;
  left: 3.2rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:after,
html body .modal blockquote:after,
html body .popup .blockquote:after,
html body .popup blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
    left: 1.2rem;
  }
}
html body .modal .blockquote:before,
html body .modal blockquote:before,
html body .popup .blockquote:before,
html body .popup blockquote:before,
html body .wrapper .blockquote:before,
html body .wrapper blockquote:before {
  bottom: -1rem;
  right: 3.2rem;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:before,
html body .modal blockquote:before,
html body .popup .blockquote:before,
html body .popup blockquote:before,
html body .wrapper .blockquote:before,
html body .wrapper blockquote:before {
    right: 1.2rem;
  }
}
html body .modal .component_page-navigation,
html body .popup .component_page-navigation,
html body .wrapper .component_page-navigation {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
html body .modal .component_page-navigation a,
html body .popup .component_page-navigation a,
html body .wrapper .component_page-navigation a {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0.3rem;
  border: 0.1rem solid transparent;
  color: #000;
  background: #eeeeee;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1;
  min-width: 4.2rem;
  max-width: 4.2rem;
  min-height: 4.2rem;
  max-height: 4.2rem;
  border-radius: 1rem;
}
@media (max-width: 991.98px) {
  html body .modal .component_page-navigation a,
html body .popup .component_page-navigation a,
html body .wrapper .component_page-navigation a {
    min-width: 3.2rem;
    max-width: 3.2rem;
    min-height: 3.2rem;
    max-height: 3.2rem;
  }
}
html body .modal .component_page-navigation a:hover,
html body .popup .component_page-navigation a:hover,
html body .wrapper .component_page-navigation a:hover {
  color: #fff;
  background: #224161;
}
html body .modal .component_page-navigation a.disabled,
html body .popup .component_page-navigation a.disabled,
html body .wrapper .component_page-navigation a.disabled {
  opacity: 0;
  cursor: default;
}
html body .modal .component_page-navigation a.active,
html body .popup .component_page-navigation a.active,
html body .wrapper .component_page-navigation a.active {
  color: #fff;
  background: #224161;
  cursor: default;
}
html body .modal ol,
html body .popup ol,
html body .wrapper ol {
  margin: 0 0 1.5rem 1rem;
  padding: 0;
  font-size: inherit;
}
html body .modal ol li,
html body .popup ol li,
html body .wrapper ol li {
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
html body .modal ol ol,
html body .popup ol ol,
html body .wrapper ol ol {
  margin-top: 0.5rem;
  list-style-type: lower-alpha;
}
html body .modal ul,
html body .popup ul,
html body .wrapper ul {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul li,
html body .popup ul li,
html body .wrapper ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
html body .modal ul.list-none,
html body .popup ul.list-none,
html body .wrapper ul.list-none {
  list-style: none;
}
html body .modal ul.list-none li,
html body .popup ul.list-none li,
html body .wrapper ul.list-none li {
  margin-bottom: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul {
  margin-top: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child {
  margin-bottom: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
  position: absolute;
  content: " ";
  display: inline-block;
  left: 0;
  top: 0.9rem;
  min-width: 0.6rem;
  max-width: 0.6rem;
  min-height: 0.6rem;
  max-height: 0.6rem;
  background: #224161;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
    min-width: 0.5rem;
    max-width: 0.5rem;
    min-height: 0.5rem;
    max-height: 0.5rem;
  }
}
html body .modal nav ul,
html body .popup nav ul,
html body .wrapper nav ul {
  margin: 0;
}
html body .modal .h1, html body .modal .h2, html body .modal .h3, html body .modal .h4, html body .modal .h5, html body .modal .h6,
html body .modal h1, html body .modal h2, html body .modal h3, html body .modal h4, html body .modal h5, html body .modal h6,
html body .popup .h1,
html body .popup .h2,
html body .popup .h3,
html body .popup .h4,
html body .popup .h5,
html body .popup .h6,
html body .popup h1,
html body .popup h2,
html body .popup h3,
html body .popup h4,
html body .popup h5,
html body .popup h6,
html body .wrapper .h1,
html body .wrapper .h2,
html body .wrapper .h3,
html body .wrapper .h4,
html body .wrapper .h5,
html body .wrapper .h6,
html body .wrapper h1,
html body .wrapper h2,
html body .wrapper h3,
html body .wrapper h4,
html body .wrapper h5,
html body .wrapper h6 {
  word-wrap: break-word !important;
  margin: 0 0 1.5rem 0;
  padding: 0;
  font-weight: normal;
}
html body .modal .h1 a, html body .modal .h2 a, html body .modal .h3 a, html body .modal .h4 a, html body .modal .h5 a, html body .modal .h6 a,
html body .modal h1 a, html body .modal h2 a, html body .modal h3 a, html body .modal h4 a, html body .modal h5 a, html body .modal h6 a,
html body .popup .h1 a,
html body .popup .h2 a,
html body .popup .h3 a,
html body .popup .h4 a,
html body .popup .h5 a,
html body .popup .h6 a,
html body .popup h1 a,
html body .popup h2 a,
html body .popup h3 a,
html body .popup h4 a,
html body .popup h5 a,
html body .popup h6 a,
html body .wrapper .h1 a,
html body .wrapper .h2 a,
html body .wrapper .h3 a,
html body .wrapper .h4 a,
html body .wrapper .h5 a,
html body .wrapper .h6 a,
html body .wrapper h1 a,
html body .wrapper h2 a,
html body .wrapper h3 a,
html body .wrapper h4 a,
html body .wrapper h5 a,
html body .wrapper h6 a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
html body .modal button, html body .modal input, html body .modal textarea, html body .modal select,
html body .popup button,
html body .popup input,
html body .popup textarea,
html body .popup select,
html body .wrapper button,
html body .wrapper input,
html body .wrapper textarea,
html body .wrapper select {
  border: 0.1rem solid transparent;
  position: relative;
  resize: none;
  width: 100%;
}
html body .modal button:focus::-webkit-input-placeholder, html body .modal button:focus::placeholder, html body .modal input:focus::-webkit-input-placeholder, html body .modal input:focus::placeholder, html body .modal textarea:focus::-webkit-input-placeholder, html body .modal textarea:focus::placeholder, html body .modal select:focus::-webkit-input-placeholder, html body .modal select:focus::placeholder,
html body .popup button:focus::-webkit-input-placeholder,
html body .popup button:focus::placeholder,
html body .popup input:focus::-webkit-input-placeholder,
html body .popup input:focus::placeholder,
html body .popup textarea:focus::-webkit-input-placeholder,
html body .popup textarea:focus::placeholder,
html body .popup select:focus::-webkit-input-placeholder,
html body .popup select:focus::placeholder,
html body .wrapper button:focus::-webkit-input-placeholder,
html body .wrapper button:focus::placeholder,
html body .wrapper input:focus::-webkit-input-placeholder,
html body .wrapper input:focus::placeholder,
html body .wrapper textarea:focus::-webkit-input-placeholder,
html body .wrapper textarea:focus::placeholder,
html body .wrapper select:focus::-webkit-input-placeholder,
html body .wrapper select:focus::placeholder {
  color: transparent !important;
}
html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
  display: inline-block;
  color: #FFF6EF;
  background: #224161;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.45;
  border: 0.1rem solid transparent;
  background-size: 100% 100%;
  transition: all 0.4s linear;
  font-size: 1.6rem;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    transition: none;
  }
}
@media (min-width: 768px) {
  html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    font-size: 1.6rem;
    padding: 1rem 2.5rem;
    border-radius: 1rem;
  }
}
html body .modal .button:hover, html body .modal button:hover, html body .modal input[type=submit]:hover,
html body .popup .button:hover,
html body .popup button:hover,
html body .popup input[type=submit]:hover,
html body .wrapper .button:hover,
html body .wrapper button:hover,
html body .wrapper input[type=submit]:hover {
  background: #092540;
  color: #fff;
}
html body .modal .button[type=reset], html body .modal button[type=reset], html body .modal input[type=submit][type=reset],
html body .popup .button[type=reset],
html body .popup button[type=reset],
html body .popup input[type=submit][type=reset],
html body .wrapper .button[type=reset],
html body .wrapper button[type=reset],
html body .wrapper input[type=submit][type=reset] {
  color: #373938;
}
html body .modal .button[type=reset]:hover, html body .modal button[type=reset]:hover, html body .modal input[type=submit][type=reset]:hover,
html body .popup .button[type=reset]:hover,
html body .popup button[type=reset]:hover,
html body .popup input[type=submit][type=reset]:hover,
html body .wrapper .button[type=reset]:hover,
html body .wrapper button[type=reset]:hover,
html body .wrapper input[type=submit][type=reset]:hover {
  background: #eeeeee;
  border-color: #eeeeee;
  color: #212529;
}
html body .modal .button[disabled], html body .modal button[disabled], html body .modal input[type=submit][disabled],
html body .popup .button[disabled],
html body .popup button[disabled],
html body .popup input[type=submit][disabled],
html body .wrapper .button[disabled],
html body .wrapper button[disabled],
html body .wrapper input[type=submit][disabled] {
  color: transparent !important;
  position: relative !important;
  opacity: 0;
  cursor: default;
}
html body .modal .button[disabled].disabled, html body .modal button[disabled].disabled, html body .modal input[type=submit][disabled].disabled,
html body .popup .button[disabled].disabled,
html body .popup button[disabled].disabled,
html body .popup input[type=submit][disabled].disabled,
html body .wrapper .button[disabled].disabled,
html body .wrapper button[disabled].disabled,
html body .wrapper input[type=submit][disabled].disabled {
  background: #373938 !important;
  color: #fff !important;
  font-weight: normal !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
html body .modal form,
html body .popup form,
html body .wrapper form {
  position: relative;
  outline: none;
}
html body .modal form .invalid-input,
html body .popup form .invalid-input,
html body .wrapper form .invalid-input {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.25rem;
  line-height: 1.25;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  background-color: #c7212c;
  color: #fff;
}
html body .modal form .invalid-input [class^=icons-],
html body .popup form .invalid-input [class^=icons-],
html body .wrapper form .invalid-input [class^=icons-] {
  display: none;
}
html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
  min-height: 15rem;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit]),
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
  width: 100%;
  border: 0.1rem solid #eeeeee;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  html body .modal form input:not([type=radio], [type=checkbox], [type=submit]),
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
    font-size: 1.6rem;
    padding: 0.85rem 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
  color: #808080;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
    font-size: 1.6rem;
  }
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit]):focus,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]):focus,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]):focus {
  border-color: #0E94D2;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #808080 !important;
  /* цвет текста */
  color: #808080 !important;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[readonly] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover {
  border-color: #eeeeee;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[disabled] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
  width: 100%;
  border: 0.1rem solid #eeeeee;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
    font-size: 1.6rem;
    padding: 0.85rem 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .modal form textarea::-webkit-input-placeholder, html body .modal form textarea::placeholder,
html body .popup form textarea::-webkit-input-placeholder,
html body .popup form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
  color: #808080;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  html body .modal form textarea::-webkit-input-placeholder, html body .modal form textarea::placeholder,
html body .popup form textarea::-webkit-input-placeholder,
html body .popup form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
    font-size: 1.6rem;
  }
}
html body .modal form textarea:focus,
html body .popup form textarea:focus,
html body .wrapper form textarea:focus {
  border-color: #0E94D2;
}
html body .modal form textarea:-webkit-autofill,
html body .popup form textarea:-webkit-autofill,
html body .wrapper form textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #808080 !important;
  /* цвет текста */
  color: #808080 !important;
}
html body .modal form textarea[readonly],
html body .popup form textarea[readonly],
html body .wrapper form textarea[readonly] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal form textarea[readonly]:hover,
html body .popup form textarea[readonly]:hover,
html body .wrapper form textarea[readonly]:hover {
  border-color: #eeeeee;
}
html body .modal form textarea[disabled],
html body .popup form textarea[disabled],
html body .wrapper form textarea[disabled] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal form .label, html body .modal form label,
html body .popup form .label,
html body .popup form label,
html body .wrapper form .label,
html body .wrapper form label {
  position: relative;
  display: block;
  font-weight: bold;
  margin-bottom: 0.25rem;
  cursor: pointer;
  font-size: 1.8rem;
}
@media (max-width: 991.98px) {
  html body .modal form .label, html body .modal form label,
html body .popup form .label,
html body .popup form label,
html body .wrapper form .label,
html body .wrapper form label {
    font-size: 1.6rem;
  }
}
html body .modal form .form-field,
html body .popup form .form-field,
html body .wrapper form .form-field {
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 992px) {
  html body .modal form .form-field,
html body .popup form .form-field,
html body .wrapper form .form-field {
    margin-bottom: 2.5rem;
  }
  html body .modal form .form-field.minWidth,
html body .popup form .form-field.minWidth,
html body .wrapper form .form-field.minWidth {
    min-width: 32rem;
  }
}
html body .modal form .form-field.labelIn label,
html body .popup form .form-field.labelIn label,
html body .wrapper form .form-field.labelIn label {
  position: absolute;
  left: 1rem;
  top: 50%;
  z-index: 5;
  font-size: 1.6rem;
  margin-top: -0.8rem;
  line-height: 1;
  transition: all 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal form .form-field.labelIn label,
html body .popup form .form-field.labelIn label,
html body .wrapper form .form-field.labelIn label {
    transition: none;
  }
}
html body .modal form .form-field.labelIn label.textarea,
html body .popup form .form-field.labelIn label.textarea,
html body .wrapper form .form-field.labelIn label.textarea {
  top: 2rem;
}
html body .modal form .form-field.labelIn.textIn label, html body .modal form .form-field.labelIn:focus-within label,
html body .popup form .form-field.labelIn.textIn label,
html body .popup form .form-field.labelIn:focus-within label,
html body .wrapper form .form-field.labelIn.textIn label,
html body .wrapper form .form-field.labelIn:focus-within label {
  margin-top: -4.5rem;
  left: 0;
}
html body .modal input[type=checkbox],
html body .popup input[type=checkbox],
html body .wrapper input[type=checkbox] {
  display: none;
}
html body .modal input[type=checkbox] + label,
html body .popup input[type=checkbox] + label,
html body .wrapper input[type=checkbox] + label {
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 1.6rem;
  color: #000;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  html body .modal input[type=checkbox] + label,
html body .popup input[type=checkbox] + label,
html body .wrapper input[type=checkbox] + label {
    font-size: 1.4rem;
  }
}
html body .modal input[type=checkbox] + label .check,
html body .popup input[type=checkbox] + label .check,
html body .wrapper input[type=checkbox] + label .check {
  position: relative;
  margin-right: 1rem;
  background: #fff;
  border: 0.2rem solid #224161;
  border-radius: 0.6rem;
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
}
@media (max-width: 767.98px) {
  html body .modal input[type=checkbox] + label .check,
html body .popup input[type=checkbox] + label .check,
html body .wrapper input[type=checkbox] + label .check {
    min-width: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }
}
html body .modal input[type=checkbox] + label .check:after,
html body .popup input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "";
  font-size: 1.6rem;
  left: 50%;
  top: 50%;
  margin-left: calc(-1.6rem/2);
  margin-top: -8rem;
  color: #224161;
  scale: 0.1;
  -webkit-opacity: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal input[type=checkbox] + label .check:after,
html body .popup input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
    transition: none;
  }
}
html body .modal input[type=checkbox]:checked + label .check:after,
html body .popup input[type=checkbox]:checked + label .check:after,
html body .wrapper input[type=checkbox]:checked + label .check:after {
  scale: 1.2;
  margin-top: calc(-1.6rem/2);
  -webkit-opacity: 1;
  opacity: 1;
}
html body .modal input[type=radio],
html body .popup input[type=radio],
html body .wrapper input[type=radio] {
  display: none;
}
html body .modal input[type=radio] + label,
html body .popup input[type=radio] + label,
html body .wrapper input[type=radio] + label {
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 1.4rem;
  color: #D7D7D7;
}
@media (max-width: 767.98px) {
  html body .modal input[type=radio] + label,
html body .popup input[type=radio] + label,
html body .wrapper input[type=radio] + label {
    font-size: 1.2rem;
  }
}
html body .modal input[type=radio] + label .check,
html body .popup input[type=radio] + label .check,
html body .wrapper input[type=radio] + label .check {
  position: relative;
  margin-right: 1.5rem;
  background: #fff;
  border-radius: 50%;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
}
@media (max-width: 767.98px) {
  html body .modal input[type=radio] + label .check,
html body .popup input[type=radio] + label .check,
html body .wrapper input[type=radio] + label .check {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }
}
html body .modal input[type=radio] + label .check:after,
html body .popup input[type=radio] + label .check:after,
html body .wrapper input[type=radio] + label .check:after {
  display: none;
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #EF7153;
  min-width: 1.2rem;
  max-width: 1.2rem;
  min-height: 1.2rem;
  max-height: 1.2rem;
  margin-left: -0.6rem;
  margin-top: -0.6rem;
  border-radius: 50%;
}
html body .modal input[type=radio]:checked + label .check:after,
html body .popup input[type=radio]:checked + label .check:after,
html body .wrapper input[type=radio]:checked + label .check:after {
  display: block;
}
@media (max-width: 1199.98px) {
  html body .modal input[type=time],
html body .popup input[type=time],
html body .wrapper input[type=time] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    appearance: none;
    height: 4rem;
  }
}
html body .modal .radio-btn,
html body .popup .radio-btn,
html body .wrapper .radio-btn {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
html body .modal .radio-btn .radio-btn-circle,
html body .popup .radio-btn .radio-btn-circle,
html body .wrapper .radio-btn .radio-btn-circle {
  position: relative;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  border-radius: 50%;
  background: #eeeeee;
}
html body .modal .radio-btn .radio-btn-circle:after,
html body .popup .radio-btn .radio-btn-circle:after,
html body .wrapper .radio-btn .radio-btn-circle:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-1.6rem/2);
  margin-top: calc(-1.6rem/2);
  background: #c7212c;
  min-width: 1.6rem;
  max-width: 1.6rem;
  min-height: 1.6rem;
  max-height: 1.6rem;
  border-radius: 50%;
  -webkit-opacity: 0;
  opacity: 0;
  transition: all linear 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal .radio-btn .radio-btn-circle:after,
html body .popup .radio-btn .radio-btn-circle:after,
html body .wrapper .radio-btn .radio-btn-circle:after {
    transition: none;
  }
}
html body .modal .radio-btn.active,
html body .popup .radio-btn.active,
html body .wrapper .radio-btn.active {
  cursor: default;
}
html body .modal .radio-btn.active .radio-btn-circle:after,
html body .popup .radio-btn.active .radio-btn-circle:after,
html body .wrapper .radio-btn.active .radio-btn-circle:after {
  -webkit-opacity: 1;
  opacity: 1;
}
html body .modal .component_breadcrumb,
html body .popup .component_breadcrumb,
html body .wrapper .component_breadcrumb {
  overflow: hidden;
  padding: 0;
}
html body .modal .component_breadcrumb nav,
html body .popup .component_breadcrumb nav,
html body .wrapper .component_breadcrumb nav {
  letter-spacing: normal !important;
}
html body .modal .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .popup .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .wrapper .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #373938;
  font-size: 1.2rem;
  padding: 0;
}
html body .modal .component_breadcrumb .breadcrumb,
html body .popup .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  html body .modal .component_breadcrumb .breadcrumb,
html body .popup .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    padding: 1rem 0;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  html body .modal .component_breadcrumb .breadcrumb li:last-child,
html body .popup .component_breadcrumb .breadcrumb li:last-child,
html body .wrapper .component_breadcrumb .breadcrumb li:last-child {
    padding-right: 3rem;
  }
}
html body .modal .component_breadcrumb .breadcrumb li,
html body .popup .component_breadcrumb .breadcrumb li,
html body .wrapper .component_breadcrumb .breadcrumb li {
  margin: 0;
  color: #224161;
  font-size: 1.2rem;
}
html body .modal .component_breadcrumb .breadcrumb li:first-child,
html body .popup .component_breadcrumb .breadcrumb li:first-child,
html body .wrapper .component_breadcrumb .breadcrumb li:first-child {
  padding-left: 0;
}
html body .modal .component_breadcrumb .breadcrumb li a,
html body .popup .component_breadcrumb .breadcrumb li a,
html body .wrapper .component_breadcrumb .breadcrumb li a {
  color: #373938;
  text-transform: inherit;
  text-decoration: none;
}
html body .modal .component_breadcrumb .breadcrumb li a:hover,
html body .popup .component_breadcrumb .breadcrumb li a:hover,
html body .wrapper .component_breadcrumb .breadcrumb li a:hover {
  color: #130E0B;
  text-decoration: underline;
}
html body .modal .component_breadcrumb .breadcrumb li:before,
html body .popup .component_breadcrumb .breadcrumb li:before,
html body .wrapper .component_breadcrumb .breadcrumb li:before {
  float: unset;
  color: #373938;
}
html body .modal .component_tabs .tab-header .tab,
html body .popup .component_tabs .tab-header .tab,
html body .wrapper .component_tabs .tab-header .tab {
  cursor: pointer;
}
html body .modal .component_tabs .tab-header .tab.active,
html body .popup .component_tabs .tab-header .tab.active,
html body .wrapper .component_tabs .tab-header .tab.active {
  cursor: default;
}
html body .modal .component_tabs .tab-body .tab,
html body .popup .component_tabs .tab-body .tab,
html body .wrapper .component_tabs .tab-body .tab {
  display: none;
}
html body .modal .component_tabs .tab-body .tab.active,
html body .popup .component_tabs .tab-body .tab.active,
html body .wrapper .component_tabs .tab-body .tab.active {
  display: block;
}
@media (max-width: 991.98px) {
  html body .modal .component_tabs .js-toggle-body .tab,
html body .popup .component_tabs .js-toggle-body .tab,
html body .wrapper .component_tabs .js-toggle-body .tab {
    display: none !important;
  }
  html body .modal .component_tabs .js-toggle-body.active .tab,
html body .popup .component_tabs .js-toggle-body.active .tab,
html body .wrapper .component_tabs .js-toggle-body.active .tab {
    display: block !important;
  }
}
html body .modal [class^=icons-], html body .modal [class*=" icons-"],
html body .popup [class^=icons-],
html body .popup [class*=" icons-"],
html body .wrapper [class^=icons-],
html body .wrapper [class*=" icons-"] {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body .modal .badstudio_copyright,
html body .popup .badstudio_copyright,
html body .wrapper .badstudio_copyright {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: "Cera Pro";
}
html body .modal .badstudio_copyright .icons-badstudio,
html body .popup .badstudio_copyright .icons-badstudio,
html body .wrapper .badstudio_copyright .icons-badstudio {
  font-size: 3rem;
}
html body .modal .badstudio_copyright .badstudio_copyright-text,
html body .popup .badstudio_copyright .badstudio_copyright-text,
html body .wrapper .badstudio_copyright .badstudio_copyright-text {
  font-size: 1.2rem;
  display: block;
  margin-left: 0;
  margin-top: -0.5rem;
}
html body .modal .badstudio_copyright .badstudio_copyright-date,
html body .popup .badstudio_copyright .badstudio_copyright-date,
html body .wrapper .badstudio_copyright .badstudio_copyright-date {
  display: block;
  font-size: 1.2rem;
  position: absolute;
  right: 0.2rem;
  top: -0.5rem;
  font-family: "Arial", sans-serif;
}
html body .custom-scroll::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: #CDDEF3;
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #224161;
  border-radius: 0.2rem;
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
html body .component_social .social-items {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
}
html body .component_social .social-items a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
  margin: 0 0.5rem 0;
  font-size: 2rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  html body .component_social .social-items a {
    transition: none;
  }
}
html body .component_social .social-items a:hover {
  text-decoration: none;
  color: #D7D7D7;
}
html body .component_social .social-items a:first-child {
  margin-left: 0;
}
html body .component_social .social-items a:last-child {
  margin-right: 0;
}
html body .component_social .social-items a[class*=banstagram]:after {
  content: "*";
  position: absolute;
  right: -0.75rem;
  top: -0.75rem;
  font-size: 1.2rem;
  color: #000;
}
html body .component_social .social-items a[class*=banstagram_fake]:after {
  content: "";
  display: none;
}
html body .component_social .social-items.social-colorsHover a[class*=vkontakte]:hover {
  color: #0077FF !important;
}
html body .component_social .social-items.social-colorsHover a[class*=rutube]:hover {
  color: #f41240 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=viber]:hover {
  color: #665CAC !important;
}
html body .component_social .social-items.social-colorsHover a[class*=whatsapp]:hover {
  color: #25D366 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=facebook]:hover {
  color: #1a77f2 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=telegram]:hover {
  color: #0088cc !important;
}
html body .component_social .social-items.social-colorsHover a[class*=youtube]:hover {
  color: #ff0000 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=spotify]:hover {
  color: #1ED760 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=yandex_music]:hover {
  color: #FC3F1D !important;
}
html body .component_social .social-items.social-colorsHover a[class*=sberzvuk]:hover {
  color: #07ead8 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=flamp]:hover {
  color: #2E6BE5 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=apple_music]:hover {
  color: #fa586a !important;
}
html body .component_social .social-items.social-colorsHover a[class*=banstagram]:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colorsHover a[class*=threads]:hover {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colorsHover a[class*=deezer]:hover {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=vkontakte] {
  color: #0077FF !important;
}
html body .component_social .social-items.social-colors a[class*=rutube] {
  color: #f41240 !important;
}
html body .component_social .social-items.social-colors a[class*=viber] {
  color: #665CAC !important;
}
html body .component_social .social-items.social-colors a[class*=whatsapp] {
  color: #25D366 !important;
}
html body .component_social .social-items.social-colors a[class*=facebook] {
  color: #1a77f2 !important;
}
html body .component_social .social-items.social-colors a[class*=telegram] {
  color: #0088cc !important;
}
html body .component_social .social-items.social-colors a[class*=youtube] {
  color: #ff0000 !important;
}
html body .component_social .social-items.social-colors a[class*=spotify] {
  color: #1ED760 !important;
}
html body .component_social .social-items.social-colors a[class*=yandex_music] {
  color: #FC3F1D !important;
}
html body .component_social .social-items.social-colors a[class*=sberzvuk] {
  color: #07ead8 !important;
}
html body .component_social .social-items.social-colors a[class*=apple_music] {
  color: #fa586a !important;
}
html body .component_social .social-items.social-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-bg-colors a[class*=vkontakte] {
  background-color: #0077FF !important;
}
html body .component_social .social-items.social-bg-colors a[class*=viber] {
  background-color: #665CAC !important;
}
html body .component_social .social-items.social-bg-colors a[class*=whatsapp] {
  background-color: #25D366 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=facebook] {
  background-color: #1a77f2 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=telegram] {
  background-color: #0088cc !important;
}
html body .component_social .social-items.social-bg-colors a[class*=youtube] {
  background-color: #ff0000 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=spotify] {
  background-color: #1ED760 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=yandex_music] {
  background-color: #FC3F1D !important;
}
html body .component_social .social-items.social-bg-colors a[class*=sberzvuk] {
  background-color: #07ead8 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=apple_music] {
  background-color: #fa586a !important;
}
html body .component_social .social-items.social-bg-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
}
html body .flex-basis-100 {
  flex-basis: 100%;
}
html body .flex-basis-auto {
  flex-basis: auto;
}
html body .flex-1-1-0 {
  flex: 1 1 0;
}
html body .flex-1 {
  flex: 1;
}
html body .loading {
  position: relative;
  width: 100%;
  height: 1.6rem;
}
html body .loading:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #000;
  -webkit-animation: loading 5s linear infinite;
  animation: loading 5s linear infinite;
}
html body a.button.disabled {
  background: #eeeeee;
  color: #D7D7D7;
  cursor: not-allowed;
}
html body .loader {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1055;
}
html body .loader:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-5rem/2);
  margin-top: calc(-5rem/2);
  min-width: 5rem;
  max-width: 5rem;
  min-height: 5rem;
  max-height: 5rem;
  border-radius: 50%;
  background: #808080;
  opacity: 0.25;
  animation: pulse 1s infinite linear;
}
html body .loader:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-7rem/2);
  margin-top: calc(-7rem/2);
  min-width: 7rem;
  max-width: 7rem;
  min-height: 7rem;
  max-height: 7rem;
  border-radius: 50%;
  background: #373938;
  opacity: 0.5;
  animation: pulse 0.8s infinite linear;
}
html body .loader.fixed {
  position: fixed;
}
html body .preloader {
  position: absolute;
  left: -1rem;
  right: -1rem;
  bottom: -1rem;
  top: -1rem;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1100;
  border-radius: 1.6rem;
}
html body .preloader:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-8rem/2);
  margin-top: calc(-8rem/2);
  min-width: 8rem;
  max-width: 8rem;
  min-height: 8rem;
  max-height: 8rem;
  border-radius: 50%;
  border-top: 0.4rem solid #c7212c;
  -webkit-animation: preloader 3s linear infinite;
  animation: preloader 3s linear infinite;
}
html body .preloader:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-6rem/2);
  margin-top: calc(-6rem/2);
  min-width: 6rem;
  max-width: 6rem;
  min-height: 6rem;
  max-height: 6rem;
  border-radius: 50%;
  border-top: 0.4rem solid #11633D;
  -webkit-animation: preloader 1.5s linear infinite;
  animation: preloader 1.5s linear infinite;
}
html body > .preloader {
  position: fixed;
}
@keyframes preloader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
html body [class*=copyrights-promo],
html body [class*=copyright__wrap] {
  display: none !important;
}
html body .yandex-map {
  position: relative;
  width: 100%;
  height: 50rem;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
}
@media (min-width: 576px) {
  html body .yandex-map {
    max-width: 100%;
    min-width: 100%;
  }
}
html body .yandex-map > div#yandex-map {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body .yandex-map .ymaps3x0--controls {
  padding: 0;
}
html body .yandex-map .fullscreen-fake {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  max-height: 100vh;
  z-index: 1050;
  background: #fff;
  /* или #000, в зависимости от дизайна */
}
html body .yandex-map .ymaps3x0--button {
  padding: 0;
  background: transparent !important;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}
html body .yandex-map .ymaps3x0--control__background {
  background: transparent !important;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}
html body .yandex-map .ymaps3x0--controls_top {
  right: 1.5rem;
  top: 1.5rem;
  z-index: 11;
}
html body .yandex-map .ymaps3x0--controls_bottom {
  right: 1.5rem;
  bottom: 3rem;
  z-index: 11;
}

.hr, hr {
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #D7D7D7;
}

.js-wow {
  visibility: hidden;
}

.isEmpty[data-content="0"], .isEmpty:empty {
  display: none !important;
}

.bodyNotifyBlock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1rem;
  width: 100%;
  z-index: 1080;
}

.notifyItem {
  min-width: 30rem;
  max-width: 30rem;
  background: #fff;
  color: #000;
  margin: 0 auto;
  font-size: 1.6rem;
  padding: 1rem 1.5rem;
  line-height: 1.25;
  text-align: center;
  border-radius: 4rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .notifyItem {
    max-width: 36rem;
    padding: 1.5rem 4rem;
  }
}
.notifyItem [class*=icons] {
  font-size: 1rem;
}
.notifyItem.fade-out {
  animation: fadeOut 0.3s forwards;
}
.notifyItem.formResult {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.yandex-map {
  width: 100%;
  height: 50rem;
}

.fx-transition {
  transition: all 0.4s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fx-transition {
    transition: none;
  }
}

#__replain_widget:not(.active) {
  inset: auto 0.5rem 6rem auto !important;
}
@media (max-width: 991.98px) {
  #__replain_widget:not(.active) {
    inset: auto 0.5rem 10rem auto !important;
    z-index: 900 !important;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  #__replain_widget:not(.active) {
    inset: auto 0.5rem 10rem auto !important;
    z-index: 1000 !important;
  }
}
@media (max-width: 991.98px) and (min-width: 992px) {
  #__replain_widget:not(.active) {
    inset: auto 0.5rem 11rem auto !important;
  }
}

.js-copy {
  cursor: pointer;
}

.me-0-last:last-child {
  margin-right: 0 !important;
}

.mt-0-first:first-child {
  margin-top: 0 !important;
}

li::marker {
  display: none !important;
}

figcaption {
  text-align: center;
  font-size: 1.6rem;
  color: #808080;
  margin: 0.5rem 0;
}

.left-0 {
  left: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.top-0 {
  top: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.isEmpty[data-content="0"], .isEmpty:empty {
  display: none !important;
}

.radius-50 {
  border-radius: 50%;
}

[id^=wait_comp] {
  display: none !important;
}

.bx-core-dialog-overlay {
  z-index: 3000 !important;
}

.bx-core-adm-dialog {
  z-index: 3010 !important;
}

#bx-panel [class^=icons-], #bx-panel [class*=" icons-"], #bx-panel a [class^=icons-], #bx-panel a [class*=" icons-"], #bx-panel span [class^=icons-], #bx-panel span [class*=" icons-"], #bx-panel div [class^=icons-], #bx-panel div [class*=" icons-"] {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-size: 3rem;
}

html body {
  line-height: 1.45;
  font-family: "Inter", "Arial", sens-serif;
  background-color: #fff;
  color: #000;
  font-size: 1.6rem;
}
html body .modal .h1, html body .modal .h2, html body .modal .h3, html body .modal .h4, html body .modal .h5, html body .modal .h6,
html body .modal h1, html body .modal h2, html body .modal h3, html body .modal h4, html body .modal h5, html body .modal h6,
html body .popup .h1,
html body .popup .h2,
html body .popup .h3,
html body .popup .h4,
html body .popup .h5,
html body .popup .h6,
html body .popup h1,
html body .popup h2,
html body .popup h3,
html body .popup h4,
html body .popup h5,
html body .popup h6,
html body .wrapper .h1,
html body .wrapper .h2,
html body .wrapper .h3,
html body .wrapper .h4,
html body .wrapper .h5,
html body .wrapper .h6,
html body .wrapper h1,
html body .wrapper h2,
html body .wrapper h3,
html body .wrapper h4,
html body .wrapper h5,
html body .wrapper h6 {
  font-weight: bold;
  line-height: 1.25;
}
html body .modal h1, html body .modal .h1,
html body .popup h1,
html body .popup .h1,
html body .wrapper h1,
html body .wrapper .h1 {
  font-size: 3.6rem;
}
@media (max-width: 991.98px) {
  html body .modal h1, html body .modal .h1,
html body .popup h1,
html body .popup .h1,
html body .wrapper h1,
html body .wrapper .h1 {
    font-size: 3.2rem;
  }
}
@media (max-width: 767.98px) {
  html body .modal h1, html body .modal .h1,
html body .popup h1,
html body .popup .h1,
html body .wrapper h1,
html body .wrapper .h1 {
    font-size: 2.4rem;
    line-height: 1;
  }
}
html body .modal h2, html body .modal .h2,
html body .popup h2,
html body .popup .h2,
html body .wrapper h2,
html body .wrapper .h2 {
  font-size: 2.8rem;
}
@media (max-width: 991.98px) {
  html body .modal h2, html body .modal .h2,
html body .popup h2,
html body .popup .h2,
html body .wrapper h2,
html body .wrapper .h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 767.98px) {
  html body .modal h2, html body .modal .h2,
html body .popup h2,
html body .popup .h2,
html body .wrapper h2,
html body .wrapper .h2 {
    font-size: 2.2rem;
  }
}
html body .modal h3, html body .modal .h3,
html body .popup h3,
html body .popup .h3,
html body .wrapper h3,
html body .wrapper .h3 {
  font-size: 2.2rem;
}
@media (max-width: 991.98px) {
  html body .modal h3, html body .modal .h3,
html body .popup h3,
html body .popup .h3,
html body .wrapper h3,
html body .wrapper .h3 {
    font-size: 2rem;
  }
}
@media (max-width: 767.98px) {
  html body .modal h3, html body .modal .h3,
html body .popup h3,
html body .popup .h3,
html body .wrapper h3,
html body .wrapper .h3 {
    font-size: 1.8rem;
  }
}

.wrapper .header-logo {
  width: 16rem;
}
.wrapper footer {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (max-width: 767.98px) {
  .wrapper footer {
    background-image: unset !important;
  }
}
.wrapper footer .footer-sm-bg {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (min-width: 768px) {
  .wrapper footer .footer-sm-bg {
    background-image: unset !important;
  }
}

.msize32 {
  min-width: 3.2rem;
  max-width: 3.2rem;
  min-height: 3.2rem;
  max-height: 3.2rem;
}

.count-float {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: -0.5rem;
  top: -1rem;
  height: 2rem;
  min-width: 2rem;
  border-radius: 1rem;
  font-size: 1.2rem;
  padding: 0.5rem;
  background: #EF7153;
  color: #373938;
}
.count-float[data-content="0"], .count-float:empty {
  display: none !important;
}

.js-toggle .icons-arrow-down {
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .js-toggle .icons-arrow-down {
    transition: none;
  }
}
.js-toggle.active .icons-arrow-down {
  -moz-transform: rotate(540deg);
  -ms-transform: rotate(540deg);
  -webkit-transform: rotate(540deg);
  -o-transform: rotate(540deg);
  transform: rotate(540deg);
}

.birthday-block {
  max-height: 16rem;
  overflow: auto;
}
.birthday-block::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: #CDDEF3;
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
}
.birthday-block::-webkit-scrollbar-thumb {
  background-color: #224161;
  border-radius: 0.2rem;
}
.birthday-block::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
.birthday-block .birthday-item.active {
  color: #224161;
  font-weight: bold;
}
.birthday-block .birthday-item.disabled {
  color: #eeeeee;
}

.component_benefits .benefit-item_previewPicture {
  max-width: 8.6rem;
}
@media (max-width: 991.98px) {
  .component_benefits .benefit-item_previewPicture {
    max-width: 6.4rem;
  }
}

.map-contacts-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  pointer-events: none;
}
.map-contacts-container .map-contacts {
  max-width: 40rem;
  pointer-events: auto;
}
@media (max-width: 991.98px) {
  .map-contacts-container .map-contacts {
    max-width: 34rem;
  }
}
@media (max-width: 767.98px) {
  .map-contacts-container .map-contacts {
    max-width: 24rem;
  }
}

.splide:not(.is-active) .splide__arrows {
  display: none !important;
}
.splide:not(.is-active) .splide__list .splide__slide:not(:first-child) {
  display: none !important;
}

.component_catalog-List .catalog-item_PreviewPicture {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.component_catalog-List .catalog-item_PreviewPicture img {
  min-width: 100%;
}
.component_catalog-List .catalog-item_PreviewPicture .catalog-item_FastView {
  display: -webkit-flex !important;
  display: flex !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.component_catalog-List .catalog-item_PreviewPicture .catalog-item_FastView > div {
  border: 0.1rem solid #224161;
  color: #224161;
  background: #fff;
  -webkit-opacity: 0;
  opacity: 0;
  scale: 0.1;
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component_catalog-List .catalog-item_PreviewPicture .catalog-item_FastView > div {
    transition: none;
  }
}
.component_catalog-List .catalog-item_PreviewPicture .catalog-item_FastView:hover > div {
  background: #224161;
  color: #fff;
}
.component_catalog-List .catalog-item_PreviewPicture:hover .catalog-item_FastView > div {
  -webkit-opacity: 1;
  opacity: 1;
  scale: 1;
}

.line-through {
  position: relative;
}
.line-through:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -0.05rem;
  height: 0.1rem;
  background: #C7212C;
}

.btnCart {
  position: relative;
}
.btnCart .product-add {
  position: relative;
  z-index: 2;
}
.btnCart .product-qtyParent {
  -webkit-opacity: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  z-index: 1;
}
.btnCart .product-qtyBlock {
  border: 0.2rem solid #224161;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btnCart .product-qtyBlock {
    transition: none;
  }
}
.btnCart .product-qtyBlock.inCart {
  max-width: 16rem;
}
@media (max-width: 389.98px) {
  .btnCart .product-qtyBlock.inCart {
    max-width: 100%;
  }
}
.btnCart.active .product-qtyParent {
  -webkit-opacity: 1;
  opacity: 1;
  z-index: 3;
}

.component_filter {
  min-width: 30rem !important;
  max-width: 30rem !important;
}
@media (max-width: 991.98px) {
  .component_filter {
    max-width: 100% !important;
  }
}
.component_filter .filter-color {
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.component_filter .bx-filter-params {
  max-height: calc(100vh - 30rem);
}
@media (max-width: 991.98px) {
  .component_filter .bx-filter-params {
    max-height: calc(100vh - 22.5rem);
  }
}
@media (max-width: 767.98px) {
  .component_filter .bx-filter-params {
    max-height: calc(100vh - 21rem);
  }
}
@media (max-width: 767.98px) {
  .component_filter {
    width: 100%;
  }
}
.component_filter .filter-color {
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
  border-radius: 50%;
  border: 0.1rem solid #eeeeee;
  display: block;
}
.component_filter .filter-paramsBlock {
  max-height: 26rem;
  overflow: auto;
}
.component_filter .bx-filter-param-label.disabled {
  color: #D7D7D7;
}
.component_filter .min-price,
.component_filter .max-price {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem !important;
  border: 0;
  letter-spacing: 0.1rem;
}
.component_filter .bx-ui-slider-track {
  position: relative;
  width: 100%;
  height: 0.8rem;
  background-color: #D7D7D7;
  border-radius: 0.4rem;
}
.component_filter .bx-ui-slider-track .bx-ui-slider-range .bx-ui-slider-handle {
  position: absolute;
  top: 50%;
  margin-top: calc(-1.6rem / 2);
  min-width: 1.6rem;
  max-width: 1.6rem;
  min-height: 1.6rem;
  max-height: 1.6rem;
  background: #373938;
  border-radius: 50%;
  z-index: 100;
}
.component_filter .bx-ui-slider-track .bx-ui-slider-pricebar-vn {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 70;
  background: #808080;
  border-radius: 0.4rem;
}
.component_filter .bx-ui-slider-track .bx-ui-slider-pricebar-vd {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #C7212C;
  z-index: 60;
  border-radius: 0.4rem;
}
.component_filter .bx-ui-slider-track .bx-ui-slider-pricebar-v {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #224161;
  z-index: 80;
  border-radius: 0.4rem;
}
@media (max-width: 991.98px) {
  .component_filter {
    position: fixed;
    left: -100%;
    right: 0;
    top: 0 !important;
    bottom: 0;
    z-index: 10000000000 !important;
    margin: 0;
    padding: 0 2.5rem;
    transition: all 0.4s;
    overflow: auto;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .component_filter {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .component_filter.active {
    left: 0;
  }
}

.sticky-top-2 {
  top: 10rem !important;
}

#custom-popup .sticky-top-2 {
  top: 1.5rem !important;
}

.box-shadow {
  -webkit-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);
}

.box-border {
  border: 0.1rem solid #eeeeee !important;
}

.catalogDetail-float {
  position: sticky;
  bottom: 5rem;
  z-index: 1040;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.float-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1041;
}
@media (min-width: 768px) {
  .float-footer {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .component_catalogDetailPage .sticky-top-2 {
    position: unset;
  }
}

#mmenu_catalog .mm-navbar,
#mmenu .mm-navbar {
  background: #224161;
  color: #fff;
}
#mmenu_catalog .mm-navbar .mm-btn--next:after, #mmenu_catalog .mm-navbar .mm-btn--prev:before,
#mmenu .mm-navbar .mm-btn--next:after,
#mmenu .mm-navbar .mm-btn--prev:before {
  border-color: #fff;
}
#mmenu_catalog .mm-panel,
#mmenu .mm-panel {
  background: #224161;
}
#mmenu_catalog .mm-panel a,
#mmenu .mm-panel a {
  color: #fff;
}
#mmenu_catalog .mm-panel .mm-btn--next:after, #mmenu_catalog .mm-panel .mm-btn--prev:before,
#mmenu .mm-panel .mm-btn--next:after,
#mmenu .mm-panel .mm-btn--prev:before {
  border-color: #fff;
}
#mmenu_catalog .mm-panel .mm-navbar,
#mmenu_catalog .mm-panel .mm-listitem:after,
#mmenu_catalog .mm-panel .mm-listitem__btn,
#mmenu .mm-panel .mm-navbar,
#mmenu .mm-panel .mm-listitem:after,
#mmenu .mm-panel .mm-listitem__btn {
  border-color: #092540;
}
#mmenu_catalog .mm-panel .mm-listitem:after,
#mmenu .mm-panel .mm-listitem:after {
  inset-inline-start: 0;
}
#mmenu_catalog .mm-panel .mm-listitem__text,
#mmenu .mm-panel .mm-listitem__text {
  white-space: unset;
  padding: 2rem 1rem;
  font-size: 2rem;
}
#mmenu_catalog .mmenu-close,
#mmenu .mmenu-close {
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  z-index: 1010;
}
#mmenu_catalog .mm-navbar__btn,
#mmenu .mm-navbar__btn {
  margin-left: 4rem;
}
#mmenu_catalog:not(.mm-menu),
#mmenu:not(.mm-menu) {
  display: none;
}
#mmenu_catalog:not(.mm-menu--opened),
#mmenu:not(.mm-menu--opened) {
  margin-top: -1rem;
}

.float-sections {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1042;
  height: calc(100vh - 12rem);
}
.float-sections .section-block.selected {
  background: #224161 !important;
  color: #fff !important;
}
.float-sections .subsection-block {
  display: none;
}
.float-sections .subsection-block.active {
  display: block;
}

.component_pvz {
  min-height: 36rem;
}
.component_pvz .pvz-list {
  width: 100%;
  max-height: 42rem;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 991.98px) {
  .component_pvz .pvz-list {
    max-height: 30rem;
  }
}
.component_pvz .pvzItem-select.deactive {
  display: none;
}
.component_pvz .pvz_map {
  height: 100%;
  min-height: 36rem;
}

.select-fakePayment {
  cursor: pointer;
}
.select-fakePayment.active {
  cursor: default;
  background-color: #D7D7D7;
  color: #224161;
}
.select-fakePayment img {
  max-height: 4rem;
  width: auto;
  height: auto;
  max-width: 17rem;
}
@media (max-width: 767.98px) {
  .select-fakePayment img {
    max-width: 8rem;
  }
}

.catalog-open.active .my-menu span {
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .catalog-open.active .my-menu span {
    transition: none;
  }
}
.catalog-open.active .my-menu span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .catalog-open.active .my-menu span:before {
    transition: none;
  }
}
.catalog-open.active .my-menu span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .catalog-open.active .my-menu span:after {
    transition: none;
  }
}
.catalog-open.active .my-menu span:before,
.catalog-open.active .my-menu span:after {
  background-color: #224161;
}

.my-menu {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.my-menu span {
  margin: 0 auto;
  position: relative;
  top: 0;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu span {
    transition: none;
  }
}
.my-menu span:before, .my-menu span:after {
  position: absolute;
  content: "";
}
.my-menu span:before {
  margin-top: -0.4rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu span:before {
    transition: none;
  }
}
.my-menu span:after {
  margin-top: 0.4rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu span:after {
    transition: none;
  }
}
.my-menu span,
.my-menu span:before,
.my-menu span:after {
  width: 2.5rem;
  height: 0.2rem;
  background-color: #224161;
  display: block;
  border-radius: 100rem;
}

.pagination-outside {
  margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .pagination-outside {
    margin-bottom: 1.5rem;
  }
}
.pagination-outside .splide .splide__pagination {
  bottom: -5rem;
}
@media (max-width: 767.98px) {
  .pagination-outside .splide .splide__pagination {
    bottom: -1.5rem;
  }
}

.cartNotifyBlock {
  position: absolute;
  right: 0;
  top: calc(100% + 2rem);
  min-width: 24rem;
  max-width: 24rem;
  z-index: 5010;
}
@media (max-width: 991.98px) {
  .cartNotifyBlock {
    position: fixed;
    top: inherit;
    bottom: 7rem;
    min-width: calc(100% - 1rem);
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 12rem;
    overflow: hidden;
  }
  .cartNotifyBlock.isCartPage {
    bottom: 1rem;
  }
}
.cartNotifyBlock .notify_item {
  padding: 1rem;
  border-radius: 1rem;
  background: #224161;
  color: #fff;
}

.component_search .search-showProcess .search-result_images {
  min-width: 16rem;
  max-width: 16rem;
  min-height: 16rem;
  max-height: 16rem;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
}
.component_search .search-showProcess .search-result_images > div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  transition: opacity 0.5s ease-in-out;
}
.component_search .search-showProcess .search-result_images > div.active {
  display: block;
}
.component_search .component_search-result {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 0.5rem);
  background: #fff;
  color: #000;
  border-radius: 0 0 1rem 1rem;
  border: 0.1rem solid #eeeeee;
  z-index: 1090;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .component_search .component_search-result {
    min-width: 45rem;
  }
}
@media (max-width: 767.98px) {
  .component_search .component_search-result {
    min-width: auto;
    max-width: 100%;
    top: 100%;
  }
}
.component_search .component_search-result .component_search-result_scroll .search-items {
  max-height: calc(100vh - 36rem);
  overflow: auto;
}
@media (max-width: 991.98px) {
  .component_search .component_search-result .component_search-result_scroll .search-items {
    max-height: calc(100vh - 20rem);
    min-height: calc(100vh - 20rem);
  }
}
@media (max-width: 767.98px) {
  .component_search .component_search-result .component_search-result_scroll .search-items {
    max-height: calc(100vh - 19rem);
    min-height: calc(100vh - 19rem);
  }
}
.component_search .component_search-result .search-items .search-item_image {
  min-width: 12rem;
  max-width: 12rem;
  border-radius: 0.6rem;
  overflow: hidden;
}

.search-loading span {
  display: inline-block;
  animation: circleMotion 1.5s infinite ease-in-out;
}

@keyframes circleMotion {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(10px, -10px);
  }
  50% {
    transform: translate(0, -15px);
  }
  75% {
    transform: translate(-10px, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.ddd-anim {
  position: absolute;
  right: -1.4rem;
  bottom: 0;
}
.ddd-anim:after {
  display: inline-block;
  content: ".";
  animation: dotAnimation 1s infinite step-start;
}

@keyframes dotAnimation {
  1% {
    content: ".";
  }
  33% {
    content: "..";
  }
  66% {
    content: "...";
  }
}
.m-search {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10000;
}
.m-search button:focus, .m-search input:focus {
  outline: none;
}

.filter-count {
  position: absolute;
  left: 0;
  top: 0;
}
.filter-count[data-content="0"], .filter-count:empty {
  display: none !important;
}

.component_sort {
  position: relative;
}
.component_sort .list-items {
  position: absolute;
  right: 0;
  width: 28rem;
  top: 100%;
  padding-top: 0.5rem;
  z-index: 10;
  display: none;
}
.component_sort:hover .list-items {
  display: block;
}

.component_sort-fixed {
  max-width: 26rem;
  min-width: 100% !important;
}
@media (max-width: 991.98px) {
  .component_sort-fixed {
    position: fixed;
    left: -100%;
    right: 0;
    top: 0 !important;
    bottom: 0;
    z-index: 10000000000 !important;
    margin: 0;
    padding: 0 2.5rem;
    transition: all 0.4s;
    overflow: auto;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .component_sort-fixed {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .component_sort-fixed.active {
    left: 0;
  }
}

@media (min-width: 768px) {
  .overflow-md-unset {
    overflow: unset !important;
  }
}

.catalogFilter-openBtn-count {
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
  margin-left: -0.5rem;
  top: -0.5rem;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.cart-price-text {
  width: 6.05rem;
}

.component_catalogSections .catalogSections-item {
  aspect-ratio: 16/9;
}

.border-button {
  background: #fff !important;
  border: 0.1rem solid #eeeeee !important;
  color: #000 !important;
}
.border-button:hover {
  background: #eeeeee !important;
}

/*# sourceMappingURL=styles.css.map */