@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: "Montserrat", "Arial", sans-serif;
  color: #0A0A0A;
  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: "\e99f";
  color: #fff;
  font-size: 4.4rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:before, html body .modal .blockquote:after,
  html body .modal blockquote:before,
  html body .modal blockquote:after,
  html body .popup .blockquote:before,
  html body .popup .blockquote:after,
  html body .popup blockquote:before,
  html body .popup blockquote:after,
  html body .wrapper .blockquote:before,
  html body .wrapper .blockquote:after,
  html body .wrapper blockquote:before,
  html body .wrapper blockquote:after {
    font-size: 2.6rem;
  }
}
html body .modal .blockquote:after,
html body .modal blockquote:after,
html body .popup .blockquote:after,
html body .popup blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
  top: -1rem;
  left: 3.2rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:after,
  html body .modal blockquote:after,
  html body .popup .blockquote:after,
  html body .popup blockquote:after,
  html body .wrapper .blockquote:after,
  html body .wrapper blockquote:after {
    left: 1.2rem;
  }
}
html body .modal .blockquote:before,
html body .modal blockquote:before,
html body .popup .blockquote:before,
html body .popup blockquote:before,
html body .wrapper .blockquote:before,
html body .wrapper blockquote:before {
  bottom: -1rem;
  right: 3.2rem;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:before,
  html body .modal blockquote:before,
  html body .popup .blockquote:before,
  html body .popup blockquote:before,
  html body .wrapper .blockquote:before,
  html body .wrapper blockquote:before {
    right: 1.2rem;
  }
}
html body .modal .component_page-navigation,
html body .popup .component_page-navigation,
html body .wrapper .component_page-navigation {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
html body .modal .component_page-navigation a,
html body .popup .component_page-navigation a,
html body .wrapper .component_page-navigation a {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0.3rem;
  border: 0.1rem solid transparent;
  color: #0A0A0A;
  background: #F9F9F9;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1;
  min-width: 4.2rem;
  max-width: 4.2rem;
  min-height: 4.2rem;
  max-height: 4.2rem;
  border-radius: 1rem;
}
@media (max-width: 991.98px) {
  html body .modal .component_page-navigation a,
  html body .popup .component_page-navigation a,
  html body .wrapper .component_page-navigation a {
    min-width: 3.2rem;
    max-width: 3.2rem;
    min-height: 3.2rem;
    max-height: 3.2rem;
  }
}
html body .modal .component_page-navigation a:hover,
html body .popup .component_page-navigation a:hover,
html body .wrapper .component_page-navigation a:hover {
  color: #fff;
  background: #3755FA;
}
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: #8FB914;
  cursor: default;
}
html body .modal ol,
html body .popup ol,
html body .wrapper ol {
  margin: 0 0 1.5rem 1rem;
  padding: 0;
  font-size: inherit;
}
html body .modal ol li,
html body .popup ol li,
html body .wrapper ol li {
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
html body .modal ol ol,
html body .popup ol ol,
html body .wrapper ol ol {
  margin-top: 0.5rem;
  list-style-type: lower-alpha;
}
html body .modal ul,
html body .popup ul,
html body .wrapper ul {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul li,
html body .popup ul li,
html body .wrapper ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
html body .modal ul.list-none,
html body .popup ul.list-none,
html body .wrapper ul.list-none {
  list-style: none;
}
html body .modal ul.list-none li,
html body .popup ul.list-none li,
html body .wrapper ul.list-none li {
  margin-bottom: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul {
  margin-top: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child {
  margin-bottom: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: calc((1lh - 0.6rem) / 2);
  min-width: 0.6rem;
  max-width: 0.6rem;
  min-height: 0.6rem;
  max-height: 0.6rem;
  background: #E60A80;
  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((1lh - 0.5rem) / 2);
    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: #E60A80;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.45;
  border: 0.1rem solid #E60A80;
  font-size: 1.4rem;
  padding: 1.5rem 2rem;
  border-radius: 3.2rem;
  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: 2rem;
    padding: 1.5rem 2.5rem;
    border-radius: 3.2rem;
  }
}
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: #d6006d;
  border-color: #d6006d;
  color: #fff;
}
html body .modal .button[type=reset], html body .modal button[type=reset], html body .modal input[type=submit][type=reset],
html body .popup .button[type=reset],
html body .popup button[type=reset],
html body .popup input[type=submit][type=reset],
html body .wrapper .button[type=reset],
html body .wrapper button[type=reset],
html body .wrapper input[type=submit][type=reset] {
  color: #272727;
}
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: #F9F9F9;
  border-color: #F9F9F9;
  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: #272727 !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 .form-field:has(> input[type=checkbox]) > .invalid-input,
html body .popup form .form-field:has(> input[type=checkbox]) > .invalid-input,
html body .wrapper form .form-field:has(> input[type=checkbox]) > .invalid-input {
  top: 100%;
  left: 3.4rem;
  right: 0;
  width: fit-content;
  max-width: calc(100% - 3.4rem);
  margin-top: 0.35rem;
}
@media (max-width: 767.98px) {
  html body .modal form .form-field:has(> input[type=checkbox]) > .invalid-input,
  html body .popup form .form-field:has(> input[type=checkbox]) > .invalid-input,
  html body .wrapper form .form-field:has(> input[type=checkbox]) > .invalid-input {
    left: 3rem;
    max-width: calc(100% - 3rem);
  }
}
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: #C7212C !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 #727272;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  line-height: 1.25;
  font-size: 1.6rem;
  padding: 1.35rem 1.5rem;
  border-radius: 3.2rem;
}
@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: 2rem;
    padding: 1.6rem 2rem;
    border-radius: 3.2rem;
  }
}
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: rgba(255, 255, 255, 0.55);
  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: 2rem;
  }
}
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: #E60A80;
  box-shadow: unset;
  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 rgba(255, 255, 255, 0.08) !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !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: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.16);
  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: rgba(255, 255, 255, 0.16);
}
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: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.16);
  cursor: default;
}
html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
  width: 100%;
  border: 0.1rem solid #727272;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  line-height: 1.25;
  font-size: 1.6rem;
  padding: 1.35rem 1.5rem;
  border-radius: 3.2rem;
}
@media (min-width: 768px) {
  html body .modal form textarea,
  html body .popup form textarea,
  html body .wrapper form textarea {
    font-size: 2rem;
    padding: 1.6rem 2rem;
    border-radius: 3.2rem;
  }
}
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: rgba(255, 255, 255, 0.55);
  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: 2rem;
  }
}
html body .modal form textarea:focus,
html body .popup form textarea:focus,
html body .wrapper form textarea:focus {
  border-color: #E60A80;
  box-shadow: unset;
  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 rgba(255, 255, 255, 0.08) !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}
html body .modal form textarea[readonly],
html body .popup form textarea[readonly],
html body .wrapper form textarea[readonly] {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.16);
  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: rgba(255, 255, 255, 0.16);
}
html body .modal form textarea[disabled],
html body .popup form textarea[disabled],
html body .wrapper form textarea[disabled] {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.16);
  cursor: default;
}
html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
  border-radius: 1rem;
}
@media (min-width: 768px) {
  html body .modal form textarea,
  html body .popup form textarea,
  html body .wrapper form textarea {
    border-radius: 1.6rem;
  }
}
html body .modal form a,
html body .popup form a,
html body .wrapper form a {
  color: #E60A80;
}
html body .modal form a:hover,
html body .popup form a:hover,
html body .wrapper form a:hover {
  color: #ff31aa;
}
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: 2rem;
}
@media (max-width: 991.98px) {
  html body .modal form .label, html body .modal form label,
  html body .popup form .label,
  html body .popup form label,
  html body .wrapper form .label,
  html body .wrapper form label {
    font-size: 1.6rem;
  }
}
html body .modal form .form-field,
html body .popup form .form-field,
html body .wrapper form .form-field {
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 992px) {
  html body .modal form .form-field,
  html body .popup form .form-field,
  html body .wrapper form .form-field {
    margin-bottom: 2.5rem;
  }
  html body .modal form .form-field.minWidth,
  html body .popup form .form-field.minWidth,
  html body .wrapper form .form-field.minWidth {
    min-width: 32rem;
  }
}
html body .modal form .form-field > .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: 2.35rem;
  padding-bottom: 0.8rem;
}
@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: 2.75rem;
    padding-bottom: 1rem;
  }
}
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: rgba(255, 255, 255, 0.55);
  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: 2rem;
  }
}
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.65rem;
  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.9rem;
  }
}
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.65rem;
  color: rgba(255, 255, 255, 0.55);
  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.8rem;
    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: #E60A80;
}
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: rgba(255, 255, 255, 0.55);
  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: 2rem;
  }
}
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.65rem;
  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.8rem;
    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: #E60A80;
}
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: 2.35rem;
  padding-bottom: 0.8rem;
}
@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: 2.75rem;
    padding-bottom: 1rem;
  }
}
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: 2.35rem;
  padding-bottom: 0.8rem;
}
@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: 2.75rem;
    padding-bottom: 1rem;
  }
}
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.65rem;
  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.9rem;
  }
}
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.65rem;
  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.8rem;
  }
}
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: 2.35rem;
  padding-bottom: 0.8rem;
}
@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: 2.75rem;
    padding-bottom: 1rem;
  }
}
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: rgba(255, 255, 255, 0.55);
  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: 2rem;
  }
}
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.65rem;
  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.8rem;
    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: #272727;
}
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.65rem;
  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.9rem;
  }
}
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.65rem;
  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.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 {
  border-radius: 3.2rem;
}
@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 {
    border-radius: 3.2rem;
  }
}
html body .modal form .form-field .component_connectType .connectType,
html body .popup form .form-field .component_connectType .connectType,
html body .wrapper form .form-field .component_connectType .connectType {
  cursor: pointer;
  padding: 1rem;
  border-radius: 50%;
}
html body .modal form .form-field .component_connectType .connectType.active,
html body .popup form .form-field .component_connectType .connectType.active,
html body .wrapper form .form-field .component_connectType .connectType.active {
  cursor: default;
  background: #E60A80;
  color: #fff;
}
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: 5.2rem;
  border-color: #727272;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 1.35rem 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: 6.3rem;
    padding: 1.6rem 2rem;
    font-size: 2rem;
  }
}
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: #272727;
  box-shadow: unset;
}
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: inherit;
  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 #C7212C;
  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 {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
  position: absolute;
  content: "\e91a";
  font-size: 1.6rem;
  left: 50%;
  top: 50%;
  margin-left: calc(-1.6rem / 2);
  margin-top: calc(-1.6rem / 2);
  color: #C7212C;
}
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: #C7212C;
  display: inline-block;
}
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: #D9D9D9;
}
@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: #E05323;
  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: #F9F9F9;
}
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.25rem 0;
  margin-bottom: 2.5rem;
}
@media (max-width: 991.98px) {
  html body .modal .component_breadcrumb,
  html body .popup .component_breadcrumb,
  html body .wrapper .component_breadcrumb {
    padding: 0.25rem 0;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  html body .modal .component_breadcrumb,
  html body .popup .component_breadcrumb,
  html body .wrapper .component_breadcrumb {
    padding: 0;
  }
}
html body .modal .component_breadcrumb nav,
html body .popup .component_breadcrumb nav,
html body .wrapper .component_breadcrumb nav {
  letter-spacing: normal !important;
}
html body .modal .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .popup .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .wrapper .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 1.2rem;
  padding: 0;
}
html body .modal .component_breadcrumb .breadcrumb,
html body .popup .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  html body .modal .component_breadcrumb .breadcrumb,
  html body .popup .component_breadcrumb .breadcrumb,
  html body .wrapper .component_breadcrumb .breadcrumb {
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    padding: 1rem 0;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  html body .modal .component_breadcrumb .breadcrumb li:last-child,
  html body .popup .component_breadcrumb .breadcrumb li:last-child,
  html body .wrapper .component_breadcrumb .breadcrumb li:last-child {
    padding-right: 3rem;
  }
}
html body .modal .component_breadcrumb .breadcrumb li,
html body .popup .component_breadcrumb .breadcrumb li,
html body .wrapper .component_breadcrumb .breadcrumb li {
  margin: 0;
  color: #E60A80;
  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: #fff;
  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: #E60A80;
  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: #fff;
}
html body .modal .component_tabs .tab-header .tab,
html body .popup .component_tabs .tab-header .tab,
html body .wrapper .component_tabs .tab-header .tab {
  cursor: pointer;
}
html body .modal .component_tabs .tab-header .tab.active,
html body .popup .component_tabs .tab-header .tab.active,
html body .wrapper .component_tabs .tab-header .tab.active {
  cursor: default;
}
html body .modal .component_tabs .tab-body .tab,
html body .popup .component_tabs .tab-body .tab,
html body .wrapper .component_tabs .tab-body .tab {
  display: none;
}
html body .modal .component_tabs .tab-body .tab.active,
html body .popup .component_tabs .tab-body .tab.active,
html body .wrapper .component_tabs .tab-body .tab.active {
  display: block;
}
@media (max-width: 991.98px) {
  html body .modal .component_tabs .js-toggle-body .tab,
  html body .popup .component_tabs .js-toggle-body .tab,
  html body .wrapper .component_tabs .js-toggle-body .tab {
    display: none !important;
  }
  html body .modal .component_tabs .js-toggle-body.active .tab,
  html body .popup .component_tabs .js-toggle-body.active .tab,
  html body .wrapper .component_tabs .js-toggle-body.active .tab {
    display: block !important;
  }
}
html body .modal [class^=icons-], html body .modal [class*=" icons-"],
html body .popup [class^=icons-],
html body .popup [class*=" icons-"],
html body .wrapper [class^=icons-],
html body .wrapper [class*=" icons-"] {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -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: Arial, sans-serif;
}
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 {
  word-wrap: break-word !important;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .h1 a, html body .h2 a, html body .h3 a, html body .h4 a, html body .h5 a, html body .h6 a,
html body h1 a, html body h2 a, html body h3 a, html body h4 a, html body h5 a, html body h6 a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
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 fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes shake {
  10%, 90% {
    transform: translateX(-0.1rem);
  }
  20%, 80% {
    transform: translateX(0.2rem);
  }
  30%, 50%, 70% {
    transform: translateX(-0.4rem);
  }
  40%, 60% {
    transform: translateX(0.4rem);
  }
}
@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 {
  background: transparent;
  border: 0.1rem solid #ec4752;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  html body .custom-scroll::-webkit-scrollbar-track {
    border-radius: 0;
  }
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #E60A80;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  html body .custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
  }
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  padding: 0;
}
@media (max-width: 767.98px) {
  html body .custom-scroll::-webkit-scrollbar {
    height: 0.4rem;
    width: 0.4rem;
  }
}
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: #0A0A0A;
  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: #D9D9D9;
}
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_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*=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*=max] {
  background: linear-gradient(90deg, #5a8cff -16.1%, #43d6ff 16.36%, #8f3fff 76.63%);
  -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*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-bg-colors a[class*=vkontakte] {
  background-color: #0077FF !important;
}
html body .component_social .social-items.social-bg-colors a[class*=viber] {
  background-color: #665CAC !important;
}
html body .component_social .social-items.social-bg-colors a[class*=whatsapp] {
  background-color: #25D366 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=facebook] {
  background-color: #1a77f2 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=telegram] {
  background-color: #0088cc !important;
}
html body .component_social .social-items.social-bg-colors a[class*=youtube] {
  background-color: #ff0000 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=spotify] {
  background-color: #1ED760 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=yandex_music] {
  background-color: #FC3F1D !important;
}
html body .component_social .social-items.social-bg-colors a[class*=sberzvuk] {
  background-color: #07ead8 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=apple_music] {
  background-color: #fa586a !important;
}
html body .component_social .social-items.social-bg-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
}
html body .flex-basis-100 {
  flex-basis: 100%;
}
html body .flex-basis-auto {
  flex-basis: auto;
}
html body .flex-1-1-0 {
  flex: 1 1 0;
}
html body .flex-1 {
  flex: 1;
}
html body .loading {
  position: relative;
  width: 100%;
  height: 1.6rem;
}
html body .loading:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #0A0A0A;
  -webkit-animation: loading 5s linear infinite;
  animation: loading 5s linear infinite;
}
html body a.button.disabled {
  background: #F9F9F9;
  color: #D9D9D9;
  cursor: not-allowed;
}
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;
}
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: #0A0A0A;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
    stroke: #0A0A0A;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
    stroke: #0A0A0A;
  }
}
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: 16/9;
  }
}
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: #E60A80;
  box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 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: #0A0A0A;
  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(10, 10, 10, 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;
}
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: #0A0A0A;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
    stroke: #0A0A0A;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
    stroke: #0A0A0A;
  }
}

.hr, hr {
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #D9D9D9;
  opacity: 1 !important;
}

.js-wow {
  visibility: hidden;
}

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

.notifyItem {
  min-width: 30rem;
  max-width: 30rem;
  background: #fff;
  color: #0A0A0A;
  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(10, 10, 10, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(10, 10, 10, 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 (min-width: 768px) {
  #__replain_widget:not(.active) {
    inset: auto 0.5rem 10rem auto !important;
    z-index: 1000 !important;
  }
}

.js-copy {
  cursor: pointer;
}

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

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

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

.figcaption,
figcaption {
  text-align: center;
  font-size: 1.6rem;
  color: #727272;
  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;
}

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

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.25s ease;
  z-index: 9999;
}
.custom-cursor.active {
  transform: translate(-50%, -50%) scale(1);
}

@media (min-width: 992px) {
  .js-cursor-parent {
    cursor: none !important;
  }
}

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

.mmSelect-block {
  position: relative;
}
.mmSelect-block .mmSelect-block_select-html {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.55);
}
.mmSelect-block .mmSelect-block_select-html.is-active {
  color: #fff;
}
.mmSelect-block .mmSelect-block_select {
  cursor: pointer;
  width: 100%;
  border: 0.1rem solid #eeeeee;
  color: #000;
  background: #fff;
  font-size: 1.4rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  .mmSelect-block .mmSelect-block_select {
    font-size: 1.8rem;
    padding: 0.85rem 1.5rem;
  }
}
.mmSelect-block .mmSelect-block_select .icons-arrow-bottom:before {
  display: block;
  transition: all 0.2s ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .mmSelect-block .mmSelect-block_select .icons-arrow-bottom:before {
    transition: none;
  }
}
.mmSelect-block .mmSelect-block_select.is-active .icons-arrow-bottom:before {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mmSelect-block .mmSelect-options {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.5rem);
  background: #fff;
  z-index: 2;
  overflow: hidden;
  border-radius: 0.8rem;
}
.mmSelect-block .mmSelect-options.is-active {
  display: block;
}
.mmSelect-block .mmSelect-options_list {
  border: 0.1rem solid #eeeeee;
  padding: 1rem 0.25rem;
  max-height: 24rem;
  overflow-y: auto;
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  .mmSelect-block .mmSelect-options_list {
    padding: 0.85rem 0.25rem;
  }
}
.mmSelect-block .mmSelect-option {
  color: #C7212C;
  padding: 1rem;
  cursor: pointer;
  border-radius: 0.8rem;
}
.mmSelect-block .mmSelect-option:hover {
  background: #C7212C;
  color: #fff;
}
.mmSelect-block .mmSelect-option.is-active {
  background: #971d25;
  color: #fff;
}

.btn-mmSelects .btn-mmSelect {
  font-size: 2.6rem !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  border-radius: 5rem;
  color: #272727 !important;
  border: 0.2rem solid #272727;
  text-decoration: none;
  padding: 1.6rem 2.4rem;
  font-weight: 900;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .btn-mmSelects .btn-mmSelect {
    font-size: 1.6rem !important;
    padding: 1rem 1.6rem;
    border-width: 0.1rem;
    font-weight: 600;
  }
}
.btn-mmSelects .btn-mmSelect:hover {
  color: #C7212C !important;
  border-color: #C7212C;
}
.btn-mmSelects input:checked + .btn-mmSelect {
  color: #fff !important;
  border-color: #C7212C !important;
  background: #C7212C !important;
}

.tooltip {
  position: relative;
  cursor: help;
}

.tooltip:hover::after {
  content: attr(data-title);
  position: absolute;
  bottom: calc(100% + 0.25rem);
  left: 50%;
  transform: translateX(-50%);
  background: #0A0A0A;
  color: #fff;
  padding: 0.25rem;
  border-radius: 0.4rem;
  white-space: nowrap;
  font-size: 1.4rem;
  opacity: 0;
  pointer-events: none;
  animation: fadeIn 0.15s forwards;
}

[data-content=hidden] {
  -webkit-opacity: 0;
  opacity: 0;
}

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

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

.is-shake {
  animation: shake 300ms ease-in-out;
}

.js-lazyload.loaded[data-bg-after]::after {
  background-image: var(--bg-after);
}

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

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

.bg-100 {
  background-size: 100%;
}

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

.bg-bottom-center {
  background-position: bottom center;
}

.user-select-none {
  user-select: none;
}

[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;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  font-size: 3rem;
}

html body {
  background-color: #0A0A0A;
  color: #fff;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 1.25;
}
html body .modal-content .h1, html body .modal-content .h2, html body .modal-content .h3, html body .modal-content .h4, html body .modal-content .h5, html body .modal-content .h6,
html body .modal-content h1, html body .modal-content h2, html body .modal-content h3, html body .modal-content h4, html body .modal-content h5, html body .modal-content h6,
html body .popup-body .h1,
html body .popup-body .h2,
html body .popup-body .h3,
html body .popup-body .h4,
html body .popup-body .h5,
html body .popup-body .h6,
html body .popup-body h1,
html body .popup-body h2,
html body .popup-body h3,
html body .popup-body h4,
html body .popup-body h5,
html body .popup-body h6,
html body .wrapper .h1,
html body .wrapper .h2,
html body .wrapper .h3,
html body .wrapper .h4,
html body .wrapper .h5,
html body .wrapper .h6,
html body .wrapper h1,
html body .wrapper h2,
html body .wrapper h3,
html body .wrapper h4,
html body .wrapper h5,
html body .wrapper h6 {
  font-family: "Unbounded", "Arial", sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
html body .modal-content h1, html body .modal-content .h1,
html body .popup-body h1,
html body .popup-body .h1,
html body .wrapper h1,
html body .wrapper .h1 {
  font-size: 3.2rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  html body .modal-content h1, html body .modal-content .h1,
  html body .popup-body h1,
  html body .popup-body .h1,
  html body .wrapper h1,
  html body .wrapper .h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 575.98px) {
  html body .modal-content h1, html body .modal-content .h1,
  html body .popup-body h1,
  html body .popup-body .h1,
  html body .wrapper h1,
  html body .wrapper .h1 {
    font-size: 2.4rem;
  }
}
html body .modal-content h2, html body .modal-content .h2,
html body .popup-body h2,
html body .popup-body .h2,
html body .wrapper h2,
html body .wrapper .h2 {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
@media (max-width: 767.98px) {
  html body .modal-content h2, html body .modal-content .h2,
  html body .popup-body h2,
  html body .popup-body .h2,
  html body .wrapper h2,
  html body .wrapper .h2 {
    font-size: 2.2rem;
  }
}
@media (max-width: 575.98px) {
  html body .modal-content h2, html body .modal-content .h2,
  html body .popup-body h2,
  html body .popup-body .h2,
  html body .wrapper h2,
  html body .wrapper .h2 {
    font-size: 2rem;
  }
}
html body .modal-content h3, html body .modal-content .h3,
html body .popup-body h3,
html body .popup-body .h3,
html body .wrapper h3,
html body .wrapper .h3 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  html body .modal-content h3, html body .modal-content .h3,
  html body .popup-body h3,
  html body .popup-body .h3,
  html body .wrapper h3,
  html body .wrapper .h3 {
    font-size: 2rem;
  }
}
@media (max-width: 575.98px) {
  html body .modal-content h3, html body .modal-content .h3,
  html body .popup-body h3,
  html body .popup-body .h3,
  html body .wrapper h3,
  html body .wrapper .h3 {
    font-size: 1.8rem;
  }
}
html body .modal-content h4, html body .modal-content .h4,
html body .popup-body h4,
html body .popup-body .h4,
html body .wrapper h4,
html body .wrapper .h4 {
  font-size: 1.8rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 575.98px) {
  html body .modal-content h4, html body .modal-content .h4,
  html body .popup-body h4,
  html body .popup-body .h4,
  html body .wrapper h4,
  html body .wrapper .h4 {
    font-size: 1.6rem;
  }
}
html body .modal-content h5, html body .modal-content .h5,
html body .popup-body h5,
html body .popup-body .h5,
html body .wrapper h5,
html body .wrapper .h5 {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
  color: #272727;
}
html body .modal-content h6, html body .modal-content .h6,
html body .popup-body h6,
html body .popup-body .h6,
html body .wrapper h6,
html body .wrapper .h6 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #727272;
}
html body .modal-content input[type=checkbox] + label .check,
html body .popup-body input[type=checkbox] + label .check,
html body .wrapper input[type=checkbox] + label .check {
  background: transparent;
  border-color: #E60A80;
}
html body .modal-content input[type=checkbox] + label .check:after,
html body .popup-body input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
  color: #fff;
}
html body .modal-content input[type=checkbox]:checked + label .check,
html body .popup-body input[type=checkbox]:checked + label .check,
html body .wrapper input[type=checkbox]:checked + label .check {
  background: #E60A80;
  border-color: #E60A80;
}
html body .modal-content input[type=checkbox]:checked + label .check:after,
html body .popup-body input[type=checkbox]:checked + label .check:after,
html body .wrapper input[type=checkbox]:checked + label .check:after {
  color: #fff;
  display: inline-block;
}
html body .modal-content form .form-field:has(> input[type=checkbox]) > .invalid-input,
html body .popup-body form .form-field:has(> input[type=checkbox]) > .invalid-input,
html body .wrapper form .form-field:has(> input[type=checkbox]) > .invalid-input {
  top: 100%;
  left: 3.4rem;
  right: auto;
  width: fit-content;
  max-width: calc(100% - 3.4rem);
  margin-top: 0.35rem;
  margin-left: 0;
  line-height: 1.35;
}

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

.box-border {
  border: 0.1rem solid #D9D9D9;
}

.form-field--phone {
  max-width: 36rem;
}
@media (max-width: 767.98px) {
  .form-field--phone {
    max-width: 100%;
  }
}

.l0 {
  left: 0;
}

.r0 {
  right: 0;
}

.t0 {
  top: 0;
}

.b0 {
  bottom: 0;
}

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

@media (max-width: 991.98px) {
  .header-bar {
    position: relative;
  }
  .header-bar .header-bar__side {
    position: relative;
    z-index: 2;
  }
  .header-bar .header-bar__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: auto;
    max-width: calc(100% - 10rem);
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
  }
  .header-bar .header-bar__logo a {
    pointer-events: auto;
  }
  .header-bar .header-bar__logo > div {
    padding: 0 !important;
  }
}

nav#top a {
  border-radius: 3.2rem;
}
nav#top .item-level-1.submenu {
  position: relative;
}
nav#top .item-level-1.submenu > a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
nav#top .item-level-1.submenu > .ul-level-2 {
  position: absolute;
  top: calc(100% + 0.6rem);
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 22rem;
  margin: 0;
  padding: 0.8rem;
  background: #0A0A0A;
  border-radius: 1.6rem;
  box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0.4rem);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
nav#top .item-level-1.submenu > .ul-level-2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 0.8rem;
}
nav#top .item-level-1.submenu > .ul-level-2 > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav#top .item-level-1.submenu > .ul-level-2 a {
  display: block;
  padding: 1.1rem 2rem;
  white-space: nowrap;
  line-height: 1.2;
}
nav#top .item-level-1.submenu:hover > .ul-level-2, nav#top .item-level-1.submenu:focus-within > .ul-level-2 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

#mmenu:not(.mm-menu-ready),
#mmenu_catalog:not(.mm-menu-ready) {
  display: none !important;
}

#mmenu.mm-menu,
#mmenu_catalog.mm-menu {
  --mm-color-background: #0A0A0A;
  --mm-color-border: rgba(255, 255, 255, 0.12);
  --mm-color-icon: rgba(255, 255, 255, 0.55);
  --mm-color-text: #fff;
  --mm-color-text-dimmed: rgba(255, 255, 255, 0.45);
  --mm-color-background-highlight: rgba(255, 255, 255, 0.06);
  --mm-color-background-emphasis: rgba(230, 10, 128, 0.18);
  --mm-color-focusring: #E60A80;
  --mm-listitem-size: 5.6rem;
  --mm-navbar-size: 5.6rem;
  --mm-lineheight: 2.2rem;
  z-index: 1055;
  font-family: "Montserrat", "Arial", sans-serif;
}
#mmenu.mm-menu .mm-navbar,
#mmenu_catalog.mm-menu .mm-navbar {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  padding-right: 4.8rem;
}
#mmenu.mm-menu .mm-navbar .mm-navbar__title,
#mmenu_catalog.mm-menu .mm-navbar .mm-navbar__title {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
#mmenu.mm-menu .mm-listitem,
#mmenu_catalog.mm-menu .mm-listitem {
  border-color: rgba(255, 255, 255, 0.16);
}
#mmenu.mm-menu .mm-listitem:after,
#mmenu_catalog.mm-menu .mm-listitem:after {
  left: 0;
  right: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  border-color: rgba(255, 255, 255, 0.16);
}
#mmenu.mm-menu .mm-listitem__text,
#mmenu_catalog.mm-menu .mm-listitem__text {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-left: 2rem;
  padding-right: 2rem;
}
#mmenu.mm-menu .mm-listitem__btn:not(.mm-listitem__text),
#mmenu_catalog.mm-menu .mm-listitem__btn:not(.mm-listitem__text) {
  width: var(--mm-listitem-size);
  min-width: var(--mm-listitem-size);
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: rgba(255, 255, 255, 0.1);
}
#mmenu.mm-menu .mm-listitem__btn:not(.mm-listitem__text).mm-btn--next:after,
#mmenu_catalog.mm-menu .mm-listitem__btn:not(.mm-listitem__text).mm-btn--next:after {
  position: static;
  inset: auto;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
  border-color: rgba(255, 255, 255, 0.55);
  transform: translate(-1px, 1px) rotate(var(--mm-btn-rotate));
}
#mmenu.mm-menu .mm-listitem--opened > .mm-listitem__btn:not(.mm-listitem__text).mm-btn--next:after,
#mmenu_catalog.mm-menu .mm-listitem--opened > .mm-listitem__btn:not(.mm-listitem__text).mm-btn--next:after {
  right: auto;
  transform: translate(-1px, 1px) rotate(225deg);
}
#mmenu.mm-menu .mm-btn--prev:before,
#mmenu_catalog.mm-menu .mm-btn--prev:before {
  border-color: rgba(255, 255, 255, 0.45);
}
#mmenu.mm-menu a.mm-listitem__text:hover,
#mmenu.mm-menu a.mm-listitem__btn:hover,
#mmenu_catalog.mm-menu a.mm-listitem__text:hover,
#mmenu_catalog.mm-menu a.mm-listitem__btn:hover {
  color: #ff31aa;
}
#mmenu.mm-menu .mm-listitem--selected > .mm-listitem__text,
#mmenu_catalog.mm-menu .mm-listitem--selected > .mm-listitem__text {
  color: #fff;
  background: rgba(230, 10, 128, 0.22);
}
#mmenu.mm-menu .mm-listitem--opened > .mm-listitem__btn,
#mmenu.mm-menu .mm-listitem--opened > .mm-panel,
#mmenu_catalog.mm-menu .mm-listitem--opened > .mm-listitem__btn,
#mmenu_catalog.mm-menu .mm-listitem--opened > .mm-panel {
  background: rgba(255, 255, 255, 0.06);
}
#mmenu.mm-menu .mmenu-close,
#mmenu_catalog.mm-menu .mmenu-close {
  position: absolute;
  top: calc(1.2rem + env(safe-area-inset-top, 0px));
  right: 1.2rem;
  z-index: 5;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  border: 0;
  border-radius: 0.6rem;
  background: #fff !important;
  color: #0A0A0A !important;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
#mmenu.mm-menu .mmenu-close .icons-close,
#mmenu_catalog.mm-menu .mmenu-close .icons-close {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  color: inherit;
}
#mmenu.mm-menu .mmenu-close:hover,
#mmenu_catalog.mm-menu .mmenu-close:hover {
  background: #E60A80 !important;
  color: #fff !important;
}

.mm-wrapper--opened .mm-wrapper__blocker {
  background: rgba(0, 0, 0, 0.65);
  opacity: 0.85;
}

.sticky-top {
  position: sticky;
  top: 0;
}

.max-100vh {
  max-height: calc(100vh - 16rem);
  overflow: auto;
}
.max-100vh::-webkit-scrollbar-track {
  background: #F1F1F1;
  border: 0.1rem solid transparent;
  border-radius: 0.4rem;
}
@media (max-width: 767.98px) {
  .max-100vh::-webkit-scrollbar-track {
    border-radius: 2rem;
  }
}
.max-100vh::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0.4rem;
}
@media (max-width: 767.98px) {
  .max-100vh::-webkit-scrollbar-thumb {
    border-radius: 2rem;
  }
}
.max-100vh::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  padding: 0.2rem;
}
@media (max-width: 767.98px) {
  .max-100vh::-webkit-scrollbar {
    height: 0.4rem;
    width: 0.4rem;
  }
}

.js-toggle .icons-plus {
  transition: all 0.8s ease;
}
@media (prefers-reduced-motion: reduce) {
  .js-toggle .icons-plus {
    transition: none;
  }
}
.js-toggle.active .icons-plus {
  -moz-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  transform: rotate(405deg);
}
.js-toggle .icons-arrow-bottom {
  transition: all 0.8s ease;
}
@media (prefers-reduced-motion: reduce) {
  .js-toggle .icons-arrow-bottom {
    transition: none;
  }
}
.js-toggle.active .icons-arrow-bottom {
  -moz-transform: rotate(900deg);
  -ms-transform: rotate(900deg);
  -webkit-transform: rotate(900deg);
  -o-transform: rotate(900deg);
  transform: rotate(900deg);
}

.my-mmenu {
  position: relative;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: transparent;
  height: 1.7rem;
}
.my-mmenu span {
  margin: 0 auto;
  position: relative;
  top: 0;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.my-mmenu span:before, .my-mmenu span:after {
  position: absolute;
  content: "";
}
.my-mmenu span:before {
  margin-top: -0.6rem;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}
.my-mmenu span:after {
  margin-top: 0.6rem;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}
.my-mmenu.active span {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.my-mmenu.active span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}
.my-mmenu.active span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}
.my-mmenu.active span:before,
.my-mmenu.active span:after {
  background-color: #fff;
}
.my-mmenu span,
.my-mmenu span:before,
.my-mmenu span:after {
  width: 2.5rem;
  height: 0.2rem;
  background-color: #fff;
  display: block;
  border-radius: 100rem;
}

.select-checkbox input[type=checkbox] {
  display: none;
}
.select-checkbox input[type=checkbox] + label {
  position: relative;
  overflow: hidden;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 5rem;
  padding: 1.6rem 2.4rem;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border: 0.2rem solid rgba(255, 255, 255, 0.35);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease 0.25s, border-color 0.25s ease, background-color 0.25s ease;
}
@media (max-width: 767.98px) {
  .select-checkbox input[type=checkbox] + label {
    font-size: 2rem;
    padding: 1rem 1.6rem;
  }
}
.select-checkbox input[type=checkbox] + label span {
  position: relative;
  z-index: 2;
}
.select-checkbox input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0.6rem;
  background: #E60A80;
  border-radius: 5rem;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: height 0.18s ease, width 0.22s ease 0.18s;
}
.select-checkbox input[type=checkbox] + label:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: #E60A80;
}
.select-checkbox input[type=checkbox]:checked + label {
  color: #fff;
  border-color: #E60A80;
  transition: color 0.2s ease 0.1s, border-color 0.25s ease;
}
.select-checkbox input[type=checkbox]:checked + label::before {
  width: 120%;
  height: 120%;
  transition: width 0.22s ease, height 0.22s ease 0.18s;
}

.map-footer_shell {
  height: 48rem;
}
@media (max-width: 767.98px) {
  .map-footer_shell {
    height: 32rem;
  }
}
.map-footer .yandex-map,
.map-footer #yandex-map {
  width: 100%;
  height: 100%;
}
.map-footer_paste .map-block_content {
  max-width: none;
  box-shadow: none;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.footer__copyright {
  text-align: center;
}

@media (min-width: 576px) {
  .footer-menu .footer-menu__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, max-content));
    justify-content: center;
    column-gap: 2.4rem;
    row-gap: 0.8rem;
  }
}
@media (min-width: 992px) {
  .footer__row {
    row-gap: 0;
  }
  .footer__info,
  .footer__copyright {
    text-align: left;
  }
  .footer-menu .footer-menu__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 2.4rem;
  }
}
.map-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  align-items: center;
  pointer-events: none;
}
.map-block > * {
  width: 100%;
}
.map-block_content {
  pointer-events: auto;
  max-width: 36rem;
  padding: 2.5rem 3rem;
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.12);
}

::selection {
  background-color: #E60A80;
  color: #fff;
}

.is-second-block {
  position: relative;
  background-color: #fff;
  overflow-x: clip;
}

.is-second-block__bleed {
  display: none;
}

@media (min-width: 768px) {
  .is-second-block__bleed {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }
}
.is-second-block__bleed-right {
  position: relative;
  height: 100%;
  background-color: #0A0A0A;
}

.is-second-block__bleed-right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: #0A0A0A;
}

.is-second-block__content {
  position: relative;
  z-index: 1;
}

.is-second-block__media {
  display: flex;
  align-items: flex-end;
}

.is-second-block__body {
  color: #fff;
  background-color: #0A0A0A;
}
@media (max-width: 767.98px) {
  .is-second-block__body {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-left: calc(1.5rem * 0.5);
    padding-right: calc(1.5rem * 0.5);
  }
}
@media (min-width: 768px) {
  .is-second-block__body {
    background-color: transparent;
  }
}

.is-second-block__body-inner {
  padding: 0 0 3rem 0;
}
@media (min-width: 768px) {
  .is-second-block__body-inner {
    padding: 5rem 0 5rem 3rem;
  }
}
@media (min-width: 992px) {
  .is-second-block__body-inner {
    padding: 5rem 0 5rem 5rem;
  }
}

.block-consultation {
  display: flex;
  align-items: center;
  background-image: none;
  background-repeat: no-repeat;
  min-height: 68rem;
  background-size: contain;
  background-position: right bottom;
}
@media (max-width: 991.98px) {
  .block-consultation {
    background-position: right -10rem bottom -3rem;
  }
}
@media (max-width: 767.98px) {
  .block-consultation {
    background-image: none !important;
    min-height: 32rem;
  }
}
.block-consultation > [class*=container] {
  width: 100%;
}
.block-consultation__form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .block-consultation__form {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
  }
}
.block-consultation__form > div:not(.d-none):not(.block-consultation__btn) {
  flex: 1 1 auto;
  min-width: 0;
}
.block-consultation__btn {
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .block-consultation__btn {
    width: auto;
    min-width: 22rem;
  }
}
.block-consultation__btn button {
  white-space: nowrap;
}

html body .wrapper .block-consultation form input:not([type=radio], [type=checkbox], [type=submit]) {
  color: #0A0A0A;
  background: #fff;
  border-color: #727272;
}
html body .wrapper .block-consultation form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .wrapper .block-consultation form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
  color: #727272;
}
html body .wrapper .block-consultation form input:not([type=radio], [type=checkbox], [type=submit]):focus {
  border-color: #E60A80;
  box-shadow: unset;
}
html body .wrapper .block-consultation 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: #0A0A0A !important;
  color: #0A0A0A !important;
}
html body .wrapper .block-consultation form input:not([type=radio], [type=checkbox], [type=submit])[readonly], html body .wrapper .block-consultation form input:not([type=radio], [type=checkbox], [type=submit])[disabled] {
  background: #F9F9F9;
  border-color: #F9F9F9;
}
html body .wrapper .block-consultation form textarea {
  color: #0A0A0A;
  background: #fff;
  border-color: #727272;
}
html body .wrapper .block-consultation form textarea::-webkit-input-placeholder, html body .wrapper .block-consultation form textarea::placeholder {
  color: #727272;
}
html body .wrapper .block-consultation form textarea:focus {
  border-color: #E60A80;
  box-shadow: unset;
}
html body .wrapper .block-consultation form textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  -webkit-text-fill-color: #0A0A0A !important;
  color: #0A0A0A !important;
}
html body .wrapper .block-consultation form textarea[readonly], html body .wrapper .block-consultation form textarea[disabled] {
  background: #F9F9F9;
  border-color: #F9F9F9;
}
html body .wrapper .block-consultation form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .wrapper .block-consultation form .form-field > textarea + label,
html body .wrapper .block-consultation form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
html body .wrapper .block-consultation form .form-field > .position-relative > textarea + label {
  color: #272727;
}
html body .wrapper .block-consultation form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label, html body .wrapper .block-consultation form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label, html body .wrapper .block-consultation form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .wrapper .block-consultation form .form-field > textarea:focus + label,
html body .wrapper .block-consultation form .form-field > textarea.textIn + label,
html body .wrapper .block-consultation form .form-field > textarea:not(:placeholder-shown) + label,
html body .wrapper .block-consultation form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper .block-consultation form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
html body .wrapper .block-consultation form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
html body .wrapper .block-consultation form .form-field > .position-relative > textarea:focus + label,
html body .wrapper .block-consultation form .form-field > .position-relative > textarea.textIn + label,
html body .wrapper .block-consultation form .form-field > .position-relative > textarea:not(:placeholder-shown) + label {
  color: #727272;
}
html body .wrapper .block-consultation form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper .block-consultation form .form-field > textarea:focus + label,
html body .wrapper .block-consultation form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
html body .wrapper .block-consultation form .form-field > .position-relative > textarea:focus + label {
  color: #E60A80;
}

.photo-marquee {
  overflow: hidden;
  height: 52rem;
}
.photo-marquee > .splide,
.photo-marquee .splide__track {
  height: 100% !important;
}
.photo-marquee .splide__list {
  height: 100% !important;
}
.photo-marquee__slide {
  height: 100%;
}
.photo-marquee__link {
  display: block;
  height: 100%;
}
html body .photo-marquee__image {
  display: block;
  height: 100% !important;
  width: auto;
  max-width: none;
  pointer-events: none;
}
.photo-marquee__toggle {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  padding: 0;
  color: #fff;
  background: rgba(10, 10, 10, 0.65);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .photo-marquee {
    height: 42rem;
  }
}
@media (max-width: 767.98px) {
  .photo-marquee {
    height: 30rem;
  }
}

.hall-photo-gallery {
  overflow: hidden;
  height: 42rem;
  margin: 3rem calc((100vw - 100%) / -2) 3rem;
}
.hall-photo-gallery__track {
  height: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  cursor: grab;
}
.hall-photo-gallery__track::-webkit-scrollbar {
  display: none;
}
.hall-photo-gallery__track:active {
  cursor: grabbing;
}
.hall-photo-gallery__list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 1.2rem;
  height: 100%;
  width: max-content;
  min-width: 100%;
  padding: 0 calc((100vw - 100%) / 2);
  box-sizing: border-box;
}
.hall-photo-gallery__link {
  display: block;
  flex: 0 0 auto;
  height: 100%;
  overflow: hidden;
  border-radius: 1rem;
}
.hall-photo-gallery__image {
  display: block;
  height: 100% !important;
  width: auto;
  max-width: none;
  transition: transform 0.35s ease;
}
.hall-photo-gallery__link:hover .hall-photo-gallery__image {
  transform: scale(1.025);
}
@media (max-width: 991.98px) {
  .hall-photo-gallery {
    height: 34rem;
  }
}
@media (max-width: 767.98px) {
  .hall-photo-gallery {
    height: 24rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .hall-photo-gallery__list {
    gap: 0.8rem;
  }
  .hall-photo-gallery__link {
    border-radius: 0.8rem;
  }
}

.schedule-page {
  position: relative;
  color: #fff;
}
.schedule-page__intro-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem 2rem;
  margin-bottom: 1.25rem;
}
.schedule-page__lead {
  max-width: 42rem;
  color: #727272;
  font-size: 1.5rem;
  line-height: 1.4;
}
.schedule-page__filter-block--halls {
  margin-top: 0.4rem;
}
@media (min-width: 992px) {
  .schedule-page__filter-block--halls {
    margin-top: 0;
  }
}
.schedule-page__filters-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 1.2rem;
  margin-bottom: 1rem;
  min-height: 3.2rem;
}
.schedule-page__filters-head--halls {
  margin-top: 1.2rem;
  min-height: 0;
}
@media (min-width: 992px) {
  .schedule-page__filters-head--halls {
    margin-top: 1.6rem;
  }
}
.schedule-page__filter-toggle {
  gap: 0.4rem;
  color: #727272;
  user-select: none;
}
.schedule-page__filter-toggle:hover {
  color: #fff;
}
.schedule-page__filter-toggle:hover .schedule-page__label {
  color: #fff;
}
.schedule-page__filter-toggle.active {
  color: #fff;
}
.schedule-page__filter-toggle.active .schedule-page__label {
  color: #fff;
}
@media (min-width: 992px) {
  .schedule-page__filter-toggle {
    pointer-events: none;
    cursor: default;
    color: #727272;
  }
  .schedule-page__filter-toggle:hover, .schedule-page__filter-toggle.active {
    color: #727272;
  }
  .schedule-page__filter-toggle:hover .schedule-page__label, .schedule-page__filter-toggle.active .schedule-page__label {
    color: #727272;
  }
}
.schedule-page__filter-icon {
  font-size: 1.4rem;
  color: #E60A80;
}
@media (min-width: 992px) {
  .schedule-page__filter-icon {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .schedule-page__filter-panel {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
}
.schedule-page__label {
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  color: #727272;
}
.schedule-page__reset {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.9rem 0.45rem 0.7rem;
  border-radius: 999px;
  color: #fff;
  text-decoration: none !important;
  font-size: 1.3rem;
  line-height: 1.2;
  background: transparent;
}
.schedule-page__reset .icons-close {
  font-size: 1.2rem;
  color: #E60A80;
}
.schedule-page__reset:hover {
  color: #fff;
  border-color: #E60A80;
  background: rgba(230, 10, 128, 0.12);
}
.schedule-page__reset:hover .icons-close {
  color: #ff31aa;
}
.schedule-page__reset[hidden] {
  display: none !important;
}
.schedule-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.schedule-page__days {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  overflow-x: auto;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  scrollbar-width: none;
}
.schedule-page__days::-webkit-scrollbar {
  display: none;
}
.schedule-page__modes {
  display: none;
}
@media (min-width: 992px) {
  .schedule-page__modes {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.25rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
  }
}

.schedule-mode {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 9rem;
  padding: 0.7rem 1.2rem;
  border-radius: 999px;
  color: #727272;
  text-decoration: none !important;
  font-size: 1.3rem;
  line-height: 1.2;
}
.schedule-mode:hover {
  color: #fff;
}
.schedule-mode.active {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.schedule-scope-switch {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2rem;
  padding: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}

.schedule-chip {
  --dance-color: #E60A80;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.7rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #fff;
  text-decoration: none !important;
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 1.2;
  background: transparent;
}
.schedule-chip__dot {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: var(--dance-color);
  box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.08);
}
.schedule-chip:hover {
  border-color: var(--dance-color);
  color: #fff;
}
.schedule-chip.active {
  background: var(--dance-color);
  border-color: var(--dance-color);
  color: #fff;
}
.schedule-chip.active .schedule-chip__dot {
  background: #fff;
  box-shadow: none;
}
.schedule-chip--hall {
  --dance-color: #fff;
}
.schedule-chip--hall.active {
  background: #fff;
  border-color: #fff;
  color: #0A0A0A;
}
.schedule-chip--hall:hover:not(.active) {
  border-color: rgba(255, 255, 255, 0.55);
}

.schedule-day {
  flex: 1 1 0;
  min-width: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 0.8rem;
  color: #727272;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-family: "Unbounded", "Arial", sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.schedule-day:hover {
  color: #fff;
}
.schedule-day.active {
  color: #E60A80;
  border-bottom-color: #E60A80;
}
.schedule-day.is-hit:not(.active) {
  color: #fff;
}
.schedule-day.is-muted, .schedule-day.is-empty {
  opacity: 0.35;
}
.schedule-day__full {
  display: none;
}
@media (min-width: 992px) {
  .schedule-day {
    min-width: 0;
    font-size: 1.4rem;
    padding: 1.4rem 1rem;
  }
  .schedule-day__short {
    display: none;
  }
  .schedule-day__full {
    display: inline;
  }
}

.schedule-view[hidden] {
  display: none !important;
}

.schedule-view--week {
  display: none;
}
@media (min-width: 992px) {
  .schedule-view--week {
    display: block;
    overflow-x: auto;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(230, 10, 128, 0.4) transparent;
  }
  .schedule-view--week[hidden] {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .schedule-view--week {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .schedule-view--day[hidden] {
    display: none !important;
  }
}

.schedule-week {
  --schedule-week-time: 5.2rem;
  --schedule-week-col: minmax(0, 1fr);
  display: grid;
  gap: 0.35rem;
  min-width: 72rem;
}
.schedule-week__head, .schedule-week__row {
  display: grid;
  grid-template-columns: var(--schedule-week-time) repeat(7, var(--schedule-week-col));
  gap: 0.35rem;
}
.schedule-week__row.is-hidden {
  display: none;
}
.schedule-week__row.is-hovered .schedule-week__time {
  color: #E60A80;
  transform: translateX(-0.15rem);
}
.schedule-week__corner, .schedule-week__time {
  min-height: 3.2rem;
}
.schedule-week__time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0.8rem 0.8rem 0 0;
  font-family: "Unbounded", "Arial", sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  color: #727272;
  font-variant-numeric: tabular-nums;
  transition: color 0.2s ease, transform 0.2s ease;
}
.schedule-week__day {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.6rem;
  padding: 0.7rem 0.3rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-family: "Unbounded", "Arial", sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  color: #727272;
  border-bottom: 2px solid transparent;
}
.schedule-week__day.is-today {
  color: #fff;
  border-bottom-color: rgba(230, 10, 128, 0.55);
}
.schedule-week__day.is-muted {
  opacity: 0.35;
}
.schedule-week__cell {
  min-height: 5.2rem;
  padding: 0.25rem;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.schedule-week__item {
  --dance-color: #E60A80;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 4.4rem;
  padding: 0.7rem 0.75rem;
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--dance-color) 22%, transparent);
  border-left: 0.28rem solid var(--dance-color);
  color: #fff;
  text-decoration: none !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease, visibility 0.2s ease, color 0.2s ease;
}
.schedule-week__item.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}
.schedule-week__item.is-dimmed {
  opacity: 0.08;
}
.schedule-week__item.is-spotlight {
  opacity: 1;
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--dance-color) 42%, transparent);
  color: #fff;
}
.schedule-week__item.is-spotlight .schedule-week__item-meta {
  color: rgba(255, 255, 255, 0.88);
}
.schedule-week__item-name {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  color: inherit;
}
.schedule-week__item-meta {
  display: block;
  margin-top: 0.25rem;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.3;
}

.schedule-day-panel {
  animation: scheduleFade 0.35s ease;
}
.schedule-day-panel:not(.active) {
  display: none;
}
.schedule-day-panel__title {
  font-family: "Unbounded", "Arial", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 1.8rem;
  color: #fff;
}
@media (min-width: 992px) {
  .schedule-day-panel__title {
    display: none;
  }
}

.schedule-halls {
  display: grid;
  gap: 2.8rem;
}
@media (min-width: 992px) {
  .schedule-halls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
  }
}

.schedule-hall.is-hidden {
  display: none;
}
.schedule-hall__title {
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  color: #E60A80;
  margin-bottom: 1.2rem;
}

.schedule-list {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}

.schedule-page ul.schedule-list > li.schedule-slot {
  --dance-color: #E60A80;
  --schedule-slot-accent: 0.3rem;
  --schedule-slot-gap: 1.8rem;
  position: relative;
  display: grid;
  grid-template-columns: 7.2rem minmax(0, 1fr);
  column-gap: 1.6rem;
  align-items: start;
  margin: 0;
  padding: 1.5rem 0 1.5rem calc(var(--schedule-slot-accent) + var(--schedule-slot-gap));
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 0;
  transition: border-color 0.25s ease;
}
.schedule-page ul.schedule-list > li.schedule-slot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.5rem;
  bottom: 1.5rem;
  width: var(--schedule-slot-accent);
  border-radius: 999px;
  background: var(--dance-color);
}
.schedule-page ul.schedule-list > li.schedule-slot:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0;
}
.schedule-page ul.schedule-list > li.schedule-slot.is-hidden {
  display: none;
}
.schedule-page ul.schedule-list > li.schedule-slot:hover {
  border-top-color: color-mix(in srgb, var(--dance-color) 55%, transparent);
}
.schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__time {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-variant-numeric: tabular-nums;
  font-family: "Unbounded", "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.15;
}
.schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__time-from {
  font-size: 1.8rem;
  color: #fff;
}
.schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__duration {
  font-size: 1.2rem;
  font-weight: 500;
  color: #727272;
}
.schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__body {
  min-width: 0;
  padding-top: 0.15rem;
}
.schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__name {
  display: inline-block;
  font-family: "Unbounded", "Arial", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}
.schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__name:hover {
  color: var(--dance-color);
}
.schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__trainer {
  margin-top: 0.4rem;
  font-size: 1.3rem;
  color: #727272;
}
@media (min-width: 992px) {
  .schedule-page ul.schedule-list > li.schedule-slot {
    --schedule-slot-gap: 1.6rem;
    grid-template-columns: 8rem minmax(0, 1fr);
    column-gap: 2rem;
    padding: 1.6rem 0 1.6rem calc(var(--schedule-slot-accent) + var(--schedule-slot-gap));
  }
  .schedule-page ul.schedule-list > li.schedule-slot::before {
    top: 1.6rem;
    bottom: 1.6rem;
  }
  .schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__time-from {
    font-size: 1.9rem;
  }
  .schedule-page ul.schedule-list > li.schedule-slot .schedule-slot__name {
    font-size: 1.7rem;
  }
}

.schedule-empty {
  color: #727272;
  margin: 0;
  padding: 1rem 0;
}

.schedule-empty__day {
  color: #E60A80;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.schedule-empty__day:hover {
  color: #d6006d;
}

@keyframes scheduleFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.schedule-manager {
  color: #fff;
}
.schedule-manager__intro-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem 2rem;
  margin-bottom: 1.25rem;
}
.schedule-manager__back {
  display: inline-block;
  font-size: 1.3rem;
  color: #727272;
  text-decoration: none !important;
}
.schedule-manager__back:hover {
  color: #fff;
}
.schedule-manager__lead {
  max-width: 42rem;
  color: #727272;
  font-size: 1.5rem;
  line-height: 1.4;
}
.schedule-manager__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.6rem;
  border-radius: 999px;
  background: #E60A80;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  text-decoration: none !important;
}
.schedule-manager__cta:hover {
  color: #fff;
  background: #ff31aa;
}
.schedule-manager__layout {
  display: grid;
  gap: 2.4rem;
}
@media (min-width: 1200px) {
  .schedule-manager__layout {
    grid-template-columns: minmax(0, 1.4fr) minmax(32rem, 0.9fr);
    align-items: start;
    gap: 3.2rem;
  }
}
.schedule-manager__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.schedule-manager__status {
  margin-bottom: 1rem;
  font-size: 1.3rem;
  color: #727272;
}
.schedule-manager__status.is-error {
  color: #ff6b8a;
}
.schedule-manager__status.is-ok {
  color: #7ddea0;
}
.schedule-manager__status[hidden] {
  display: none !important;
}
.schedule-manager__table-wrap {
  overflow-x: auto;
  margin: 0 -0.4rem;
  padding: 0 0.4rem;
}
.schedule-manager__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.4rem;
}
.schedule-manager__table th,
.schedule-manager__table td {
  padding: 1.2rem 1rem;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  white-space: nowrap;
}
.schedule-manager__table th {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #727272;
  border-bottom-color: rgba(255, 255, 255, 0.16);
}
.schedule-manager__table td:nth-child(4),
.schedule-manager__table th:nth-child(4) {
  white-space: normal;
  min-width: 12rem;
}
.schedule-manager__row {
  --dance-color: #E60A80;
}
.schedule-manager__row td:first-child {
  position: relative;
  padding-left: 1.8rem;
}
.schedule-manager__row td:first-child::before {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 1.2rem;
  bottom: 1.2rem;
  width: 0.3rem;
  border-radius: 999px;
  background: var(--dance-color);
}
.schedule-manager__row.is-inactive {
  opacity: 0.45;
}
.schedule-manager__hall {
  color: #727272;
}
.schedule-manager__time {
  display: block;
  font-family: "Unbounded", "Arial", sans-serif;
  font-weight: 600;
  color: #fff;
}
.schedule-manager__duration {
  display: block;
  margin-top: 0.25rem;
  font-size: 1.2rem;
  color: #727272;
}
.schedule-manager__dance {
  font-family: "Unbounded", "Arial", sans-serif;
  font-weight: 600;
  color: #fff;
}
.schedule-manager__empty {
  color: #727272 !important;
  padding: 2rem 1rem !important;
}
.schedule-manager__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
}
.schedule-manager__action {
  color: #727272;
  text-decoration: none !important;
  font-size: 1.3rem;
}
.schedule-manager__action:hover {
  color: #fff;
}
.schedule-manager__action--danger:hover {
  color: #ff6b8a;
}
.schedule-manager__form {
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.6rem;
  background: rgba(255, 255, 255, 0.03);
}
@media (min-width: 768px) {
  .schedule-manager__form {
    padding: 2.4rem;
  }
}
.schedule-manager__form-title {
  margin: 0 0 1.6rem;
  font-family: "Unbounded", "Arial", sans-serif;
  font-size: 2rem;
  font-weight: 600;
}
.schedule-manager__field {
  margin-bottom: 1.6rem;
}
.schedule-manager__label {
  display: block;
  margin-bottom: 0.7rem;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #727272;
}
.schedule-manager__control {
  width: 100%;
  min-height: 4.4rem;
  padding: 0.9rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 1rem;
  background: rgba(10, 10, 10, 0.35);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.3;
  outline: none;
  appearance: none;
}
.schedule-manager__control:focus {
  border-color: #E60A80;
  box-shadow: 0 0 0 0.2rem rgba(230, 10, 128, 0.2);
}
.schedule-manager__control option {
  color: #0A0A0A;
  background: #fff;
}
.schedule-manager__days {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.schedule-manager__day {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
}
.schedule-manager__day input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.schedule-manager__day span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.4rem;
  padding: 0.7rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #727272;
  font-size: 1.3rem;
  line-height: 1.2;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.schedule-manager__day:hover span {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.4);
}
.schedule-manager__day input:checked + span {
  color: #fff;
  border-color: #E60A80;
  background: rgba(230, 10, 128, 0.18);
}
.schedule-manager__day input:focus-visible + span {
  box-shadow: 0 0 0 0.2rem rgba(230, 10, 128, 0.25);
}
.schedule-manager__check {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.6rem;
  cursor: pointer;
  user-select: none;
  color: #fff;
  font-size: 1.4rem;
}
.schedule-manager__check input {
  width: 1.6rem;
  height: 1.6rem;
  accent-color: #E60A80;
}
.schedule-manager__form-error {
  margin-bottom: 1.2rem;
  font-size: 1.3rem;
  color: #ff6b8a;
}
.schedule-manager__form-error[hidden] {
  display: none !important;
}
.schedule-manager__form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.schedule-manager__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4.4rem;
  padding: 0.85rem 1.6rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 1.4rem;
  line-height: 1.2;
  cursor: pointer;
}
.schedule-manager__btn--primary {
  background: #E60A80;
  color: #fff;
}
.schedule-manager__btn--primary:hover {
  background: #ff31aa;
}
.schedule-manager__btn--ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.18);
  color: #727272;
}
.schedule-manager__btn--ghost:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.4);
}

@media (prefers-reduced-motion: reduce) {
  .schedule-chip,
  .schedule-day,
  .schedule-slot,
  .schedule-day-panel,
  .schedule-week__item,
  .schedule-mode,
  .schedule-manager__day span {
    transition: none;
    animation: none;
  }
}
.pricing-card {
  position: relative;
  height: 100%;
  border-radius: 1.6rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.18);
  background: #141414;
  color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.pricing-card--light {
  background: #fff;
  color: #0A0A0A;
  border-color: #fff;
}
.pricing-card--light .pricing-card__buy {
  background: transparent;
  color: #0A0A0A;
  border-color: rgba(10, 10, 10, 0.25);
}
.pricing-card--light .pricing-card__buy:hover, .pricing-card--light .pricing-card__buy:focus-visible {
  background: #0A0A0A;
  color: #fff;
  border-color: #0A0A0A;
}

.pricing-card--accent {
  border-color: #E60A80;
}
.pricing-card--accent .pricing-card__buy {
  background: #E60A80;
  border-color: #E60A80;
  color: #fff;
}
.pricing-card--accent .pricing-card__buy:hover, .pricing-card--accent .pricing-card__buy:focus-visible {
  background: rgb(78.6960784314%, 3.4215686275%, 43.7960784314%);
  border-color: rgb(78.6960784314%, 3.4215686275%, 43.7960784314%);
}

.pricing-card--dark .pricing-card__buy:hover, .pricing-card--dark .pricing-card__buy:focus-visible {
  background: #E60A80;
  color: #fff;
  border-color: #E60A80;
}

.pricing-card__badge {
  display: block;
  text-align: center;
  background: #E60A80;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.7rem 1rem;
}

.pricing-card__price {
  margin: 0;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.pricing-card__buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10.8rem;
  height: 4.4rem;
  padding: 0 1.6rem;
  border-radius: 999px;
  border: 0.1rem solid rgba(255, 255, 255, 0.45);
  background: transparent;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.trainer-card {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  color: #0A0A0A;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.trainer-card:hover {
  background: #E60A80;
  color: #fff;
}

.trainer-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: #1a1a1a;
  aspect-ratio: 3/4;
}
@media (max-width: 767.98px) {
  .trainer-card__media {
    aspect-ratio: 1/1;
  }
}

.trainer-card__media--empty {
  background: linear-gradient(135deg, rgba(230, 10, 128, 0.22), transparent 50%), linear-gradient(180deg, #222, #111);
}

.trainer-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease, opacity 0.2s ease;
}

.trainer-card:hover .trainer-card__img {
  transform: scale(1.04);
}

.trainer-card__more {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.8rem 1.4rem;
  background: rgba(10, 10, 10, 0.45);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.trainer-card:hover .trainer-card__more {
  opacity: 1;
}

.trainer-card__body {
  padding: 1.25rem 1.25rem 1.5rem;
  gap: 0.75rem;
}

.trainer-card__title {
  display: block;
  color: inherit;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: color 0.2s ease;
}

.trainer-card__preview {
  color: rgba(10, 10, 10, 0.7);
  line-height: 1.4;
  transition: color 0.2s ease;
}

.trainer-card:hover .trainer-card__preview {
  color: rgba(255, 255, 255, 0.9);
}

.trainer-card__directions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.trainer-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.75rem;
  background: rgba(230, 10, 128, 0.14);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.3;
  border-radius: 0.4rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.trainer-card .trainer-chip {
  background: rgba(10, 10, 10, 0.06);
  color: #0A0A0A;
}

.trainer-card:hover .trainer-chip {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.trainers-mobile-list {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  margin-right: 0;
  padding-right: 0;
  scrollbar-width: none;
}
.trainers-mobile-list::-webkit-scrollbar {
  display: none;
}
.trainers-mobile-list__track {
  display: flex;
  gap: 1.2rem;
  width: max-content;
  padding-bottom: 0.4rem;
}
.trainers-mobile-list .col-6 {
  flex: 0 0 min(78vw, 30rem);
  width: min(78vw, 30rem);
  height: auto;
  padding: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.trainers-mobile-list .trainer-card {
  min-height: 100%;
}

.select-checkbox__extra.is-hidden {
  display: none !important;
}

.select-checkbox__toggle {
  margin-top: 0.75rem;
}

.rent-schedule {
  width: auto;
  max-width: 100%;
}

.rent-schedule__cols {
  display: inline-flex;
  align-items: stretch;
  gap: 0.8rem;
  max-width: 100%;
}
.rent-schedule__col {
  display: flex;
  flex-direction: column;
  width: max-content;
  max-width: 100%;
  min-height: 0;
  border-radius: 1.4rem;
  background: rgba(255, 255, 255, 0.06);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.rent-schedule__col--time {
  width: 9.2rem;
  min-width: 9.2rem;
}

.rent-schedule__list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  max-height: 22rem;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0.6rem;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #E60A80 rgba(255, 255, 255, 0.08);
}

.rent-schedule__list::-webkit-scrollbar {
  width: 0.4rem;
}

.rent-schedule__list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}

.rent-schedule__list::-webkit-scrollbar-thumb {
  background: #E60A80;
  border-radius: 999px;
}

.rent-schedule__item {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 100%;
  min-height: 3.4rem;
  margin: 0;
  padding: 0.55rem 1rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.88);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}

.rent-schedule__item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.rent-schedule__item.is-active,
.rent-schedule__item.is-active:hover {
  background: #E60A80;
  color: #fff;
}

.rent-schedule__item-main {
  display: block;
}

.rent-schedule__empty {
  padding: 1rem 0.6rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 1.25rem;
  text-align: center;
  white-space: nowrap;
}

.rent-hours {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  min-height: 4.8rem;
  padding: 0.4rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 0.1rem solid rgba(255, 255, 255, 0.12);
}

.rent-hours__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.rent-hours__btn:hover {
  background: #E60A80;
  color: #fff;
}

.rent-hours__btn.is-disabled,
.rent-hours__btn.is-disabled:hover {
  opacity: 0.35;
  cursor: default;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.rent-hours__value {
  min-width: 3.2rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

#custom-popup .popup-body .rent-schedule__col,
.custom-popup .popup-body .rent-schedule__col {
  background: #F9F9F9;
  border-color: #D9D9D9;
}

#custom-popup .popup-body .rent-schedule__list,
.custom-popup .popup-body .rent-schedule__list {
  scrollbar-color: #E60A80 rgba(10, 10, 10, 0.08);
}

#custom-popup .popup-body .rent-schedule__list::-webkit-scrollbar-track,
.custom-popup .popup-body .rent-schedule__list::-webkit-scrollbar-track {
  background: rgba(10, 10, 10, 0.06);
}

#custom-popup .popup-body .rent-schedule__item,
.custom-popup .popup-body .rent-schedule__item {
  color: #0A0A0A;
}

#custom-popup .popup-body .rent-schedule__item:hover,
.custom-popup .popup-body .rent-schedule__item:hover {
  background: rgba(10, 10, 10, 0.06);
  color: #0A0A0A;
}

#custom-popup .popup-body .rent-schedule__item.is-active,
#custom-popup .popup-body .rent-schedule__item.is-active:hover,
.custom-popup .popup-body .rent-schedule__item.is-active,
.custom-popup .popup-body .rent-schedule__item.is-active:hover {
  background: #E60A80;
  color: #fff;
}

#custom-popup .popup-body .rent-schedule__empty,
.custom-popup .popup-body .rent-schedule__empty {
  color: #727272;
}

#custom-popup .popup-body .rent-hours,
.custom-popup .popup-body .rent-hours {
  background: #F9F9F9;
  border-color: #D9D9D9;
}

#custom-popup .popup-body .rent-hours__btn,
.custom-popup .popup-body .rent-hours__btn {
  background: #fff;
  color: #0A0A0A;
  border: 0.1rem solid #D9D9D9;
}

#custom-popup .popup-body .rent-hours__btn:hover,
.custom-popup .popup-body .rent-hours__btn:hover {
  background: #E60A80;
  border-color: #E60A80;
  color: #fff;
}

#custom-popup .popup-body .rent-hours__btn.is-disabled,
#custom-popup .popup-body .rent-hours__btn.is-disabled:hover,
.custom-popup .popup-body .rent-hours__btn.is-disabled,
.custom-popup .popup-body .rent-hours__btn.is-disabled:hover {
  background: #fff;
  border-color: #D9D9D9;
  color: #727272;
  opacity: 0.55;
}

#custom-popup .popup-body .rent-hours__value,
.custom-popup .popup-body .rent-hours__value {
  color: #0A0A0A;
}

.index-hero {
  position: relative;
  height: 100dvh;
  background-image: url("../static/hero_intro_10.min.jpg");
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .index-hero {
    margin-top: -11rem;
    min-height: 74rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .index-hero {
    background-position: right -24rem bottom;
  }
}
@media (max-width: 1199.98px) {
  .index-hero:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
  }
}
@media (max-width: 767.98px) {
  .index-hero {
    height: 86rem;
    background-image: url("../static/hero_intro_10_sm.min.jpg");
    background-size: cover;
    background-position: right bottom;
    margin-top: -14rem;
    padding-top: 14rem;
  }
}
.index-hero > div {
  position: relative;
  z-index: 2;
}
.index-hero .js-PopupOpen.bg-pink,
.index-hero a.bg-pink {
  border-radius: 3.2rem;
  padding: 1.6rem 4.8rem !important;
}

@media (min-width: 768px) {
  .breadcrumb_block + .dance-hero {
    margin-top: -16.5rem;
  }
}
.dance-hero {
  background-image: var(--dance-hero-bg, none);
}
@media (max-width: 767.98px) {
  .dance-hero {
    background-image: var(--dance-hero-bg-sm, none);
  }
}

#custom-popup .popup-body,
.custom-popup .popup-body {
  color: #0A0A0A;
}
#custom-popup .popup-body form,
#custom-popup .popup-body form .form-field,
#custom-popup .popup-body form .form-field > label,
#custom-popup .popup-body form .form-field > .position-relative > label,
.custom-popup .popup-body form,
.custom-popup .popup-body form .form-field,
.custom-popup .popup-body form .form-field > label,
.custom-popup .popup-body form .form-field > .position-relative > label {
  color: #0A0A0A;
}
#custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit]),
.custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit]) {
  color: #0A0A0A;
  background: #fff;
  border-color: #727272;
}
#custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, #custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
.custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
.custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
  color: #727272;
}
#custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit]):focus,
.custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit]):focus {
  border-color: #E60A80;
  box-shadow: unset;
}
#custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
.custom-popup .popup-body 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: #0A0A0A !important;
  color: #0A0A0A !important;
}
#custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])[readonly], #custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])[disabled],
.custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])[readonly],
.custom-popup .popup-body form input:not([type=radio], [type=checkbox], [type=submit])[disabled] {
  background: #F9F9F9;
  border-color: #F9F9F9;
}
#custom-popup .popup-body form textarea,
.custom-popup .popup-body form textarea {
  color: #0A0A0A;
  background: #fff;
  border-color: #727272;
}
#custom-popup .popup-body form textarea::-webkit-input-placeholder, #custom-popup .popup-body form textarea::placeholder,
.custom-popup .popup-body form textarea::-webkit-input-placeholder,
.custom-popup .popup-body form textarea::placeholder {
  color: #727272;
}
#custom-popup .popup-body form textarea:focus,
.custom-popup .popup-body form textarea:focus {
  border-color: #E60A80;
  box-shadow: unset;
}
#custom-popup .popup-body form textarea:-webkit-autofill,
.custom-popup .popup-body form textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  -webkit-text-fill-color: #0A0A0A !important;
  color: #0A0A0A !important;
}
#custom-popup .popup-body form textarea[readonly], #custom-popup .popup-body form textarea[disabled],
.custom-popup .popup-body form textarea[readonly],
.custom-popup .popup-body form textarea[disabled] {
  background: #F9F9F9;
  border-color: #F9F9F9;
}
#custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
#custom-popup .popup-body form .form-field > textarea + label,
#custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
#custom-popup .popup-body form .form-field > .position-relative > textarea + label,
.custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
.custom-popup .popup-body form .form-field > textarea + label,
.custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]) + label,
.custom-popup .popup-body form .form-field > .position-relative > textarea + label {
  color: #272727;
}
#custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label, #custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label, #custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
#custom-popup .popup-body form .form-field > textarea:focus + label,
#custom-popup .popup-body form .form-field > textarea.textIn + label,
#custom-popup .popup-body form .form-field > textarea:not(:placeholder-shown) + label,
#custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
#custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
#custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
#custom-popup .popup-body form .form-field > .position-relative > textarea:focus + label,
#custom-popup .popup-body form .form-field > .position-relative > textarea.textIn + label,
#custom-popup .popup-body form .form-field > .position-relative > textarea:not(:placeholder-shown) + label,
.custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
.custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
.custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
.custom-popup .popup-body form .form-field > textarea:focus + label,
.custom-popup .popup-body form .form-field > textarea.textIn + label,
.custom-popup .popup-body form .form-field > textarea:not(:placeholder-shown) + label,
.custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
.custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]).textIn + label,
.custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):not(:placeholder-shown) + label,
.custom-popup .popup-body form .form-field > .position-relative > textarea:focus + label,
.custom-popup .popup-body form .form-field > .position-relative > textarea.textIn + label,
.custom-popup .popup-body form .form-field > .position-relative > textarea:not(:placeholder-shown) + label {
  color: #727272;
}
#custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
#custom-popup .popup-body form .form-field > textarea:focus + label,
#custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
#custom-popup .popup-body form .form-field > .position-relative > textarea:focus + label,
.custom-popup .popup-body form .form-field > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
.custom-popup .popup-body form .form-field > textarea:focus + label,
.custom-popup .popup-body form .form-field > .position-relative > input:not([type=hidden], [type=checkbox], [type=radio], [type=submit]):focus + label,
.custom-popup .popup-body form .form-field > .position-relative > textarea:focus + label {
  color: #E60A80;
}
#custom-popup .popup-body .select-checkbox input[type=checkbox] + label,
.custom-popup .popup-body .select-checkbox input[type=checkbox] + label {
  color: #272727;
  background: #F9F9F9;
  border-color: #D9D9D9;
}
#custom-popup .popup-body .select-checkbox input[type=checkbox] + label:hover,
.custom-popup .popup-body .select-checkbox input[type=checkbox] + label:hover {
  background: rgb(94.6470588235%, 94.6470588235%, 94.6470588235%);
  border-color: #E60A80;
}
#custom-popup .popup-body .select-checkbox input[type=checkbox]:checked + label,
.custom-popup .popup-body .select-checkbox input[type=checkbox]:checked + label {
  color: #fff;
  border-color: #E60A80;
}
#custom-popup .popup-body input[type=checkbox] + label,
.custom-popup .popup-body input[type=checkbox] + label {
  color: #0A0A0A;
}
#custom-popup .popup-body input[type=checkbox] + label .check,
.custom-popup .popup-body input[type=checkbox] + label .check {
  background: #fff;
  border-color: #E60A80;
}
#custom-popup .popup-body input[type=checkbox]:checked + label .check,
.custom-popup .popup-body input[type=checkbox]:checked + label .check {
  background: #E60A80;
  border-color: #E60A80;
}
#custom-popup .popup-body input[type=checkbox]:checked + label .check:after,
.custom-popup .popup-body input[type=checkbox]:checked + label .check:after {
  color: #fff;
}

.ps-5Hover:hover {
  padding-left: 3rem !important;
}

.ps-50Hover:hover {
  padding-left: 5rem !important;
}

footer {
  border-top: 0.2rem solid #E60A80;
}

@media (min-width: 768px) {
  .directions-hall-item.is-active {
    background: #E60A80 !important;
    color: #fff;
  }
}

p + h2,
p + .h2 {
  margin-top: 2.5rem !important;
}

p + h3,
p + .h3 {
  margin-top: 1.5rem !important;
}

.component_faq .block-item {
  background: #E60A80;
  color: #fff;
}
.component_faq .block-item.is-active {
  background: #fff;
  color: #0A0A0A;
}

.dance-card {
  border-color: #E60A80;
  transition: all 0.4s ease;
}
.dance-card .dance-card_name {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.dance-card .dance-card_imageBlock {
  z-index: 1;
  overflow: hidden;
}
.dance-card .dance-card_imageBlock img {
  transition: all 0.4s ease;
}
.dance-card .dance-card_imageBlock:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease;
}
.dance-card .dance-card_imageBlock .dance-card_name {
  transition: all 0.4s ease;
}
.dance-card:hover {
  background: #E60A80;
}
.dance-card:hover .dance-card_name {
  transform: scale(0.75);
}
.dance-card:hover .dance-card_imageBlock img {
  transform: scale(1.1);
}
.dance-card:hover .dance-card_imageBlock:after {
  background: rgba(0, 0, 0, 0.1);
}

.directions-mobile-list {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.directions-mobile-list::-webkit-scrollbar {
  display: none;
}
.directions-mobile-list__track {
  display: flex;
  gap: 1.2rem;
  width: max-content;
  padding-bottom: 0.4rem;
}
.directions-mobile-list__item {
  flex: 0 0 min(78vw, 30rem);
  width: min(78vw, 30rem);
  padding: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.hall-card__tag {
  transition: all 0.4s ease;
}
.hall-card__tag:hover {
  background: #E60A80;
  color: #fff;
  border-color: #E60A80;
}

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