@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: 100dvh;
}
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 #eeeeee;
  color: #000;
  background: #fff;
  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 {
  background: #eeeeee;
}
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: #E91801;
  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 0.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: 0.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: calc((1.45em - 0.6rem) / 2 + 0.08em);
  min-width: 0.6rem;
  max-width: 0.6rem;
  min-height: 0.6rem;
  max-height: 0.6rem;
  background: #E91801;
  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 {
    top: calc((1.45em - 0.5rem) / 2 + 0.08em);
    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 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%;
  border-radius: 0;
}
html body .modal button:focus:not([readonly])::-webkit-input-placeholder, html body .modal button:focus:not([readonly])::placeholder, html body .modal input:focus:not([readonly])::-webkit-input-placeholder, html body .modal input:focus:not([readonly])::placeholder, html body .modal textarea:focus:not([readonly])::-webkit-input-placeholder, html body .modal textarea:focus:not([readonly])::placeholder, html body .modal select:focus:not([readonly])::-webkit-input-placeholder, html body .modal select:focus:not([readonly])::placeholder,
html body .popup button:focus:not([readonly])::-webkit-input-placeholder,
html body .popup button:focus:not([readonly])::placeholder,
html body .popup input:focus:not([readonly])::-webkit-input-placeholder,
html body .popup input:focus:not([readonly])::placeholder,
html body .popup textarea:focus:not([readonly])::-webkit-input-placeholder,
html body .popup textarea:focus:not([readonly])::placeholder,
html body .popup select:focus:not([readonly])::-webkit-input-placeholder,
html body .popup select:focus:not([readonly])::placeholder,
html body .wrapper button:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper button:focus:not([readonly])::placeholder,
html body .wrapper input:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper input:focus:not([readonly])::placeholder,
html body .wrapper textarea:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper textarea:focus:not([readonly])::placeholder,
html body .wrapper select:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper select:focus:not([readonly])::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: #fff;
  background: #E91801;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.45;
  border: 0.1rem solid transparent;
  font-size: 1.6rem;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  text-align: center;
  transition: all 0.3s;
}
@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.8rem;
    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: #BB1111;
}
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: #121212;
}
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: #121212 !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 {
  outline: none;
}
html body .modal form .invalid-input,
html body .popup form .invalid-input,
html body .wrapper form .invalid-input {
  position: absolute;
  top: calc(100% - 1.25rem);
  left: 1.5rem;
  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 button, html body .modal form input, html body .modal form textarea, html body .modal form select,
html body .popup form button,
html body .popup form input,
html body .popup form textarea,
html body .popup form select,
html body .wrapper form button,
html body .wrapper form input,
html body .wrapper form textarea,
html body .wrapper form select {
  border: 0.1rem solid transparent;
  position: relative;
  resize: none;
  width: 100%;
}
html body .modal form button.validate, html body .modal form input.validate, html body .modal form textarea.validate, html body .modal form select.validate,
html body .popup form button.validate,
html body .popup form input.validate,
html body .popup form textarea.validate,
html body .popup form select.validate,
html body .wrapper form button.validate,
html body .wrapper form input.validate,
html body .wrapper form textarea.validate,
html body .wrapper form select.validate {
  border-color: #E91801 !important;
}
html body .modal form button.validate + .invalid-tooltip,
html body .modal form button.validate + .invalid-input, html body .modal form input.validate + .invalid-tooltip,
html body .modal form input.validate + .invalid-input, html body .modal form textarea.validate + .invalid-tooltip,
html body .modal form textarea.validate + .invalid-input, html body .modal form select.validate + .invalid-tooltip,
html body .modal form select.validate + .invalid-input,
html body .popup form button.validate + .invalid-tooltip,
html body .popup form button.validate + .invalid-input,
html body .popup form input.validate + .invalid-tooltip,
html body .popup form input.validate + .invalid-input,
html body .popup form textarea.validate + .invalid-tooltip,
html body .popup form textarea.validate + .invalid-input,
html body .popup form select.validate + .invalid-tooltip,
html body .popup form select.validate + .invalid-input,
html body .wrapper form button.validate + .invalid-tooltip,
html body .wrapper form button.validate + .invalid-input,
html body .wrapper form input.validate + .invalid-tooltip,
html body .wrapper form input.validate + .invalid-input,
html body .wrapper form textarea.validate + .invalid-tooltip,
html body .wrapper form textarea.validate + .invalid-input,
html body .wrapper form select.validate + .invalid-tooltip,
html body .wrapper form select.validate + .invalid-input {
  display: block;
}
html body .modal form button.validate + label + .invalid-tooltip,
html body .modal form button.validate + label + .invalid-input, html body .modal form input.validate + label + .invalid-tooltip,
html body .modal form input.validate + label + .invalid-input, html body .modal form textarea.validate + label + .invalid-tooltip,
html body .modal form textarea.validate + label + .invalid-input, html body .modal form select.validate + label + .invalid-tooltip,
html body .modal form select.validate + label + .invalid-input,
html body .popup form button.validate + label + .invalid-tooltip,
html body .popup form button.validate + label + .invalid-input,
html body .popup form input.validate + label + .invalid-tooltip,
html body .popup form input.validate + label + .invalid-input,
html body .popup form textarea.validate + label + .invalid-tooltip,
html body .popup form textarea.validate + label + .invalid-input,
html body .popup form select.validate + label + .invalid-tooltip,
html body .popup form select.validate + label + .invalid-input,
html body .wrapper form button.validate + label + .invalid-tooltip,
html body .wrapper form button.validate + label + .invalid-input,
html body .wrapper form input.validate + label + .invalid-tooltip,
html body .wrapper form input.validate + label + .invalid-input,
html body .wrapper form textarea.validate + label + .invalid-tooltip,
html body .wrapper form textarea.validate + label + .invalid-input,
html body .wrapper form select.validate + label + .invalid-tooltip,
html body .wrapper form select.validate + label + .invalid-input {
  display: block;
}
html body .modal form button.validate + .select2 + .invalid-tooltip,
html body .modal form button.validate + .select2 + .invalid-input, html body .modal form input.validate + .select2 + .invalid-tooltip,
html body .modal form input.validate + .select2 + .invalid-input, html body .modal form textarea.validate + .select2 + .invalid-tooltip,
html body .modal form textarea.validate + .select2 + .invalid-input, html body .modal form select.validate + .select2 + .invalid-tooltip,
html body .modal form select.validate + .select2 + .invalid-input,
html body .popup form button.validate + .select2 + .invalid-tooltip,
html body .popup form button.validate + .select2 + .invalid-input,
html body .popup form input.validate + .select2 + .invalid-tooltip,
html body .popup form input.validate + .select2 + .invalid-input,
html body .popup form textarea.validate + .select2 + .invalid-tooltip,
html body .popup form textarea.validate + .select2 + .invalid-input,
html body .popup form select.validate + .select2 + .invalid-tooltip,
html body .popup form select.validate + .select2 + .invalid-input,
html body .wrapper form button.validate + .select2 + .invalid-tooltip,
html body .wrapper form button.validate + .select2 + .invalid-input,
html body .wrapper form input.validate + .select2 + .invalid-tooltip,
html body .wrapper form input.validate + .select2 + .invalid-input,
html body .wrapper form textarea.validate + .select2 + .invalid-tooltip,
html body .wrapper form textarea.validate + .select2 + .invalid-input,
html body .wrapper form select.validate + .select2 + .invalid-tooltip,
html body .wrapper form select.validate + .select2 + .invalid-input {
  display: block;
}
html body .modal form button:focus::-webkit-input-placeholder, html body .modal form button:focus::placeholder, html body .modal form input:focus::-webkit-input-placeholder, html body .modal form input:focus::placeholder, html body .modal form textarea:focus::-webkit-input-placeholder, html body .modal form textarea:focus::placeholder, html body .modal form select:focus::-webkit-input-placeholder, html body .modal form select:focus::placeholder,
html body .popup form button:focus::-webkit-input-placeholder,
html body .popup form button:focus::placeholder,
html body .popup form input:focus::-webkit-input-placeholder,
html body .popup form input:focus::placeholder,
html body .popup form textarea:focus::-webkit-input-placeholder,
html body .popup form textarea:focus::placeholder,
html body .popup form select:focus::-webkit-input-placeholder,
html body .popup form select:focus::placeholder,
html body .wrapper form button:focus::-webkit-input-placeholder,
html body .wrapper form button:focus::placeholder,
html body .wrapper form input:focus::-webkit-input-placeholder,
html body .wrapper form input:focus::placeholder,
html body .wrapper form textarea:focus::-webkit-input-placeholder,
html body .wrapper form textarea:focus::placeholder,
html body .wrapper form select:focus::-webkit-input-placeholder,
html body .wrapper form select:focus::placeholder {
  color: transparent !important;
}
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: #F5F5F5;
  line-height: 1.25;
  font-size: 1.6rem;
  padding: 0.95rem 1.5rem;
  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: 1.15rem 2rem;
    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: #333333;
  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: #E5E5E5;
  box-shadow: 0 0 0 0.25rem rgba(229, 229, 229, 0.08);
  outline: none;
}
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: #333333 !important; /* цвет текста */
  color: #333333 !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: #F5F5F5;
  line-height: 1.25;
  font-size: 1.6rem;
  padding: 0.95rem 1.5rem;
  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: 1.15rem 2rem;
    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: #333333;
  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: #E5E5E5;
  box-shadow: 0 0 0 0.25rem rgba(229, 229, 229, 0.08);
  outline: none;
}
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: #333333 !important; /* цвет текста */
  color: #333333 !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: flex;
  font-weight: bold;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 1.6rem;
}
@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.4rem;
  }
}
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 > .position-relative,
html body .popup form .form-field > .position-relative,
html body .wrapper form .form-field > .position-relative {
  position: relative;
}
html body .modal form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
html body .modal form .form-field > label + textarea,
html body .popup form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
html body .popup form .form-field > label + textarea,
html body .wrapper form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
html body .wrapper form .form-field > label + textarea {
  padding-top: 1.7rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  html body .modal form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
  html body .modal form .form-field > label + textarea,
  html body .popup form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
  html body .popup form .form-field > label + textarea,
  html body .wrapper form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
  html body .wrapper form .form-field > label + textarea {
    padding-top: 2rem;
    padding-bottom: 0.65rem;
  }
}
html body .modal form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::-webkit-input-placeholder, html body .modal form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::placeholder,
html body .modal form .form-field > label + textarea::-webkit-input-placeholder,
html body .modal form .form-field > label + textarea::placeholder,
html body .popup form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::-webkit-input-placeholder,
html body .popup form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::placeholder,
html body .popup form .form-field > label + textarea::-webkit-input-placeholder,
html body .popup form .form-field > label + textarea::placeholder,
html body .wrapper form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::-webkit-input-placeholder,
html body .wrapper form .form-field > label + input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::placeholder,
html body .wrapper form .form-field > label + textarea::-webkit-input-placeholder,
html body .wrapper form .form-field > label + textarea::placeholder {
  color: transparent;
}
html body .modal form .form-field > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field > label:has(+ textarea),
html body .popup form .form-field > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field > label:has(+ textarea),
html body .wrapper form .form-field > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field > label:has(+ textarea) {
  position: absolute;
  z-index: 2;
  left: 1.5rem;
  top: 50%;
  display: block;
  max-width: calc(100% - 3rem);
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  color: #333333;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.15;
  transform: translateY(-50%);
  transition: top 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}
@media (min-width: 768px) {
  html body .modal form .form-field > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .modal form .form-field > label:has(+ textarea),
  html body .popup form .form-field > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .popup form .form-field > label:has(+ textarea),
  html body .wrapper form .form-field > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .wrapper form .form-field > label:has(+ textarea) {
    left: 2rem;
    max-width: calc(100% - 4rem);
    font-size: 1.6rem;
  }
}
html body .modal form .form-field > label:has(+ textarea),
html body .popup form .form-field > label:has(+ textarea),
html body .wrapper form .form-field > label:has(+ textarea) {
  top: 1.2rem;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field > label:has(+ textarea),
  html body .popup form .form-field > label:has(+ textarea),
  html body .wrapper form .form-field > label:has(+ textarea) {
    top: 1.4rem;
  }
}
html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea), html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ textarea), html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ textarea), html body .modal form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> textarea:focus) > label:has(+ textarea), html body .modal form .form-field:has(> textarea.textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> textarea.textIn) > label:has(+ textarea), html body .modal form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ textarea),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ textarea),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ textarea),
html body .popup form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> textarea:focus) > label:has(+ textarea),
html body .popup form .form-field:has(> textarea.textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> textarea.textIn) > label:has(+ textarea),
html body .popup form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ textarea),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ textarea),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ textarea),
html body .wrapper form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> textarea:focus) > label:has(+ textarea),
html body .wrapper form .form-field:has(> textarea.textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> textarea.textIn) > label:has(+ textarea),
html body .wrapper form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ textarea) {
  top: 0.4rem;
  color: #333333;
  font-size: 1.1rem !important;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea), html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ textarea), html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ textarea), html body .modal form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .modal form .form-field:has(> textarea:focus) > label:has(+ textarea), html body .modal form .form-field:has(> textarea.textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .modal form .form-field:has(> textarea.textIn) > label:has(+ textarea), html body .modal form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .modal form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ textarea),
  html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea),
  html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ textarea),
  html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ textarea),
  html body .popup form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .popup form .form-field:has(> textarea:focus) > label:has(+ textarea),
  html body .popup form .form-field:has(> textarea.textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .popup form .form-field:has(> textarea.textIn) > label:has(+ textarea),
  html body .popup form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .popup form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ textarea),
  html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea),
  html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn) > label:has(+ textarea),
  html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown)) > label:has(+ textarea),
  html body .wrapper form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .wrapper form .form-field:has(> textarea:focus) > label:has(+ textarea),
  html body .wrapper form .form-field:has(> textarea.textIn) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .wrapper form .form-field:has(> textarea.textIn) > label:has(+ textarea),
  html body .wrapper form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
  html body .wrapper form .form-field:has(> textarea:not(:placeholder-shown)) > label:has(+ textarea) {
    top: 0.5rem;
    font-size: 1.2rem !important;
  }
}
html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea), html body .modal form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .modal form .form-field:has(> textarea:focus) > label:has(+ textarea),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea),
html body .popup form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .popup form .form-field:has(> textarea:focus) > label:has(+ textarea),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus) > label:has(+ textarea),
html body .wrapper form .form-field:has(> textarea:focus) > label:has(+ input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])),
html body .wrapper form .form-field:has(> textarea:focus) > label:has(+ textarea) {
  color: #121212;
}
html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .modal form .form-field > textarea + label,
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .modal form .form-field > .position-relative > textarea + label,
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .popup form .form-field > textarea + label,
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .popup form .form-field > .position-relative > textarea + label,
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .wrapper form .form-field > textarea + label,
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .wrapper form .form-field > .position-relative > textarea + label {
  position: absolute;
  z-index: 2;
  left: 1.5rem;
  top: 50%;
  display: block;
  max-width: calc(100% - 3rem);
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  color: #333333;
  background: transparent;
  padding: 0;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.15;
  transform: translateY(-50%);
  transition: top 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}
@media (min-width: 768px) {
  html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .modal form .form-field > textarea + label,
  html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .modal form .form-field > .position-relative > textarea + label,
  html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .popup form .form-field > textarea + label,
  html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .popup form .form-field > .position-relative > textarea + label,
  html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .wrapper form .form-field > textarea + label,
  html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .wrapper form .form-field > .position-relative > textarea + label {
    left: 2rem;
    max-width: calc(100% - 4rem);
    font-size: 1.6rem;
  }
}
html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label, html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label, html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .modal form .form-field > textarea:focus + label,
html body .modal form .form-field > textarea.textIn + label,
html body .modal form .form-field > textarea:not(:placeholder-shown) + label,
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .modal form .form-field > .position-relative > textarea:focus + label,
html body .modal form .form-field > .position-relative > textarea.textIn + label,
html body .modal form .form-field > .position-relative > textarea:not(:placeholder-shown) + label,
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .popup form .form-field > textarea:focus + label,
html body .popup form .form-field > textarea.textIn + label,
html body .popup form .form-field > textarea:not(:placeholder-shown) + label,
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .popup form .form-field > .position-relative > textarea:focus + label,
html body .popup form .form-field > .position-relative > textarea.textIn + label,
html body .popup form .form-field > .position-relative > textarea:not(:placeholder-shown) + label,
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .wrapper form .form-field > textarea:focus + label,
html body .wrapper form .form-field > textarea.textIn + label,
html body .wrapper form .form-field > textarea:not(:placeholder-shown) + label,
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .wrapper form .form-field > .position-relative > textarea:focus + label,
html body .wrapper form .form-field > .position-relative > textarea.textIn + label,
html body .wrapper form .form-field > .position-relative > textarea:not(:placeholder-shown) + label {
  top: 0.4rem;
  font-size: 1.1rem !important;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label, html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label, html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .modal form .form-field > textarea:focus + label,
  html body .modal form .form-field > textarea.textIn + label,
  html body .modal form .form-field > textarea:not(:placeholder-shown) + label,
  html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
  html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
  html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .modal form .form-field > .position-relative > textarea:focus + label,
  html body .modal form .form-field > .position-relative > textarea.textIn + label,
  html body .modal form .form-field > .position-relative > textarea:not(:placeholder-shown) + label,
  html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
  html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
  html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .popup form .form-field > textarea:focus + label,
  html body .popup form .form-field > textarea.textIn + label,
  html body .popup form .form-field > textarea:not(:placeholder-shown) + label,
  html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
  html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
  html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .popup form .form-field > .position-relative > textarea:focus + label,
  html body .popup form .form-field > .position-relative > textarea.textIn + label,
  html body .popup form .form-field > .position-relative > textarea:not(:placeholder-shown) + label,
  html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
  html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
  html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .wrapper form .form-field > textarea:focus + label,
  html body .wrapper form .form-field > textarea.textIn + label,
  html body .wrapper form .form-field > textarea:not(:placeholder-shown) + label,
  html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
  html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
  html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .wrapper form .form-field > .position-relative > textarea:focus + label,
  html body .wrapper form .form-field > .position-relative > textarea.textIn + label,
  html body .wrapper form .form-field > .position-relative > textarea:not(:placeholder-shown) + label {
    top: 0.5rem;
    font-size: 1.2rem !important;
  }
}
html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .modal form .form-field > textarea:focus + label,
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .modal form .form-field > .position-relative > textarea:focus + label,
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .popup form .form-field > textarea:focus + label,
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .popup form .form-field > .position-relative > textarea:focus + label,
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper form .form-field > textarea:focus + label,
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper form .form-field > .position-relative > textarea:focus + label {
  color: #121212;
}
html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label) {
  padding-top: 1.7rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
  html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
  html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
  html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
  html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label),
  html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label) {
    padding-top: 2rem;
    padding-bottom: 0.65rem;
  }
}
html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::-webkit-input-placeholder, html body .modal form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::placeholder,
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::-webkit-input-placeholder,
html body .modal form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::placeholder,
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::-webkit-input-placeholder,
html body .popup form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::placeholder,
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::-webkit-input-placeholder,
html body .popup form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::placeholder,
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::-webkit-input-placeholder,
html body .wrapper form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::placeholder,
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::-webkit-input-placeholder,
html body .wrapper form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):has(+ label)::placeholder {
  color: transparent;
}
html body .modal form .form-field > textarea:has(+ label),
html body .modal form .form-field > .position-relative > textarea:has(+ label),
html body .popup form .form-field > textarea:has(+ label),
html body .popup form .form-field > .position-relative > textarea:has(+ label),
html body .wrapper form .form-field > textarea:has(+ label),
html body .wrapper form .form-field > .position-relative > textarea:has(+ label) {
  padding-top: 1.7rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  html body .modal form .form-field > textarea:has(+ label),
  html body .modal form .form-field > .position-relative > textarea:has(+ label),
  html body .popup form .form-field > textarea:has(+ label),
  html body .popup form .form-field > .position-relative > textarea:has(+ label),
  html body .wrapper form .form-field > textarea:has(+ label),
  html body .wrapper form .form-field > .position-relative > textarea:has(+ label) {
    padding-top: 2rem;
    padding-bottom: 0.65rem;
  }
}
html body .modal form .form-field > textarea:has(+ label)::-webkit-input-placeholder, html body .modal form .form-field > textarea:has(+ label)::placeholder,
html body .modal form .form-field > .position-relative > textarea:has(+ label)::-webkit-input-placeholder,
html body .modal form .form-field > .position-relative > textarea:has(+ label)::placeholder,
html body .popup form .form-field > textarea:has(+ label)::-webkit-input-placeholder,
html body .popup form .form-field > textarea:has(+ label)::placeholder,
html body .popup form .form-field > .position-relative > textarea:has(+ label)::-webkit-input-placeholder,
html body .popup form .form-field > .position-relative > textarea:has(+ label)::placeholder,
html body .wrapper form .form-field > textarea:has(+ label)::-webkit-input-placeholder,
html body .wrapper form .form-field > textarea:has(+ label)::placeholder,
html body .wrapper form .form-field > .position-relative > textarea:has(+ label)::-webkit-input-placeholder,
html body .wrapper form .form-field > .position-relative > textarea:has(+ label)::placeholder {
  color: transparent;
}
html body .modal form .form-field > textarea:has(+ label) + label,
html body .modal form .form-field > .position-relative > textarea:has(+ label) + label,
html body .popup form .form-field > textarea:has(+ label) + label,
html body .popup form .form-field > .position-relative > textarea:has(+ label) + label,
html body .wrapper form .form-field > textarea:has(+ label) + label,
html body .wrapper form .form-field > .position-relative > textarea:has(+ label) + label {
  top: 1.2rem;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field > textarea:has(+ label) + label,
  html body .modal form .form-field > .position-relative > textarea:has(+ label) + label,
  html body .popup form .form-field > textarea:has(+ label) + label,
  html body .popup form .form-field > .position-relative > textarea:has(+ label) + label,
  html body .wrapper form .form-field > textarea:has(+ label) + label,
  html body .wrapper form .form-field > .position-relative > textarea:has(+ label) + label {
    top: 1.4rem;
  }
}
html body .modal form .form-field > textarea:has(+ label):focus + label, html body .modal form .form-field > textarea:has(+ label).textIn + label, html body .modal form .form-field > textarea:has(+ label):not(:placeholder-shown) + label,
html body .modal form .form-field > .position-relative > textarea:has(+ label):focus + label,
html body .modal form .form-field > .position-relative > textarea:has(+ label).textIn + label,
html body .modal form .form-field > .position-relative > textarea:has(+ label):not(:placeholder-shown) + label,
html body .popup form .form-field > textarea:has(+ label):focus + label,
html body .popup form .form-field > textarea:has(+ label).textIn + label,
html body .popup form .form-field > textarea:has(+ label):not(:placeholder-shown) + label,
html body .popup form .form-field > .position-relative > textarea:has(+ label):focus + label,
html body .popup form .form-field > .position-relative > textarea:has(+ label).textIn + label,
html body .popup form .form-field > .position-relative > textarea:has(+ label):not(:placeholder-shown) + label,
html body .wrapper form .form-field > textarea:has(+ label):focus + label,
html body .wrapper form .form-field > textarea:has(+ label).textIn + label,
html body .wrapper form .form-field > textarea:has(+ label):not(:placeholder-shown) + label,
html body .wrapper form .form-field > .position-relative > textarea:has(+ label):focus + label,
html body .wrapper form .form-field > .position-relative > textarea:has(+ label).textIn + label,
html body .wrapper form .form-field > .position-relative > textarea:has(+ label):not(:placeholder-shown) + label {
  top: 0.4rem;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field > textarea:has(+ label):focus + label, html body .modal form .form-field > textarea:has(+ label).textIn + label, html body .modal form .form-field > textarea:has(+ label):not(:placeholder-shown) + label,
  html body .modal form .form-field > .position-relative > textarea:has(+ label):focus + label,
  html body .modal form .form-field > .position-relative > textarea:has(+ label).textIn + label,
  html body .modal form .form-field > .position-relative > textarea:has(+ label):not(:placeholder-shown) + label,
  html body .popup form .form-field > textarea:has(+ label):focus + label,
  html body .popup form .form-field > textarea:has(+ label).textIn + label,
  html body .popup form .form-field > textarea:has(+ label):not(:placeholder-shown) + label,
  html body .popup form .form-field > .position-relative > textarea:has(+ label):focus + label,
  html body .popup form .form-field > .position-relative > textarea:has(+ label).textIn + label,
  html body .popup form .form-field > .position-relative > textarea:has(+ label):not(:placeholder-shown) + label,
  html body .wrapper form .form-field > textarea:has(+ label):focus + label,
  html body .wrapper form .form-field > textarea:has(+ label).textIn + label,
  html body .wrapper form .form-field > textarea:has(+ label):not(:placeholder-shown) + label,
  html body .wrapper form .form-field > .position-relative > textarea:has(+ label):focus + label,
  html body .wrapper form .form-field > .position-relative > textarea:has(+ label).textIn + label,
  html body .wrapper form .form-field > .position-relative > textarea:has(+ label):not(:placeholder-shown) + label {
    top: 0.5rem;
  }
}
html body .modal form .form-field.labelIn > .position-relative,
html body .modal form .form-field.labelIn > div.position-relative,
html body .popup form .form-field.labelIn > .position-relative,
html body .popup form .form-field.labelIn > div.position-relative,
html body .wrapper form .form-field.labelIn > .position-relative,
html body .wrapper form .form-field.labelIn > div.position-relative {
  position: relative;
}
html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
html body .modal form .form-field.labelIn textarea,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
html body .popup form .form-field.labelIn textarea,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
html body .wrapper form .form-field.labelIn textarea {
  padding-top: 1.7rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
  html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
  html body .modal form .form-field.labelIn textarea,
  html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
  html body .popup form .form-field.labelIn textarea,
  html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]),
  html body .wrapper form .form-field.labelIn textarea {
    padding-top: 2rem;
    padding-bottom: 0.65rem;
  }
}
html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::-webkit-input-placeholder, html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::placeholder,
html body .modal form .form-field.labelIn textarea::-webkit-input-placeholder,
html body .modal form .form-field.labelIn textarea::placeholder,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::-webkit-input-placeholder,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::placeholder,
html body .popup form .form-field.labelIn textarea::-webkit-input-placeholder,
html body .popup form .form-field.labelIn textarea::placeholder,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::-webkit-input-placeholder,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit])::placeholder,
html body .wrapper form .form-field.labelIn textarea::-webkit-input-placeholder,
html body .wrapper form .form-field.labelIn textarea::placeholder {
  color: transparent;
}
html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .modal form .form-field.labelIn textarea + label,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .popup form .form-field.labelIn textarea + label,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .wrapper form .form-field.labelIn textarea + label {
  position: absolute;
  z-index: 2;
  left: 1.5rem;
  top: 50%;
  display: block;
  max-width: calc(100% - 3rem);
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  color: #333333;
  background: transparent;
  padding: 0;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.15;
  transform: translateY(-50%);
  transition: top 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}
@media (min-width: 768px) {
  html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .modal form .form-field.labelIn textarea + label,
  html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .popup form .form-field.labelIn textarea + label,
  html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
  html body .wrapper form .form-field.labelIn textarea + label {
    left: 2rem;
    max-width: calc(100% - 4rem);
    font-size: 1.6rem;
  }
}
html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label, html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label, html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .modal form .form-field.labelIn textarea:focus + label,
html body .modal form .form-field.labelIn textarea.textIn + label,
html body .modal form .form-field.labelIn textarea:not(:placeholder-shown) + label,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .popup form .form-field.labelIn textarea:focus + label,
html body .popup form .form-field.labelIn textarea.textIn + label,
html body .popup form .form-field.labelIn textarea:not(:placeholder-shown) + label,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .wrapper form .form-field.labelIn textarea:focus + label,
html body .wrapper form .form-field.labelIn textarea.textIn + label,
html body .wrapper form .form-field.labelIn textarea:not(:placeholder-shown) + label {
  top: 0.4rem;
  font-size: 1.1rem !important;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label, html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label, html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .modal form .form-field.labelIn textarea:focus + label,
  html body .modal form .form-field.labelIn textarea.textIn + label,
  html body .modal form .form-field.labelIn textarea:not(:placeholder-shown) + label,
  html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
  html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
  html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .popup form .form-field.labelIn textarea:focus + label,
  html body .popup form .form-field.labelIn textarea.textIn + label,
  html body .popup form .form-field.labelIn textarea:not(:placeholder-shown) + label,
  html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
  html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
  html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
  html body .wrapper form .form-field.labelIn textarea:focus + label,
  html body .wrapper form .form-field.labelIn textarea.textIn + label,
  html body .wrapper form .form-field.labelIn textarea:not(:placeholder-shown) + label {
    top: 0.5rem;
    font-size: 1.2rem !important;
  }
}
html body .modal form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .modal form .form-field.labelIn textarea:focus + label,
html body .popup form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .popup form .form-field.labelIn textarea:focus + label,
html body .wrapper form .form-field.labelIn input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper form .form-field.labelIn textarea:focus + label {
  color: #121212;
}
html body .modal form .form-field.labelIn textarea + label,
html body .popup form .form-field.labelIn textarea + label,
html body .wrapper form .form-field.labelIn textarea + label {
  top: 1.2rem;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field.labelIn textarea + label,
  html body .popup form .form-field.labelIn textarea + label,
  html body .wrapper form .form-field.labelIn textarea + label {
    top: 1.4rem;
  }
}
html body .modal form .form-field.labelIn textarea:focus + label, html body .modal form .form-field.labelIn textarea.textIn + label, html body .modal form .form-field.labelIn textarea:not(:placeholder-shown) + label,
html body .popup form .form-field.labelIn textarea:focus + label,
html body .popup form .form-field.labelIn textarea.textIn + label,
html body .popup form .form-field.labelIn textarea:not(:placeholder-shown) + label,
html body .wrapper form .form-field.labelIn textarea:focus + label,
html body .wrapper form .form-field.labelIn textarea.textIn + label,
html body .wrapper form .form-field.labelIn textarea:not(:placeholder-shown) + label {
  top: 0.4rem;
  transform: none;
}
@media (min-width: 768px) {
  html body .modal form .form-field.labelIn textarea:focus + label, html body .modal form .form-field.labelIn textarea.textIn + label, html body .modal form .form-field.labelIn textarea:not(:placeholder-shown) + label,
  html body .popup form .form-field.labelIn textarea:focus + label,
  html body .popup form .form-field.labelIn textarea.textIn + label,
  html body .popup form .form-field.labelIn textarea:not(:placeholder-shown) + label,
  html body .wrapper form .form-field.labelIn textarea:focus + label,
  html body .wrapper form .form-field.labelIn textarea.textIn + label,
  html body .wrapper form .form-field.labelIn textarea:not(:placeholder-shown) + label {
    top: 0.5rem;
  }
}
html body .modal form .form-field .mmSelect-block_select,
html body .modal form .form-field .component_connectType,
html body .popup form .form-field .mmSelect-block_select,
html body .popup form .form-field .component_connectType,
html body .wrapper form .form-field .mmSelect-block_select,
html body .wrapper form .form-field .component_connectType {
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  html body .modal form .form-field .mmSelect-block_select,
  html body .modal form .form-field .component_connectType,
  html body .popup form .form-field .mmSelect-block_select,
  html body .popup form .form-field .component_connectType,
  html body .wrapper form .form-field .mmSelect-block_select,
  html body .wrapper form .form-field .component_connectType {
    border-radius: 0.8rem;
  }
}
html body .modal form .form-field .mmSelect-block_select,
html body .popup form .form-field .mmSelect-block_select,
html body .wrapper form .form-field .mmSelect-block_select {
  min-height: 4.2rem;
  border-color: #eeeeee;
  background: #F5F5F5;
  color: #000;
  padding: 0.95rem 1.5rem;
  font-size: 1.6rem;
  line-height: 1.25;
}
@media (min-width: 768px) {
  html body .modal form .form-field .mmSelect-block_select,
  html body .popup form .form-field .mmSelect-block_select,
  html body .wrapper form .form-field .mmSelect-block_select {
    min-height: 5rem;
    padding: 1.15rem 2rem;
    font-size: 1.6rem;
  }
}
html body .modal form .form-field .mmSelect-block_select:hover, html body .modal form .form-field .mmSelect-block_select.is-active,
html body .popup form .form-field .mmSelect-block_select:hover,
html body .popup form .form-field .mmSelect-block_select.is-active,
html body .wrapper form .form-field .mmSelect-block_select:hover,
html body .wrapper form .form-field .mmSelect-block_select.is-active {
  border-color: #121212;
  box-shadow: 0 0 0 0.25rem rgba(18, 18, 18, 0.08);
}
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 #E91801;
  border-radius: 0;
  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 {
  display: none !important;
  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: "\e933";
  font-size: 1.6rem;
  left: 50%;
  top: 50%;
  margin-left: calc(-1.6rem / 2);
  margin-top: calc(-1.6rem / 2);
  color: #BB1111;
}
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 {
  color: #BB1111;
  display: block !important;
}
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: #C9C9C9;
}
@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: #f4a642;
  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::-webkit-scrollbar-track,
html body .popup .component_breadcrumb::-webkit-scrollbar-track,
html body .wrapper .component_breadcrumb::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: #fff;
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb::-webkit-scrollbar-thumb,
html body .popup .component_breadcrumb::-webkit-scrollbar-thumb,
html body .wrapper .component_breadcrumb::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb::-webkit-scrollbar,
html body .popup .component_breadcrumb::-webkit-scrollbar,
html body .wrapper .component_breadcrumb::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
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: #586a7b;
  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;
}
html body .modal .component_breadcrumb .breadcrumb::-webkit-scrollbar-track,
html body .popup .component_breadcrumb .breadcrumb::-webkit-scrollbar-track,
html body .wrapper .component_breadcrumb .breadcrumb::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: #fff;
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb .breadcrumb::-webkit-scrollbar-thumb,
html body .popup .component_breadcrumb .breadcrumb::-webkit-scrollbar-thumb,
html body .wrapper .component_breadcrumb .breadcrumb::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb .breadcrumb::-webkit-scrollbar,
html body .popup .component_breadcrumb .breadcrumb::-webkit-scrollbar,
html body .wrapper .component_breadcrumb .breadcrumb::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
@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;
  }
  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 {
  flex: 0 0 auto;
  margin: 0;
  color: #000;
  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: #586a7b;
  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: #E91801;
  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: #586a7b;
}
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;
  background: transparent;
  border-bottom: 0.2rem solid transparent;
  padding: 1rem;
  color: #000;
}
html body .modal .component_tabs .tab-header .tab:hover,
html body .popup .component_tabs .tab-header .tab:hover,
html body .wrapper .component_tabs .tab-header .tab:hover {
  color: #586a7b;
  border-color: #586a7b;
}
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 {
  color: #E91801;
  border-color: #E91801;
  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: 767.98px) {
  html body .modal .component_tabs .js-toggle,
  html body .popup .component_tabs .js-toggle,
  html body .wrapper .component_tabs .js-toggle {
    padding: 1.2rem 0;
    border-bottom: 0.1rem solid #C9C9C9;
  }
  html body .modal .component_tabs .js-toggle.active,
  html body .popup .component_tabs .js-toggle.active,
  html body .wrapper .component_tabs .js-toggle.active {
    color: #778b9f;
    border-bottom-color: transparent;
  }
  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: block !important;
    padding-bottom: 1.5rem;
  }
  html body .modal .component_tabs .js-toggle-body.active,
  html body .popup .component_tabs .js-toggle-body.active,
  html body .wrapper .component_tabs .js-toggle-body.active {
    margin-bottom: 0.25rem;
    border-bottom: 0.1rem solid #C9C9C9;
  }
}
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 .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  font-family: "Inter", "Arial", sens-serif;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 1.5rem;
  line-height: 1.25;
}
html body h1, html body .h1 {
  font-size: 3.2rem;
  margin-bottom: 2rem;
}
@media (max-width: 991.98px) {
  html body h1, html body .h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 767.98px) {
  html body h1, html body .h1 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 389.98px) {
  html body h1, html body .h1 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
html body h2, html body .h2 {
  font-size: 2.8rem;
}
@media (max-width: 991.98px) {
  html body h2, html body .h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 767.98px) {
  html body h2, html body .h2 {
    font-size: 2.2rem;
  }
}
html body h3, html body .h3 {
  font-size: 2.4rem;
}
@media (max-width: 991.98px) {
  html body h3, html body .h3 {
    font-size: 2.2rem;
  }
}
@media (max-width: 767.98px) {
  html body h3, html body .h3 {
    font-size: 2rem;
  }
}
html body h4, html body .h4 {
  font-size: 2.2rem;
}
@media (max-width: 991.98px) {
  html body h4, html body .h4 {
    font-size: 2rem;
  }
}
@media (max-width: 767.98px) {
  html body h4, html body .h4 {
    font-size: 1.8rem;
  }
}
html body h5, html body .h5 {
  font-size: 2rem;
}
@media (max-width: 991.98px) {
  html body h5, html body .h5 {
    font-size: 1.8rem;
  }
}
html body h6, html body .h6 {
  font-size: 1.8rem;
}
html body .icon-wrapper {
  position: relative;
  width: 256px;
  height: 256px;
}
html body .icon-wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
}
html body .icon-wrapper .mmcircle {
  animation: mm_drawCircle 1s forwards;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmcross {
  animation: mm_drawCross 0.7s forwards;
  animation-delay: 1s;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmcheck {
  animation: mm_drawCheck 0.7s forwards;
  animation-delay: 1s;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmclock-circle {
  animation: mm_drawCircle 1s forwards;
  animation-timing-function: ease-out;
}
html body .icon-wrapper {
  /* Часовая стрелка */
}
html body .icon-wrapper .mmclock-hour {
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  opacity: 0;
  animation: mm_showHour 0.7s forwards;
  animation-delay: 1s;
  animation-timing-function: ease-out;
}
html body .icon-wrapper {
  /* Минутная стрелка */
}
html body .icon-wrapper .mmclock-minute {
  transform-origin: 50% 50%;
  transform: rotate(-180deg);
  opacity: 0;
  animation: mm_showMinute 0.7s forwards;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
}
@keyframes mm_drawCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_drawCross {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_drawCheck {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_showHour {
  0% {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
@keyframes mm_showMinute {
  0% {
    opacity: 0;
    transform: rotate(-180deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
html body .custom-scroll::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: #fff;
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 0.2rem;
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
html body .component_connectType .connectType {
  cursor: pointer;
  padding: 1rem;
  border-radius: 50%;
}
html body .component_connectType .connectType.active {
  cursor: default;
  background: #E91801;
  color: #fff;
}
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: #C9C9C9;
}
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: $black;
  }
   */
}
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: rgb(244, 18, 64) !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*=likee]:hover {
  color: #fe2360 !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: rgb(244, 18, 64) !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*=likee] {
  color: #fe2360 !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*=likee] {
  background-color: #fe2360 !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 .tooltip {
  position: relative;
  cursor: help;
}
html body .tooltip:hover:after {
  content: attr(data-title);
  position: absolute;
  bottom: calc(100% + 0.25rem);
  left: 60%;
  transform: translateX(-50%);
  background: #121212;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.4rem;
  white-space: nowrap;
  font-size: 1.2rem;
  opacity: 0;
  pointer-events: none;
  animation: fadeIn 0.15s forwards;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
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: #C9C9C9;
  cursor: not-allowed;
}
html body [class*=ymaps3--open-maps-button],
html body [class*=ymaps3--map-copyrights],
html body [class*=copyrights-promo],
html body [class*=copyright__wrap] {
  display: none !important;
}
html body .yandex-map {
  position: relative;
  width: 100%;
  height: 47rem;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media (min-width: 576px) {
  html body .yandex-map {
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 767.98px) {
  html body .yandex-map {
    height: auto;
    aspect-ratio: 1/1;
  }
}
html body .yandex-map .ymaps3--control {
  box-shadow: unset;
}
html body .yandex-map .ymaps3--control,
html body .yandex-map .ymaps3--button {
  padding: 0;
  background: transparent;
  border: 0;
}
html body .yandex-map .ymaps3--control-button {
  background: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
html body .yandex-map > div {
  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;
}
html body .yandex-map--contacts .map-clinic-marker {
  z-index: 1;
}
html body .yandex-map--contacts .map-geo-marker {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
  font: inherit;
  line-height: 1;
  overflow: visible;
  z-index: 5;
}
html body .yandex-map--contacts .map-geo-marker__body {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.6rem;
  width: max-content;
  transform: translate(-0.5rem, -50%);
  overflow: visible;
}
html body .yandex-map--contacts .map-geo-marker__dot {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.2rem solid #fff;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.25);
}
html body .yandex-map--contacts .map-geo-marker__label {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 0 0 auto;
  width: max-content;
  max-width: 22rem;
  margin: 0;
  padding: 0.5rem 0.8rem;
  background: #fff;
  border-radius: 0.6rem;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.12);
  pointer-events: none;
  text-align: left;
}
html body .yandex-map--contacts .map-geo-marker__title {
  display: block;
  font-size: 1.1rem;
  line-height: 1.25;
  font-weight: 600;
  color: #000;
  white-space: normal;
  text-align: left;
}
html body .yandex-map--contacts .map-geo-marker__meta {
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  white-space: normal;
  text-align: left;
}
html body .yandex-map--contacts .map-geo-marker--bottom .map-geo-marker__body {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  transform: translate(-0.5rem, -0.5rem);
}
html body .yandex-map--contacts .map-geo-marker--right-top .map-geo-marker__body {
  align-items: flex-start;
  transform: translate(-0.5rem, -0.5rem);
}
html body .loader {
  width: 4.2rem;
  height: 4.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
html body .loader .circular-loader {
  animation: loader-rotate 2s linear infinite;
}
html body .loader .loader-path {
  fill: none;
  stroke-width: 3px;
  animation: loader-animate-stroke 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: var(--svg-loader-color, #000);
}
html body .button .loader,
html body button .loader {
  display: none;
}
html body .button.animate[disabled],
html body button.animate[disabled] {
  opacity: 1 !important;
}
html body .button.animate .loader,
html body button.animate .loader {
  display: block;
}
html body .button.animate span,
html body button.animate span {
  visibility: hidden;
}
@keyframes loader-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-animate-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: var(--svg-loader-color, #000);
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
    stroke: var(--svg-loader-color, #000);
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
    stroke: var(--svg-loader-color, #000);
  }
}

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

.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;
}

.mb-0-last:last-child {
  margin-bottom: 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: #333333;
  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%;
}

#custom-popup:not(.active),
#custom-modal:not(.active),
.custom-popup:not(.active),
.custom-modal:not(.active) {
  display: none;
}

.form-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(2rem);
  z-index: -1015 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  scale: 0.1;
  transition: 0.3s all;
}
.form-popup.active {
  z-index: var(--mm-overlay-z, 5000) !important;
  scale: 1;
  opacity: 1;
}
.form-popup .form-popup_Content {
  padding: 2rem;
  margin: 0 1rem;
  background: rgb(255, 255, 255);
  border-radius: 16px;
  max-width: 64rem;
  width: 100%;
}
.form-popup .form-popup_close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid #000;
  font-size: 32px;
  border-radius: 50%;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background: #fff;
  color: #000;
  cursor: pointer;
}

.opacity-0 {
  opacity: 0 !important;
  cursor: default;
}

.circle-block {
  min-width: 13rem;
  max-width: 13rem;
  min-height: 13rem;
  max-height: 13rem;
  border-radius: 50%;
  border: 0.1rem solid #E91801;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.circle-block:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #95aebf;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .circle-block:after {
    transition: none;
  }
}
.circle-block:hover:after {
  opacity: 0.5;
}
.circle-block.uploading {
  opacity: 0.7;
}
.circle-block.uploadFile-has-image {
  background-image: var(--uploadFile-bg-image, none);
}

.uploadFile-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5rem;
}

.uploadFile-remove {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 10;
  width: 2rem;
  height: 2rem;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .uploadFile-remove {
    transition: none;
  }
}
.uploadFile-remove:hover {
  transform: scale(1.1);
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.3);
}

.hl-image {
  min-width: 6rem;
  max-width: 6rem;
  min-height: 6rem;
  max-height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.1rem solid #eeeeee;
}
.hl-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.color-picker {
  min-width: 6.4rem;
  max-width: 6.4rem;
  min-height: 6.4rem;
  max-height: 6.4rem;
  border-radius: 50%;
  overflow: hidden;
}
.color-picker + input {
  border: 0 !important;
  background: transparent !important;
  color: #000 !important;
}

.object-fit-cover {
  object-fit: cover;
}

.object-fit-contain {
  object-fit: contain;
}

.position-unset {
  position: unset;
  left: unset;
  top: unset;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1050;
}
@media (max-width: 767.98px) {
  .sticky-bottom {
    bottom: 6rem;
  }
}

[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;
}

.mm_includeBlock {
  position: relative;
}
.mm_includeBlock .include-panel {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.mm_includeBlock:hover .include-panel {
  display: block;
}

html body {
  line-height: 1.45;
  font-family: "Inter", "Arial", sens-serif;
  background-color: #fff;
  color: #000;
  font-size: 1.8rem;
}
html body .modal img,
html body .popup img,
html body .wrapper img {
  border-radius: 2rem;
  overflow: hidden;
}
html body .modal br + h2,
html body .modal ul + h2,
html body .modal p + h2,
html body .popup br + h2,
html body .popup ul + h2,
html body .popup p + h2,
html body .wrapper br + h2,
html body .wrapper ul + h2,
html body .wrapper p + h2 {
  margin-top: 3rem;
}
html body .modal br + h3,
html body .modal ul + h3,
html body .modal p + h3,
html body .popup br + h3,
html body .popup ul + h3,
html body .popup p + h3,
html body .wrapper br + h3,
html body .wrapper ul + h3,
html body .wrapper p + h3 {
  margin-top: 1.5rem;
}
html body .modal br + p,
html body .modal ul + p,
html body .modal p + p,
html body .popup br + p,
html body .popup ul + p,
html body .popup p + p,
html body .wrapper br + p,
html body .wrapper ul + p,
html body .wrapper p + p {
  margin-top: 1.5rem;
}

.article-content > p {
  margin: 0 0 1.5rem;
}
.article-content > p:last-child {
  margin-bottom: 0;
}
.article-content > img,
.article-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2rem auto;
}
.article-content figure {
  margin: 2rem 0;
}
.article-content figure img {
  margin: 0 auto;
}
.article-content h2,
.article-content h3,
.article-content h4 {
  margin-top: 3rem;
}
.article-content ul,
.article-content ol {
  margin: 1.5rem 0;
  padding-left: 2.5rem;
}

header {
  border-bottom: 0.1rem solid #eeeeee;
}

.header-logo {
  max-width: 14rem;
}
@media (max-width: 1199.98px) {
  .header-logo {
    max-width: 10rem;
  }
}

.my-menu-btn {
  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-btn span {
  margin: 0 auto;
  position: relative;
  top: 0;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu-btn span {
    transition: none;
  }
}
.my-menu-btn span:before, .my-menu-btn span:after {
  position: absolute;
  content: "";
}
.my-menu-btn span:before {
  margin-top: -0.4rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu-btn span:before {
    transition: none;
  }
}
.my-menu-btn span:after {
  margin-top: 0.4rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu-btn span:after {
    transition: none;
  }
}
.my-menu-btn span,
.my-menu-btn span:before,
.my-menu-btn span:after {
  width: 2.5rem;
  height: 0.2rem;
  background-color: #fff;
  display: block;
}

.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.4rem;
  padding: 0.5rem;
  background: #eeeeee;
  color: #000;
}

.js-toggle [class*=icons-] {
  transition: transform 0.4s ease-in-out;
}
.js-toggle.active .icons-arrow-down {
  transform: rotate(180deg);
}
.js-toggle.active .icons-plus {
  transform: rotate(225deg);
}
.js-toggle:hover, .js-toggle.active {
  color: #E91801;
}

.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;
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
}
.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 #BB1111;
  color: #BB1111;
  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: #BB1111;
  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: #E91801;
}

.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 #BB1111;
  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 .bx-filter-params {
  max-height: calc(100dvh - 30rem);
}
@media (max-width: 991.98px) {
  .component_filter .bx-filter-params {
    max-height: calc(100dvh - 22.5rem);
  }
}
@media (max-width: 767.98px) {
  .component_filter .bx-filter-params {
    max-height: calc(100dvh - 10rem);
  }
}
@media (max-width: 767.98px) {
  .component_filter {
    width: 100%;
  }
}
.component_filter .filter-color {
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  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: #C9C9C9;
}
.component_filter .min-price,
.component_filter .max-price {
  text-align: center;
  border: 0;
  letter-spacing: 0.1rem;
}
.component_filter .bx-ui-slider-track {
  position: relative;
  width: 100%;
  height: 0.8rem;
  background-color: #C9C9C9;
  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: #121212;
  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: #333333;
  border-radius: 0.4rem;
}
.component_filter .bx-ui-slider-track .bx-ui-slider-pricebar-vd {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #E91801;
  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: #eeeeee;
  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: 2147483647 !important;
    isolation: isolate;
    margin: 0;
    padding: 0 1rem;
    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;
  }
}
.component_filter .filter-btn {
  border: 0.2rem solid #E91801;
}
.component_filter .filter-btn-clear {
  border: 0.2rem solid #C9C9C9;
}
.component_filter .filter-btn-clear:hover {
  border-color: #000;
}
.component_filter .filter-count {
  position: absolute;
  left: 0.5rem;
  top: 0;
  display: none !important;
}
.component_filter .filter-count[data-content="0"], .component_filter .filter-count:empty {
  display: none !important;
}
html body .wrapper .component_filter .js-filter-checkbox {
  margin-bottom: 0.8rem !important;
}
html body .wrapper .component_filter .js-filter-checkbox input[type=checkbox] + label {
  gap: 1.2rem;
  font-size: 1.6rem;
}
html body .wrapper .component_filter .js-filter-checkbox input[type=checkbox] + label .check {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 3.3rem;
  width: 3.3rem;
  height: 1.8rem;
  min-width: 3.3rem;
  max-width: 3.3rem;
  min-height: 1.8rem;
  max-height: 1.8rem;
  margin-right: 0;
  border: 0;
  border-radius: 0.5rem;
  background: #C9C9C9;
  overflow: hidden;
}
html body .wrapper .component_filter .js-filter-checkbox input[type=checkbox] + label .check::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.5rem;
  background: #eeeeee;
  transition: left 0.2s ease, background-color 0.2s ease;
}
html body .wrapper .component_filter .js-filter-checkbox input[type=checkbox] + label .check::after {
  display: none !important;
  content: "\e933";
  position: absolute;
  left: 1.5rem;
  top: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  border: 0;
  color: #fff;
  font-family: "icons" !important;
  font-size: 1.2rem;
  line-height: 1;
  transform: none;
  z-index: 2;
  align-items: center;
  justify-content: center;
}
html body .wrapper .component_filter .js-filter-checkbox input[type=checkbox]:checked + label .check {
  background: #C9C9C9;
}
html body .wrapper .component_filter .js-filter-checkbox input[type=checkbox]:checked + label .check::before {
  left: 1.5rem;
  background: #E91801;
}
html body .wrapper .component_filter .js-filter-checkbox input[type=checkbox]:checked + label .check::after {
  display: flex !important;
}

.sticky-top-2 {
  top: 10.5rem !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-width: 0.1rem !important;
  border-style: solid !important;
  border-color: #BB1111;
}

.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.25rem;
  padding: 0.5rem;
  margin: 0 0.5rem;
  z-index: 1041;
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(15px);
}
@media (min-width: 768px) {
  .float-footer {
    display: none;
  }
}
.float-footer {
  border-radius: 2rem;
}
.float-footer .count-float {
  position: absolute !important;
}

.component_catalogDetailPage .productDetail-mobileGallery {
  display: none;
}
.component_catalogDetailPage .productDetail-bigPictureBlock {
  display: flex;
  align-items: stretch;
  gap: 1rem;
}
.component_catalogDetailPage .productDetail-bigPicture {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #fff;
  border: 0.1rem solid #C9C9C9;
  border-radius: 1rem;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__link {
  position: absolute;
  inset: 0;
  display: block;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: opacity 0.15s ease;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}
.component_catalogDetailPage .productDetail-bigPicture > .plyr {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
.component_catalogDetailPage .productDetail-bigPicture > .plyr .plyr__video-wrapper {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  padding-bottom: 0;
}
.component_catalogDetailPage .productDetail-bigPicture > .plyr video.productDetail-bigPicture__video {
  height: 100%;
  object-fit: contain;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__draft {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  height: 100%;
  color: #121212;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 700;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__draft small {
  max-width: 80%;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__draftLabel {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  padding: 0.35rem 0.75rem;
  border-radius: 0.4rem;
  background: #fff;
  color: #000;
  font-size: 0.9rem;
  font-weight: 700;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__zoom {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  padding: 0;
  color: #121212;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__loader {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.55);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
.component_catalogDetailPage .productDetail-bigPicture.is-loading .productDetail-bigPicture__loader {
  opacity: 1;
  visibility: visible;
}
.component_catalogDetailPage .productDetail-bigPicture.is-loading .productDetail-bigPicture__img {
  opacity: 0.4;
}
.component_catalogDetailPage .productDetail-certification {
  color: #E91801;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
}
.component_catalogDetailPage .productDetail-draftPreview {
  display: block;
  overflow: hidden;
  max-width: 50rem;
  border: 0.1rem solid #C9C9C9;
  border-radius: 1rem;
}
.component_catalogDetailPage .productDetail-draftPreview img {
  display: block;
  width: 100%;
  max-height: 42rem;
  object-fit: contain;
}
@media (min-width: 1200px) {
  .component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__link {
    inset: 0.5rem;
    overflow: hidden;
    border-radius: 0.6rem;
  }
  .component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__img {
    object-fit: contain;
    object-position: center;
  }
  .component_catalogDetailPage .productDetail-bigPicture .productDetail-bigPicture__zoom {
    right: 1.25rem;
    bottom: 1.25rem;
  }
}
.component_catalogDetailPage .productDetail-bigPictureBlock:has(.productDetail-smallPicture) .productDetail-bigPicture {
  aspect-ratio: unset;
  align-self: stretch;
}
.component_catalogDetailPage .productDetail-smallPicture {
  display: flex;
  flex-direction: column;
  flex: 0 0 22%;
  max-width: 10rem;
  gap: 0.75rem;
}
.component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1/1;
  margin: 0;
  padding: 0;
  overflow: hidden;
  appearance: none;
  background: #fff;
  border: 0.2rem solid transparent;
  border-radius: 0.8rem;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  transition: border-color 0.2s ease;
}
.component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}
.component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item.is-active {
  border-color: #E91801;
}
.component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item:hover:not(.is-active) {
  border-color: rgba(233, 24, 1, 0.45);
}
.component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item .productDetail-galleryLabel {
  position: absolute;
  left: 0.55rem;
  right: 0.55rem;
  bottom: 0.55rem;
  z-index: 2;
  padding: 0.3rem 0.35rem;
  border-radius: 0.35rem;
  background: #fff;
  color: #000;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}
.component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item .productDetail-galleryLabel--video {
  bottom: 0.35rem;
  font-size: 0.63rem;
}
.component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item .productDetail-galleryVideoPlay {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #E91801;
  color: #fff;
  font-size: 1.2rem;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel {
  container-type: inline-size;
  gap: 0;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide,
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__track {
  height: 100%;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__slide {
  display: flex;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .productDetail-smallPicture__item {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn {
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: auto;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  transition: opacity 0.2s ease;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn.prev {
  top: 0.2rem;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn.next {
  bottom: 0.2rem;
}
.component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows button.splide__arrow {
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
  font-size: 1.2rem;
  transform: rotate(90deg) !important;
}
@media (min-width: 1200px) {
  .component_catalogDetailPage > .row.align-items-stretch > .col-xl-6 {
    display: flex;
  }
  .component_catalogDetailPage .productDetail-bigPictureBlock {
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .component_catalogDetailPage .productDetail-bigPictureBlock:has(.productDetail-smallPicture) .productDetail-bigPicture {
    height: 100%;
    min-height: 0;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel {
    height: calc(400cqw + 2.25rem);
  }
}
@media (max-width: 575.98px) {
  .component_catalogDetailPage .productDetail-bigPictureBlock {
    flex-direction: column;
  }
  .component_catalogDetailPage .productDetail-bigPictureBlock:has(.productDetail-smallPicture) .productDetail-bigPicture {
    aspect-ratio: 1/1;
  }
  .component_catalogDetailPage .productDetail-smallPicture {
    flex-direction: row;
    flex: 0 0 auto;
    max-width: none;
    width: 100%;
  }
  .component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    aspect-ratio: 1/1;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel {
    height: auto;
    container-type: normal;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide,
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__track {
    height: auto;
    width: 100%;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__slide .productDetail-smallPicture__item {
    aspect-ratio: 1/1;
    height: auto;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn.prev {
    left: 0.2rem !important;
    right: auto !important;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn.next {
    right: 0.2rem !important;
    left: auto !important;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows button.splide__arrow {
    transform: none !important;
  }
}
@media (max-width: 991.98px) {
  .component_catalogDetailPage .productDetail-bigPicture {
    display: none;
  }
  .component_catalogDetailPage .productDetail-smallPicture {
    display: none;
  }
  .component_catalogDetailPage .productDetail-mobileGallery {
    display: block;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1/1;
    background: #fff;
    border: 0.1rem solid #C9C9C9;
    border-radius: 1rem;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .splide__track,
  .component_catalogDetailPage .productDetail-mobileGallery .splide__list,
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__slide {
    height: 100%;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__link,
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__img,
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__video,
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__slide > .plyr {
    width: 100%;
    height: 100%;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__link {
    position: relative;
    display: block;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__img,
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__video,
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__slide > .plyr video {
    display: block;
    object-fit: contain;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__video,
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-mobileGallery__slide > .plyr {
    background: #000;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .productDetail-galleryLabel {
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    z-index: 2;
    padding: 0.4rem 0.5rem;
    border-radius: 0.4rem;
    background: #fff;
    color: #000;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .splide__pagination {
    position: absolute;
    right: 0;
    bottom: 0.75rem;
    left: 0;
    z-index: 3;
    width: auto;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .splide__pagination li {
    margin-right: 0.35rem !important;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .splide__pagination li:last-child {
    margin-right: 0 !important;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .splide__pagination li button.splide__pagination__page {
    min-width: 1.6rem;
    max-width: 1.6rem;
    min-height: 1.6rem;
    max-height: 1.6rem;
    background: #586a7b;
  }
  .component_catalogDetailPage .productDetail-mobileGallery .splide__pagination li button.splide__pagination__page.is-active {
    background: #000;
  }
}
.component_catalogDetailPage .productDetail-props .productDetail-props__item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.2rem;
  padding: 0.75rem 0;
  border-bottom: 0.1rem solid #C9C9C9;
}
.component_catalogDetailPage .productDetail-props .productDetail-props__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.component_catalogDetailPage .productDetail-props .productDetail-props__item:first-child {
  padding-top: 0;
}
.component_catalogDetailPage .productDetail-props .productDetail-props__item:hover {
  background: #eeeeee;
}
.component_catalogDetailPage .productDetail-props .productDetail-props__name {
  flex: 1 1 auto;
  min-width: 0;
  color: #121212;
}
.component_catalogDetailPage .productDetail-props .productDetail-props__value {
  flex: 0 0 auto;
  text-align: right;
  color: #121212;
  white-space: nowrap;
}
.component_catalogDetailPage .productDetail-buy {
  display: flex;
  flex-direction: column;
}
.component_catalogDetailPage .product-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-top: auto;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .component_catalogDetailPage .productDetail-bigPictureBlock {
    flex-direction: column;
    gap: 0.75rem;
  }
  .component_catalogDetailPage .productDetail-bigPictureBlock:has(.productDetail-smallPicture) .productDetail-bigPicture {
    aspect-ratio: 1/1;
    width: 100%;
  }
  .component_catalogDetailPage .productDetail-smallPicture {
    flex-direction: row;
    flex: 0 0 auto;
    max-width: none;
    width: 100%;
    gap: 0.6rem;
  }
  .component_catalogDetailPage .productDetail-smallPicture .productDetail-smallPicture__item {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    aspect-ratio: 1/1;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel {
    height: auto;
    container-type: normal;
    gap: 0;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide,
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__track {
    height: auto;
    width: 100%;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__slide .productDetail-smallPicture__item {
    aspect-ratio: 1/1;
    height: auto;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn.prev {
    left: 0.2rem !important;
    right: auto !important;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows .splide__arrow-btn.next {
    right: 0.2rem !important;
    left: auto !important;
  }
  .component_catalogDetailPage .productDetail-smallPicture.is-carousel .splide__arrows button.splide__arrow {
    transform: none !important;
  }
  .component_catalogDetailPage .product-benefits {
    margin-top: 1.25rem;
  }
}

#mmenu_catalog .mm-navbar,
#mmenu .mm-navbar {
  background: #fff;
  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: #eeeeee;
}
#mmenu_catalog .mm-panel,
#mmenu .mm-panel {
  background: #fff;
}
#mmenu_catalog .mm-panel a,
#mmenu .mm-panel a {
  color: #000;
}
#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: #E91801;
}
#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: #eeeeee;
}
#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: 1.6rem;
}
#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(100dvh - 10.5rem);
}
.float-sections > div {
  border-radius: 1rem;
}
.float-sections .section-block.selected {
  color: #E91801 !important;
  background: #fff;
}
.float-sections .subsection-block {
  display: none;
}
.float-sections .subsection-block.active {
  display: block;
}
@media (max-width: 1199.98px) {
  .float-sections {
    height: calc(100dvh - 20rem);
  }
}

.js-float-sections-placeholder.is-loading,
.js-float-sections-placeholder.has-menu.is-open {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1042;
  height: calc(100dvh - 10.5rem);
  background: #fff;
  border-radius: 1rem;
}

.js-float-sections-placeholder.has-menu > .float-sections {
  position: static;
  display: none;
  height: 100%;
}

.js-float-sections-placeholder.has-menu.is-open > .float-sections {
  display: block;
}

.js-float-sections-placeholder.is-loading .js-catalog-loader {
  position: absolute;
  inset: 0;
  z-index: 1100;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
  --svg-loader-color: #E91801;
}

.float-sections__icon {
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  aspect-ratio: 1/1;
  box-sizing: border-box;
  color: currentColor;
}
.float-sections__icon svg {
  display: block;
  width: 2rem;
  height: 2rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  fill: none;
}
.float-sections__icon path[stroke] {
  fill: none;
  stroke: currentColor;
}

.float-sections__picture {
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  max-width: 5rem;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
.float-sections__picture svg {
  display: block;
  width: 3rem;
  height: 3rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  color: #E91801;
  fill: none;
}
.float-sections__picture path[stroke] {
  fill: none;
  stroke: currentColor;
}

.float-sections__picture--empty {
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  max-width: 5rem;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}

.float-sections__card {
  border-color: #C9C9C9 !important;
}

.float-sections__card:hover {
  border-color: rgba(233, 24, 1, 0.35) !important;
}

.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:hover {
  background: #121212;
  color: #fff;
}
.select-fakePayment.active {
  cursor: default;
  background-color: #E91801;
  color: #fff;
}
.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-btn 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-btn span {
    transition: none;
  }
}
.catalog-open.active .my-menu-btn 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-btn span:before {
    transition: none;
  }
}
.catalog-open.active .my-menu-btn 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-btn span:after {
    transition: none;
  }
}
.catalog-open.active .my-menu-btn span:before,
.catalog-open.active .my-menu-btn span:after {
  background-color: #fff;
}

.my-menu-btn {
  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-btn span {
  margin: 0 auto;
  position: relative;
  top: 0;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu-btn span {
    transition: none;
  }
}
.my-menu-btn span:before, .my-menu-btn span:after {
  position: absolute;
  content: "";
}
.my-menu-btn span:before {
  margin-top: -0.4rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu-btn span:before {
    transition: none;
  }
}
.my-menu-btn span:after {
  margin-top: 0.4rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .my-menu-btn span:after {
    transition: none;
  }
}
.my-menu-btn span,
.my-menu-btn span:before,
.my-menu-btn span:after {
  width: 2.5rem;
  height: 0.2rem;
  background-color: #fff;
  display: block;
  border-radius: 100rem;
}

.pagination-outside {
  margin-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .pagination-outside {
    margin-bottom: 3rem;
  }
}
.pagination-outside .splide {
  position: relative;
  padding-bottom: 2.5rem;
}
.pagination-outside .splide .splide__pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.35rem;
  margin: 0 auto !important;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .pagination-outside .splide .splide__pagination {
    bottom: 0.25rem;
  }
}

.cartNotifyBlock {
  position: absolute;
  right: 0;
  top: calc(100% + 2rem);
  min-width: 24rem;
  max-width: 24rem;
  z-index: 5010;
}
@media (max-width: 1199.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: #fff;
  color: #000;
  border: 0.1rem solid #eeeeee;
  -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);
}

.component_search {
  border: 0.1rem solid #eeeeee;
  border-radius: 1rem;
}
.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(100dvh - 36rem);
  overflow: auto;
}
@media (max-width: 991.98px) {
  .component_search .component_search-result .component_search-result_scroll .search-items {
    max-height: calc(100dvh - 20rem);
    min-height: calc(100dvh - 20rem);
  }
}
@media (max-width: 767.98px) {
  .component_search .component_search-result .component_search-result_scroll .search-items {
    max-height: calc(100dvh - 19rem);
    min-height: calc(100dvh - 19rem);
  }
}
.component_search .component_search-result .search-items .search-item_image {
  min-width: 12rem;
  max-width: 12rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.component_search input::-webkit-input-placeholder, .component_search input::placeholder {
  color: #333333 !important;
}

.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.is-open {
  display: block;
}
.m-search button:focus, .m-search input:focus {
  outline: none;
}

.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 {
  position: absolute;
  left: -1rem;
  top: -3rem;
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
  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;
}

@media (max-width: 767.98px) {
  .component_catalogSections.front > .row > div:nth-child(n+11) {
    display: none !important;
  }
}
.component_catalogSections .catalogSections-item {
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: right bottom;
  min-height: 16rem;
}
@media (min-width: 992px) {
  .component_catalogSections .catalogSections-item {
    min-height: 24rem;
  }
}
.component_catalogSections .mainSection-picture {
  aspect-ratio: 3/2;
  overflow: hidden;
}

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

.search-fake {
  border: 0.1rem solid #eeeeee !important;
  cursor: pointer;
  user-select: none;
}

.component_news .list-item {
  border: 0.1rem solid #eeeeee;
  border-radius: 1rem;
}
.component_news .list-item a:hover .arrow-circle {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.component_news .list-item_previewPicture {
  aspect-ratio: 3/2;
}

.news-carousel .news-carousel_header .h1, .news-carousel .news-carousel_header h1, .news-carousel .news-carousel_header h2, .news-carousel .news-carousel_header .h2 {
  margin-bottom: 0;
}
.news-carousel .news-carousel_card {
  border: 0.1rem solid #eeeeee;
}
.news-carousel .news-carousel_card:hover .arrow-circle {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.news-carousel .news-carousel_picture {
  aspect-ratio: 16/9;
}

.home-info-tabs .tab-header {
  gap: 0.5rem 1.5rem;
}
.home-info-tabs .js-tab-content {
  display: none;
}
.home-info-tabs .js-tab-content.active {
  display: block;
}
@media (max-width: 767.98px) {
  .home-info-tabs .tab-header {
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .home-info-tabs .tab-header::-webkit-scrollbar {
    display: none;
  }
  .home-info-tabs .tab-header .tab {
    flex: 0 0 auto;
  }
}

.reviews-block .reviews-block_rating {
  font-size: 2rem;
  font-weight: 700;
}
.reviews-block .reviews-block_rating-star {
  color: #ffc107;
  font-size: 2.4rem;
}
.reviews-block .reviews-block_card {
  overflow: hidden;
}
.reviews-block .reviews-block_avatar {
  flex: 0 0 4.8rem;
  width: 4.8rem;
  height: 4.8rem;
}
.reviews-block .reviews-block_avatar-placeholder {
  background: #eeeeee;
  color: #E91801;
  font-size: 2rem;
  font-weight: 700;
}
.reviews-block .reviews-block_name {
  overflow-wrap: anywhere;
}
.reviews-block .reviews-block_text {
  color: #121212;
  overflow-wrap: anywhere;
}
.reviews-block .reviews-block_footer .button {
  display: inline-block;
  padding: 1rem 2.4rem;
}
@media (max-width: 767.98px) {
  .reviews-block .reviews-block_meta {
    flex-wrap: wrap;
  }
}

.reviews-block-placeholder {
  position: relative;
  min-height: 47rem;
  overflow: hidden;
}

.reviews-skeleton {
  background: #eeeeee;
  padding: 5rem 0;
}
.reviews-skeleton_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 132rem;
  margin: 0 auto 4rem;
  padding: 0 2rem;
}
.reviews-skeleton_title {
  margin: 0;
}
.reviews-skeleton_rating {
  width: 9rem;
  height: 2.8rem;
  border-radius: 0.8rem;
  background: #C9C9C9;
}
.reviews-skeleton_cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  padding: 0 2rem;
}
.reviews-skeleton_card {
  min-height: 24rem;
  padding: 3rem;
  border-radius: 1.6rem;
  background: #fff;
}
.reviews-skeleton_avatar {
  width: 4.8rem;
  height: 4.8rem;
  margin-bottom: 2rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
}
.reviews-skeleton_line {
  width: 100%;
  height: 1.4rem;
  margin-top: 1.4rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.7);
}
.reviews-skeleton_line--name {
  width: 65%;
  margin-top: 0;
}
.reviews-skeleton_line--short {
  width: 75%;
}
.reviews-skeleton_button {
  width: 18rem;
  height: 4.4rem;
  margin: 4rem auto 0;
  border-radius: 0.8rem;
  background: #C9C9C9;
}
@media (max-width: 1199.98px) {
  .reviews-skeleton_cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .reviews-skeleton_card:last-child {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .reviews-skeleton {
    padding: 3rem 0;
  }
  .reviews-skeleton_header {
    margin-bottom: 2rem;
  }
  .reviews-skeleton_rating {
    width: 6rem;
    height: 2.4rem;
  }
  .reviews-skeleton_cards {
    grid-template-columns: 1fr;
  }
  .reviews-skeleton_card {
    min-height: 20rem;
  }
  .reviews-skeleton_card:nth-child(n+2) {
    display: none;
  }
}

@keyframes reviews-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.reviews-skeleton_rating,
.reviews-skeleton_card,
.reviews-skeleton_button {
  background-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: reviews-skeleton-shimmer 1.8s linear infinite;
}

.reviews-skeleton_avatar,
.reviews-skeleton_line {
  background-image: linear-gradient(90deg, #dedede 0%, #f7f7f7 50%, #dedede 100%);
  background-size: 200% 100%;
  animation: reviews-skeleton-shimmer 1.8s linear infinite;
}

.reviews-skeleton_card {
  background-image: linear-gradient(90deg, #fff 0%, #f1f1f1 50%, #fff 100%);
}

.info-hub .info-hub-icon {
  min-width: 4.8rem;
  max-width: 4.8rem;
  min-height: 4.8rem;
  max-height: 4.8rem;
  flex-shrink: 0;
}
.info-hub .info-hub-item {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.info-hub .info-hub-card {
  transition: border-color 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .info-hub .info-hub-card {
    transition: none;
  }
}
.info-hub .info-hub-card:hover {
  border-color: #E91801;
}
.info-hub .info-hub-card:hover .arrow-circle {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.component_benefits .list-item_previewPicture {
  max-width: 8rem;
}
@media (max-width: 991.98px) {
  .component_benefits .list-item_previewPicture {
    max-width: 6rem;
  }
}

.component_benefits_row .list-item_previewPicture {
  max-width: 6.2rem;
}

.arrow-circle {
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  border: 0.1rem solid #E91801;
  color: #E91801;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 1.2rem;
  border-radius: 50%;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .arrow-circle {
    transition: none;
  }
}

.component_params .param-item {
  position: relative;
}
.component_params .param-item:after {
  content: " ";
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.25rem;
  border-bottom: 0.1rem dotted #eeeeee;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .component_params .param-item:after {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .component_params .param-item_name {
    font-weight: bold;
  }
}
.component_params .param-item_name,
.component_params .param-item_value {
  display: inline-block;
  position: relative;
  z-index: 2;
}
.component_params .param-item_name span,
.component_params .param-item_value span {
  background: #fff;
}

.component_carousel-vertical .splide__slide {
  border: 0.2rem solid #eeeeee !important;
  padding: 1.6rem;
  border-radius: 1rem;
}
.component_carousel-vertical .splide__slide img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.component_carousel-vertical .splide__slide.is-active {
  border-color: #E91801 !important;
}
.component_carousel-vertical .splide .splide__arrows .splide__arrow-btn {
  top: unset;
}
.component_carousel-vertical .splide .splide__arrows .splide__arrow-btn.prev {
  right: 0;
  top: 0;
  left: 0;
  bottom: unset;
}
.component_carousel-vertical .splide .splide__arrows .splide__arrow-btn.next {
  right: 0;
  bottom: 0;
  left: 0;
}
.component_carousel-vertical .splide .splide__arrows .splide__arrow-btn button {
  min-width: 100%;
  max-width: 100%;
  min-height: 1.6rem;
  max-height: 1.6rem;
  left: 0;
  bottom: 0;
  background: #fff;
  border: 0.1rem solid #eeeeee;
  color: #000;
}
.component_carousel-vertical .splide .splide__arrows .splide__arrow-btn button[disabled] {
  display: unset !important;
  color: #eeeeee !important;
}

.bg-advBlock {
  background-image: url(/images/discount_bg.min.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50%;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .bg-advBlock {
    min-height: 42rem;
  }
}
@media (max-width: 575.98px) {
  .bg-advBlock {
    background-position: bottom center;
    background-image: unset;
    background-color: #fff !important;
    border: 0.1rem solid #eeeeee;
  }
}

.benefit-superItem {
  min-height: 20rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
}

.header-phones {
  position: absolute;
  right: -1rem;
  top: -1rem;
  z-index: 1046;
  display: none;
}

.header-phones-show:hover .header-phones {
  display: block;
}

.field-helper {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% - 0.75rem);
  right: 0;
  background: #fff;
  border: 0.1rem solid #121212;
  padding: 1rem 0 1rem 0;
  z-index: 5;
}
.field-helper .scrollBlock {
  max-height: 22rem;
  overflow: auto;
}
.field-helper {
  border-radius: 0 0 1rem 1rem;
}
.field-helper .company-item:hover {
  cursor: pointer;
  background: #eeeeee;
}

.form-field label {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.props-item.dragging {
  opacity: 0.7;
}
.props-item.hidden {
  display: none;
}

.props-search-wrapper {
  margin-bottom: 20px;
}
.props-search-wrapper input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}

.is-copy {
  border-bottom: 0.1rem dashed #E91801;
  font-weight: bold;
}

.aspect-16-9 {
  aspect-ratio: 16/9;
}

.aspect-2-1 {
  aspect-ratio: 2/1;
}

.bgs-cover {
  background-size: cover;
}

.bgs-contain {
  background-size: contain;
}

.bgr-no-repeat {
  background-repeat: no-repeat;
}

.bgp-center-center {
  background-position: center center;
}

.dropzone-picture {
  position: relative;
}
.dropzone-picture:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .dropzone-picture:after {
    transition: none;
  }
}
.dropzone-picture:after {
  background: rgba(233, 24, 1, 0.2);
}
.dropzone-picture:hover:after {
  opacity: 1;
}

nav#top > ul > li {
  position: relative;
}
nav#top > ul > li > ul {
  position: absolute;
  right: 0;
  top: calc(100% + 0.25rem);
  background: #fff;
  width: 24rem;
  z-index: 1046;
  padding: 1rem 0.5rem;
  display: none;
  opacity: 0;
  transition: all 0.4s ease;
  border-radius: 1rem;
}
nav#top > ul > li > ul::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 0.5rem;
}
nav#top > ul > li:hover > ul {
  display: block;
  opacity: 1;
}

.box-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  padding: 8px;
  border: 0.1rem solid #E91801;
}

@media (min-width: 768px) {
  .box-circle-md-unset {
    display: unset;
    align-items: unset;
    justify-content: unset;
    min-width: unset;
    aspect-ratio: unset;
    border-radius: unset;
    padding: unset;
    border: unset;
  }
}

.product-related__section + .product-related__section {
  margin-top: 3rem;
}
.product-related__section-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  color: #BB1111;
}
.product-related__list {
  margin-top: 0;
}
.product-related__carousel {
  margin-top: -0.5rem;
}
.product-related__carousel .splide__track {
  height: auto;
}
.product-related__carousel .splide__list {
  align-items: stretch;
  height: auto !important;
}
.product-related__carousel .splide__slide.catalogList-item {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  height: auto;
  align-self: stretch;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.product-related__carousel .catalog-item-views {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
}
.product-related__carousel .catalog-view-card {
  width: 100%;
  height: 100%;
  min-width: 0;
}

.catalog-view-current-badge {
  display: inline-block;
  padding: 0.25rem 0.7rem;
  background: rgba(187, 17, 17, 0.1);
  color: #BB1111;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
.catalog-view-current-badge--inline {
  display: inline-block;
  margin-left: 0.8rem;
  vertical-align: middle;
}

.catalog-view-order-link.is-current {
  pointer-events: none;
  cursor: default;
  background: rgba(187, 17, 17, 0.08);
  color: #BB1111;
  border-color: transparent;
  text-decoration: none;
}

.catalog-view-switcher {
  gap: 0.4rem;
  padding: 0.35rem;
  border: 0.1rem solid rgba(187, 17, 17, 0.25);
  background: #fff;
  width: auto;
}

.catalog-view-btn {
  box-sizing: border-box;
  background: transparent;
  color: #6c757d;
  width: 3.4rem;
  height: 3.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  user-select: none;
  transition: color 0.2s ease, background 0.2s ease;
}
.catalog-view-btn [class^=icons-],
.catalog-view-btn [class*=" icons-"] {
  display: block;
  font-size: 1.7rem;
  line-height: 1;
}
.catalog-view-btn [class^=icons-]::before,
.catalog-view-btn [class*=" icons-"]::before {
  display: block;
  line-height: 1;
}
.catalog-view-btn:hover {
  color: #BB1111;
  background: rgba(187, 17, 17, 0.08);
}
.catalog-view-btn.is-active {
  color: #fff;
  background: #BB1111;
}
.catalog-view-btn:focus {
  outline: none;
}
.catalog-view-btn:focus-visible {
  outline: 0.15rem solid rgba(187, 17, 17, 0.45);
  outline-offset: 0.1rem;
}

.catalog-view-order-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1.25rem;
  border: 0.1rem solid #BB1111;
  background: #BB1111;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.catalog-view-order-link:hover {
  background: rgb(58.6666666667%, 5.3333333333%, 5.3333333333%);
  border-color: rgb(58.6666666667%, 5.3333333333%, 5.3333333333%);
  color: #fff;
}
.catalog-view-order-link.is-block {
  width: 100%;
}
.catalog-view-order-link.is-table {
  padding: 0.55rem 1.15rem;
  font-size: 1.35rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.catalog-view-prop {
  display: flex;
  gap: 0.35rem 0.5rem;
  align-items: baseline;
  margin-bottom: 0.4rem;
  line-height: 1.4;
}
.catalog-view-prop:last-child {
  margin-bottom: 0;
}

.catalog-view-prop-name {
  color: #555;
  flex: 0 1 auto;
}

.catalog-view-prop-value {
  color: #111;
  font-weight: 700;
}

.catalog-view-card,
.catalog-view-table-row,
.catalog-view-table-head {
  display: none;
}

@media (min-width: 1200px) {
  .catalog-item-col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.catalog-view-row {
  display: block;
}

.catalog-view-row-inner {
  display: grid;
  grid-template-columns: minmax(11rem, 38%) minmax(0, 1fr);
  gap: 1.1rem 1.25rem;
  align-items: start;
}
@media (min-width: 768px) {
  .catalog-view-row-inner {
    grid-template-columns: 11rem minmax(0, 1.1fr) minmax(12rem, 0.9fr);
    align-items: center;
  }
}
@media (min-width: 992px) {
  .catalog-view-row-inner {
    grid-template-columns: 12rem minmax(0, 1.15fr) minmax(14rem, 0.85fr);
  }
}

.catalog-view-row-media {
  grid-column: 1;
  grid-row: 1;
}
.catalog-view-row-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  background: #fff;
}

.catalog-view-row-main {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.catalog-view-row-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  white-space: normal;
}

.catalog-view-row-title {
  color: #111;
  font-weight: 600;
}

.catalog-view-row-props {
  grid-column: 1/-1;
  grid-row: 2;
  padding-top: 0.85rem;
  margin-top: 0.15rem;
  border-top: 0.1rem solid rgba(187, 17, 17, 0.12);
}
@media (min-width: 768px) {
  .catalog-view-row-props {
    grid-column: 3;
    grid-row: 1;
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
}

.js-catalog-list.is-view-cards .catalog-view-row,
.js-catalog-list.is-view-cards .catalog-view-table-row,
.js-catalog-list.is-view-cards .catalog-view-table-head {
  display: none !important;
}
.js-catalog-list.is-view-cards .catalog-view-card {
  display: block;
}
.js-catalog-list.is-view-table .catalog-view-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
}
.js-catalog-list.is-view-table .catalog-view-table-head {
  display: block;
  margin-bottom: 0;
}
.js-catalog-list.is-view-table .catalog-view-row,
.js-catalog-list.is-view-table .catalog-view-card {
  display: none !important;
}
.js-catalog-list.is-view-table .catalog-view-table-row {
  display: grid;
  width: 100%;
}
.js-catalog-list.is-view-table .catalogList-items {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.js-catalog-list.is-view-table .catalogList-item {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.js-catalog-list.is-view-table .catalog-view-pager {
  margin-top: 1rem;
  margin-bottom: 1rem;
  min-width: 0 !important;
}
@media (max-width: 991.98px) {
  .js-catalog-list.is-view-table .catalog-view-table-head,
  .js-catalog-list.is-view-table .catalog-view-table-row {
    display: none !important;
  }
  .js-catalog-list.is-view-table .catalog-view-row {
    display: block !important;
  }
  .js-catalog-list.is-view-table .catalogList-item {
    margin-bottom: 1rem !important;
    padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x, 1.5rem) * 0.5) !important;
  }
  .js-catalog-list.is-view-table .catalogList-items {
    --bs-gutter-x: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .js-catalog-list.is-view-table .catalog-view-table-row {
    grid-template-columns: minmax(12rem, 16.5rem) repeat(var(--catalog-prop-count, 5), minmax(0, 1fr)) minmax(5.5rem, 6.75rem) 8.5rem;
    column-gap: 0.4rem;
    padding: 0.75rem 0.55rem;
    font-size: 1.4rem;
  }
  .js-catalog-list.is-view-table .catalog-view-table-head .catalog-view-table-row {
    font-size: 1.1rem;
    line-height: 1.2;
    align-items: center;
  }
  .js-catalog-list.is-view-table .catalog-view-table-head .catalog-view-table-cell {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
    line-height: 1.2;
  }
  .js-catalog-list.is-view-table .catalog-view-table-link {
    font-size: 1.35rem;
    line-height: 1.25;
  }
  .js-catalog-list.is-view-table .catalog-view-order-link.is-table {
    padding: 0.4rem 0.55rem;
    font-size: 1.1rem;
    width: 100%;
    box-sizing: border-box;
  }
}

.catalog-view-table-head {
  width: 100%;
}
.catalog-view-table-head .catalog-view-table-row {
  display: grid;
  background: #2b2b2b;
  color: #fff;
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1.25;
  border-bottom: 0;
}

.catalog-view-table-row {
  grid-template-columns: var(--catalog-table-template, minmax(16rem, 28rem) minmax(6.5rem, 8rem) 9.5rem);
  align-items: center;
  column-gap: 0.75rem;
  row-gap: 0;
  padding: 1rem 1rem;
  border-bottom: 0.1rem solid rgba(187, 17, 17, 0.12);
  background: #fff;
  font-size: 1.55rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}
.catalog-view-table-row:not(.is-head):hover {
  background: rgba(187, 17, 17, 0.03);
}
.catalog-view-table-row.is-head .catalog-view-table-cell {
  white-space: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}

.catalog-view-table-cell {
  min-width: 0;
}
.catalog-view-table-cell.is-name {
  text-align: left;
}
.catalog-view-table-cell.is-prop, .catalog-view-table-cell.is-price {
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.catalog-view-table-cell.is-action {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.catalog-view-table-link {
  color: #BB1111;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  font-size: 1.55rem;
  line-height: 1.3;
}
.catalog-view-table-link:hover {
  text-decoration: underline;
}

.catalog-view-card-props .catalog-view-prop {
  margin-bottom: 0.3rem;
}

.icon-dot {
  min-width: 0.6rem;
  max-width: 0.6rem;
  min-height: 0.6rem;
  max-height: 0.6rem;
  border-radius: 50%;
  background: #228b22;
  margin-right: 0.25rem;
}

.tooltip-popup {
  position: fixed;
  inset: auto;
  display: block;
  z-index: 9999;
  min-height: 0;
  right: 2rem;
  bottom: 2rem;
  width: 44rem;
  max-width: calc(100vw - 4rem);
  opacity: 0;
  pointer-events: none;
  transform: translateY(2rem);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.tooltip-popup.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.tooltip-popup .price-popup__close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.2rem;
  height: 3.2rem;
}
@media (max-width: 575.98px) {
  .tooltip-popup {
    right: 0.8rem;
    bottom: 0.8rem;
    max-width: calc(100vw - 1.6rem);
  }
  .tooltip-popup .price-popup__close {
    top: 0.8rem;
    right: 0.8rem;
    width: 2.6rem;
    height: 2.6rem;
  }
}

.bg-ctaConsultation {
  background-size: cover;
  background-position: left top;
}
@media (max-width: 991.98px) {
  .bg-ctaConsultation:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
  }
}

.bg-ctaPrice:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

.component_gost .list-item_previewPicture {
  width: 6rem;
}

.component_stroitelstvo .item_bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  overflow: hidden;
  clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 991.98px) {
  .component_stroitelstvo .item_bg {
    opacity: 0.2;
  }
}
.component_stroitelstvo .item_bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .component_stroitelstvo .item_bg {
    width: 58%;
    clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
  }
}
.component_stroitelstvo .list-item {
  min-height: 24rem;
}
@media (max-width: 991.98px) {
  .component_stroitelstvo .list-item {
    min-height: 18rem;
  }
}
@media (max-width: 767.98px) {
  .component_stroitelstvo .list-item {
    min-height: 12rem;
  }
}
.component_stroitelstvo .stroitelstvo_content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2.5rem;
  padding-right: 8rem;
}
@media (max-width: 991.98px) {
  .component_stroitelstvo .stroitelstvo_content {
    padding: 1.5rem;
  }
}

.bg-form {
  background-color: rgba(0, 0, 0, 0.8);
  max-width: 100%;
}
@media (min-width: 992px) {
  .bg-form {
    max-width: 48rem;
  }
}

@media (max-width: 767.98px) {
  .catalog-subsections .catalog-subsections_parent-name {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .catalog-subsections .catalog-subsections_item .icons-arrow-left {
    margin-right: 0 !important;
  }
}
.catalog-subsections .catalog-subsections_item .catalog-subsections_icon svg {
  color: #E91801;
  fill: none;
}
.catalog-subsections .catalog-subsections_item .catalog-subsections_icon svg path {
  fill: none;
}
.catalog-subsections .catalog-subsections_item.is-active .catalog-subsections_icon svg {
  color: #fff;
  fill: none;
}

.d-hidden-block {
  opacity: 0;
  transition: all 0.4s ease;
}
.catalog-view-card:hover .d-hidden-block {
  opacity: 1;
}


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