@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: "Gilroy", "Arial", sens-serif;
  color: #000;
  background-color: #fff;
  line-height: 1.45;
  overflow-x: hidden;
}
html body .sticky-top {
  z-index: 1045 !important;
}
html body .sticky-top-2 {
  z-index: 1040 !important;
}
html body .wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
html body img {
  max-width: 100%;
  height: auto;
}
html body p {
  padding: 0;
  margin: 0 0 2rem;
}
html body p + p {
  margin-top: 2.5rem;
}
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 .is-modal 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 .is-modal summary:focus, html body .is-modal details:focus, html body .is-modal button:focus, html body .is-modal input:focus, html body .is-modal textarea:focus, html body .is-modal 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 .is-modal details,
html body .wrapper details {
  margin-bottom: 1rem;
}
html body .is-modal summary,
html body .wrapper summary {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 2rem;
}
html body .is-modal .blockquote,
html body .is-modal blockquote,
html body .wrapper .blockquote,
html body .wrapper blockquote {
  border: 0 solid transparent !important;
  position: relative;
  margin: 2.5rem 0;
  font-size: 2rem;
  padding: 5rem;
  color: #000;
  background: #fff;
  border-radius: 2rem;
}
@media (max-width: 767.98px) {
  html body .is-modal .blockquote,
html body .is-modal blockquote,
html body .wrapper .blockquote,
html body .wrapper blockquote {
    padding: 1.5rem;
    font-size: 1.6rem;
    border-radius: 1.4rem;
  }
}
html body .is-modal .blockquote a,
html body .is-modal blockquote a,
html body .wrapper .blockquote a,
html body .wrapper blockquote a {
  color: #2ACF80;
}
html body .is-modal .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 .is-modal .component_page-navigation a,
html body .wrapper .component_page-navigation a {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0.3rem;
  border: 0.1rem solid transparent;
  color: #000;
  background: #eeeeee;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1;
  min-width: 4.2rem;
  max-width: 4.2rem;
  min-height: 4.2rem;
  max-height: 4.2rem;
  border-radius: 1rem;
}
@media (max-width: 991.98px) {
  html body .is-modal .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 .is-modal .component_page-navigation a:hover,
html body .wrapper .component_page-navigation a:hover {
  color: #fff;
  background: #1919ff;
}
html body .is-modal .component_page-navigation a.disabled,
html body .wrapper .component_page-navigation a.disabled {
  opacity: 0;
  cursor: default;
}
html body .is-modal .component_page-navigation a.active,
html body .wrapper .component_page-navigation a.active {
  color: #fff;
  background: #11633D;
  cursor: default;
}
html body .is-modal ol,
html body .wrapper ol {
  margin: 0 0 1.5rem 1rem;
  padding: 0;
  font-size: inherit;
}
html body .is-modal ol li,
html body .wrapper ol li {
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
html body .is-modal ol ol,
html body .wrapper ol ol {
  margin-top: 0.5rem;
  list-style-type: lower-alpha;
}
html body .is-modal ul,
html body .wrapper ul {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .is-modal ul li,
html body .wrapper ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
html body .is-modal ul.list-none,
html body .wrapper ul.list-none {
  list-style: none;
}
html body .is-modal ul.list-none li,
html body .wrapper ul.list-none li {
  margin-bottom: 0.5rem;
}
html body .is-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 .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 2.5rem 0;
  padding: 0;
}
html body .is-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 .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 .is-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 .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 .is-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 .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 .is-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 .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
  position: absolute;
  content: " ";
  display: inline-block;
  left: 0;
  top: 1rem;
  min-width: 0.6rem;
  max-width: 0.6rem;
  min-height: 0.6rem;
  max-height: 0.6rem;
  background: #228b22;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  html body .is-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 .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
    min-width: 0.5rem;
    max-width: 0.5rem;
    min-height: 0.5rem;
    max-height: 0.5rem;
    top: 1rem;
  }
}
html body .is-modal nav ul,
html body .wrapper nav ul {
  margin: 0;
}
html body .is-modal button, html body .is-modal input, html body .is-modal textarea, html body .is-modal select,
html body .wrapper button,
html body .wrapper input,
html body .wrapper textarea,
html body .wrapper select {
  border: 0.1rem solid transparent;
  position: relative;
  resize: none;
  width: 100%;
}
html body .is-modal button:focus::-webkit-input-placeholder, html body .is-modal button:focus::placeholder, html body .is-modal input:focus::-webkit-input-placeholder, html body .is-modal input:focus::placeholder, html body .is-modal textarea:focus::-webkit-input-placeholder, html body .is-modal textarea:focus::placeholder, html body .is-modal select:focus::-webkit-input-placeholder, html body .is-modal select:focus::placeholder,
html body .wrapper button:focus::-webkit-input-placeholder,
html body .wrapper button:focus::placeholder,
html body .wrapper input:focus::-webkit-input-placeholder,
html body .wrapper input:focus::placeholder,
html body .wrapper textarea:focus::-webkit-input-placeholder,
html body .wrapper textarea:focus::placeholder,
html body .wrapper select:focus::-webkit-input-placeholder,
html body .wrapper select:focus::placeholder {
  color: transparent !important;
}
html body .is-modal .button, html body .is-modal button, html body .is-modal input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
  display: inline-block;
  color: #e1e3e6;
  background: #0088cc;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
  border: 0.1rem solid transparent;
  background-size: 100% 100%;
  transition: all 0.4s linear;
  font-size: 1.8rem;
  padding: 1.5rem 2.5rem;
  border-radius: 3.2rem;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  html body .is-modal .button, html body .is-modal button, html body .is-modal 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 .is-modal .button, html body .is-modal button, html body .is-modal input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    font-size: 1.8rem;
    padding: 1.5rem 4rem;
    border-radius: 3.2rem;
  }
}
html body .is-modal .button:hover, html body .is-modal button:hover, html body .is-modal input[type=submit]:hover,
html body .wrapper .button:hover,
html body .wrapper button:hover,
html body .wrapper input[type=submit]:hover {
  background: #0ca8eb;
}
html body .is-modal .button[type=reset], html body .is-modal button[type=reset], html body .is-modal 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: #161616;
}
html body .is-modal .button[type=reset]:hover, html body .is-modal button[type=reset]:hover, html body .is-modal input[type=submit][type=reset]:hover,
html body .wrapper .button[type=reset]:hover,
html body .wrapper button[type=reset]:hover,
html body .wrapper input[type=submit][type=reset]:hover {
  background: #eeeeee;
  border-color: #eeeeee;
  color: #212529;
}
html body .is-modal .button[disabled], html body .is-modal .button.disabled, html body .is-modal button[disabled], html body .is-modal button.disabled, html body .is-modal input[type=submit][disabled], html body .is-modal input[type=submit].disabled,
html body .wrapper .button[disabled],
html body .wrapper .button.disabled,
html body .wrapper button[disabled],
html body .wrapper button.disabled,
html body .wrapper input[type=submit][disabled],
html body .wrapper input[type=submit].disabled {
  background: #161616 !important;
  color: #fff !important;
  font-weight: normal !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
html body .is-modal form,
html body .wrapper form {
  position: relative;
  outline: none;
}
html body .is-modal 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 .is-modal form .invalid-input [class^=icons-],
html body .wrapper form .invalid-input [class^=icons-] {
  display: none;
}
html body .is-modal form label[for*=checkbox],
html body .wrapper form label[for*=checkbox] {
  text-wrap: unset;
}
html body .is-modal form label[for*=checkbox] + .invalid-input,
html body .wrapper form label[for*=checkbox] + .invalid-input {
  top: 100% !important;
  left: 0;
}
html body .is-modal form textarea,
html body .wrapper form textarea {
  min-height: 15rem;
}
html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
  width: 100%;
  border: 0.1rem solid #eeeeee;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  padding: 1rem 1rem;
  border-radius: 6rem;
}
@media (min-width: 768px) {
  html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
    font-size: 1.8rem;
    padding: 0.85rem 2rem;
    border-radius: 6rem;
  }
}
html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
  color: #808080;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
    font-size: 1.8rem;
  }
}
html body .is-modal 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: #228b22;
}
html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #808080 !important;
  /* цвет текста */
  color: #808080 !important;
}
html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[readonly] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover {
  border-color: #eeeeee;
}
html body .is-modal form input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[disabled] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .is-modal form textarea,
html body .wrapper form textarea {
  width: 100%;
  border: 0.1rem solid #eeeeee;
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  padding: 1rem 1rem;
  border-radius: 6rem;
}
@media (min-width: 768px) {
  html body .is-modal form textarea,
html body .wrapper form textarea {
    font-size: 1.8rem;
    padding: 0.85rem 2rem;
    border-radius: 6rem;
  }
}
html body .is-modal form textarea::-webkit-input-placeholder, html body .is-modal form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
  color: #808080;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  html body .is-modal form textarea::-webkit-input-placeholder, html body .is-modal form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
    font-size: 1.8rem;
  }
}
html body .is-modal form textarea:focus,
html body .wrapper form textarea:focus {
  border-color: #228b22;
}
html body .is-modal form textarea:-webkit-autofill,
html body .wrapper form textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #808080 !important;
  /* цвет текста */
  color: #808080 !important;
}
html body .is-modal form textarea[readonly],
html body .wrapper form textarea[readonly] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .is-modal form textarea[readonly]:hover,
html body .wrapper form textarea[readonly]:hover {
  border-color: #eeeeee;
}
html body .is-modal form textarea[disabled],
html body .wrapper form textarea[disabled] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .is-modal form textarea,
html body .wrapper form textarea {
  border-radius: 2rem;
}
html body .is-modal form .label, html body .is-modal form label,
html body .wrapper form .label,
html body .wrapper form label {
  position: relative;
  display: block;
  font-weight: bold;
  margin-bottom: 0.25rem;
  cursor: pointer;
  font-size: 1.6rem;
  color: #808080;
  white-space: nowrap;
  /* не даёт переноситься */
}
html body .is-modal form textarea:not([type=checkbox]):not([type=radio]) + label, html body .is-modal form textarea:not([type=checkbox]):not([type=radio]) .label,
html body .is-modal form input:not([type=checkbox]):not([type=radio]) + label,
html body .is-modal form input:not([type=checkbox]):not([type=radio]) .label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio]) + label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio]) .label,
html body .wrapper form input:not([type=checkbox]):not([type=radio]) + label,
html body .wrapper form input:not([type=checkbox]):not([type=radio]) .label {
  position: absolute;
  top: 50%;
  left: 2rem;
  font-weight: normal;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.2s ease;
  padding: 0.25rem;
  line-height: 1;
  color: #808080;
  border-radius: 0.2rem;
}
html body .is-modal form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label, html body .is-modal form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label, html body .is-modal form textarea:not([type=checkbox]):not([type=radio]):focus + label, html body .is-modal form textarea:not([type=checkbox]):not([type=radio]):focus .label,
html body .is-modal form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .is-modal form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .is-modal form input:not([type=checkbox]):not([type=radio]):focus + label,
html body .is-modal form input:not([type=checkbox]):not([type=radio]):focus .label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio]):focus + label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio]):focus .label,
html body .wrapper form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .wrapper form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .wrapper form input:not([type=checkbox]):not([type=radio]):focus + label,
html body .wrapper form input:not([type=checkbox]):not([type=radio]):focus .label {
  top: -1.5rem;
  transform: none;
  background: #fff;
}
html body .is-modal form textarea:not([type=checkbox]):not([type=radio])[readonly] + label, html body .is-modal form textarea:not([type=checkbox]):not([type=radio])[readonly] .label,
html body .is-modal form input:not([type=checkbox]):not([type=radio])[readonly] + label,
html body .is-modal form input:not([type=checkbox]):not([type=radio])[readonly] .label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio])[readonly] + label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio])[readonly] .label,
html body .wrapper form input:not([type=checkbox]):not([type=radio])[readonly] + label,
html body .wrapper form input:not([type=checkbox]):not([type=radio])[readonly] .label {
  color: #808080 !important;
}
html body .is-modal form textarea:not([type=checkbox]):not([type=radio])[readonly]:not(:placeholder-shown) + label, html body .is-modal form textarea:not([type=checkbox]):not([type=radio])[readonly]:focus + label,
html body .is-modal form input:not([type=checkbox]):not([type=radio])[readonly]:not(:placeholder-shown) + label,
html body .is-modal form input:not([type=checkbox]):not([type=radio])[readonly]:focus + label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio])[readonly]:not(:placeholder-shown) + label,
html body .wrapper form textarea:not([type=checkbox]):not([type=radio])[readonly]:focus + label,
html body .wrapper form input:not([type=checkbox]):not([type=radio])[readonly]:not(:placeholder-shown) + label,
html body .wrapper form input:not([type=checkbox]):not([type=radio])[readonly]:focus + label {
  display: none !important;
}
html body .is-modal form textarea + label, html body .is-modal form textarea .label,
html body .wrapper form textarea + label,
html body .wrapper form textarea .label {
  top: 2rem !important;
}
html body .is-modal form textarea:not(:placeholder-shown) + label, html body .is-modal form textarea:not(:placeholder-shown) .label, html body .is-modal form textarea:focus + label, html body .is-modal form textarea:focus .label,
html body .wrapper form textarea:not(:placeholder-shown) + label,
html body .wrapper form textarea:not(:placeholder-shown) .label,
html body .wrapper form textarea:focus + label,
html body .wrapper form textarea:focus .label {
  top: -1.5rem !important;
}
html body .is-modal form .form-field,
html body .wrapper form .form-field {
  margin-bottom: 2rem;
  position: relative;
}
html body .is-modal form .form-field textarea::-webkit-input-placeholder, html body .is-modal form .form-field textarea::placeholder,
html body .is-modal form .form-field input::-webkit-input-placeholder,
html body .is-modal form .form-field input::placeholder,
html body .wrapper form .form-field textarea::-webkit-input-placeholder,
html body .wrapper form .form-field textarea::placeholder,
html body .wrapper form .form-field input::-webkit-input-placeholder,
html body .wrapper form .form-field input::placeholder {
  color: transparent !important;
}
@media (min-width: 992px) {
  html body .is-modal form .form-field,
html body .wrapper form .form-field {
    margin-bottom: 2.5rem;
  }
  html body .is-modal form .form-field.minWidth,
html body .wrapper form .form-field.minWidth {
    min-width: 32rem;
  }
}
html body .is-modal form .form-field.labelIn label,
html body .wrapper form .form-field.labelIn label {
  position: absolute;
  left: 1rem;
  top: 50%;
  z-index: 5;
  font-size: 1.6rem;
  margin-top: -0.8rem;
  line-height: 1;
  transition: all 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  html body .is-modal form .form-field.labelIn label,
html body .wrapper form .form-field.labelIn label {
    transition: none;
  }
}
html body .is-modal form .form-field.labelIn label.textarea,
html body .wrapper form .form-field.labelIn label.textarea {
  top: 2rem;
}
html body .is-modal form .form-field.labelIn.textIn label, html body .is-modal form .form-field.labelIn:focus-within label,
html body .wrapper form .form-field.labelIn.textIn label,
html body .wrapper form .form-field.labelIn:focus-within label {
  margin-top: -4.5rem;
  left: 0;
}
html body .is-modal input[type=checkbox],
html body .wrapper input[type=checkbox] {
  display: none;
}
html body .is-modal input[type=checkbox] + label,
html body .wrapper input[type=checkbox] + label {
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 1.6rem;
  color: #000;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  html body .is-modal input[type=checkbox] + label,
html body .wrapper input[type=checkbox] + label {
    font-size: 1.4rem;
  }
}
html body .is-modal input[type=checkbox] + label .check,
html body .wrapper input[type=checkbox] + label .check {
  position: relative;
  margin-right: 1rem;
  background: #fff;
  border: 0.2rem solid #eeeeee;
  border-radius: 0.6rem;
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
}
@media (max-width: 767.98px) {
  html body .is-modal 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 .is-modal input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "";
  font-size: 1.6rem;
  left: 50%;
  top: 50%;
  margin-left: calc(-1.6rem / 2);
  margin-top: -8rem;
  color: #C7212C;
  scale: 0.1;
  -webkit-opacity: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  html body .is-modal input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
    transition: none;
  }
}
html body .is-modal input[type=checkbox]:checked + label .check,
html body .wrapper input[type=checkbox]:checked + label .check {
  background: #228b22;
  border-color: #228b22;
}
html body .is-modal input[type=checkbox]:checked + label .check:after,
html body .wrapper input[type=checkbox]:checked + label .check:after {
  color: #fff;
  -webkit-opacity: 1;
  opacity: 1;
  scale: 1;
  margin-top: -0.8rem;
  display: block;
}
html body .is-modal input[type=radio],
html body .wrapper input[type=radio] {
  display: none;
}
html body .is-modal input[type=radio] + label,
html body .wrapper input[type=radio] + label {
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 1.6rem;
  color: #fff;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  html body .is-modal input[type=radio] + label,
html body .wrapper input[type=radio] + label {
    font-size: 1.4rem;
  }
}
html body .is-modal 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 .is-modal 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 .is-modal 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: #0088cc;
  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 .is-modal input[type=radio]:checked + label,
html body .wrapper input[type=radio]:checked + label {
  color: #0ca8eb;
}
html body .is-modal 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 .is-modal 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 .is-modal .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 .is-modal .radio-btn .radio-btn-circle,
html body .wrapper .radio-btn .radio-btn-circle {
  position: relative;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  border-radius: 50%;
  background: #eeeeee;
}
html body .is-modal .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 .is-modal .radio-btn .radio-btn-circle:after,
html body .wrapper .radio-btn .radio-btn-circle:after {
    transition: none;
  }
}
html body .is-modal .radio-btn.active,
html body .wrapper .radio-btn.active {
  cursor: default;
}
html body .is-modal .radio-btn.active .radio-btn-circle:after,
html body .wrapper .radio-btn.active .radio-btn-circle:after {
  -webkit-opacity: 1;
  opacity: 1;
}
html body .is-modal .component_breadcrumb,
html body .wrapper .component_breadcrumb {
  overflow: hidden;
  padding: 0 0;
}
html body .is-modal .component_breadcrumb nav,
html body .wrapper .component_breadcrumb nav {
  letter-spacing: normal !important;
}
html body .is-modal .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .wrapper .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0088cc;
  font-size: 1.4rem;
  padding: 0;
}
html body .is-modal .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  html body .is-modal .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 .is-modal .component_breadcrumb .breadcrumb li:last-child,
html body .wrapper .component_breadcrumb .breadcrumb li:last-child {
    padding-right: 3rem;
  }
}
html body .is-modal .component_breadcrumb .breadcrumb li,
html body .wrapper .component_breadcrumb .breadcrumb li {
  margin: 0;
  color: #fff;
  font-size: 1.4rem;
}
html body .is-modal .component_breadcrumb .breadcrumb li:first-child,
html body .wrapper .component_breadcrumb .breadcrumb li:first-child {
  padding-left: 0;
}
html body .is-modal .component_breadcrumb .breadcrumb li a,
html body .wrapper .component_breadcrumb .breadcrumb li a {
  color: #0088cc;
  text-transform: inherit;
  text-decoration: none;
}
html body .is-modal .component_breadcrumb .breadcrumb li a:hover,
html body .wrapper .component_breadcrumb .breadcrumb li a:hover {
  color: #005D8F;
  text-decoration: underline;
}
html body .is-modal .component_breadcrumb .breadcrumb li:before,
html body .wrapper .component_breadcrumb .breadcrumb li:before {
  float: unset;
  color: #fff;
}
html body .is-modal .component_tabs .tab-header .tab,
html body .wrapper .component_tabs .tab-header .tab {
  cursor: pointer;
}
html body .is-modal .component_tabs .tab-header .tab.active,
html body .wrapper .component_tabs .tab-header .tab.active {
  cursor: default;
}
html body .is-modal .component_tabs .tab-body .tab,
html body .wrapper .component_tabs .tab-body .tab {
  display: none;
}
html body .is-modal .component_tabs .tab-body .tab.active,
html body .wrapper .component_tabs .tab-body .tab.active {
  display: block;
}
@media (max-width: 991.98px) {
  html body .is-modal .component_tabs .js-toggle-body .tab,
html body .wrapper .component_tabs .js-toggle-body .tab {
    display: none !important;
  }
  html body .is-modal .component_tabs .js-toggle-body.active .tab,
html body .wrapper .component_tabs .js-toggle-body.active .tab {
    display: block !important;
  }
}
html body .is-modal [class^=icons-], html body .is-modal [class*=" icons-"],
html body .wrapper [class^=icons-],
html body .wrapper [class*=" icons-"] {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body .is-modal .badstudio_copyright,
html body .wrapper .badstudio_copyright {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: "Cera Pro";
}
html body .is-modal .badstudio_copyright .icons-badstudio,
html body .wrapper .badstudio_copyright .icons-badstudio {
  font-size: 3rem;
}
html body .is-modal .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.8rem;
  font-family: "Inter", sans-serif;
}
html body .is-modal .badstudio_copyright .badstudio_copyright-date,
html body .wrapper .badstudio_copyright .badstudio_copyright-date {
  display: block;
  font-size: 1.1rem;
  position: absolute;
  right: 0.1rem;
  top: -0.5rem;
  font-family: "Inter", 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;
  font-weight: normal;
}
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 .custom-scroll::-webkit-scrollbar-track {
  background: transparent;
  border: 0.1rem solid #161616;
  border-radius: 0.4rem;
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #161616;
  border-radius: 0.4rem;
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  padding: 0.2rem;
}
html body .component_social .social-items {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
}
html body .component_social .social-items a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
  margin: 0 0.5rem 0;
  font-size: 2rem;
  transition: all 0.2s ease-in-out;
  /*
  &[class*='banstagram']:after {
    content: '*';
    position: absolute;
    right: -0.75rem;
    top: -0.75rem;
    font-size: 1.2rem;
    color: $black;
  }
   */
}
@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: #969a9f;
}
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: #f41240 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=viber]:hover {
  color: #665CAC !important;
}
html body .component_social .social-items.social-colorsHover a[class*=whatsapp]:hover {
  color: #25D366 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=facebook]:hover {
  color: #1a77f2 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=telegram]:hover {
  color: #0088cc !important;
}
html body .component_social .social-items.social-colorsHover a[class*=youtube]:hover {
  color: #ff0000 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=spotify]:hover {
  color: #1ED760 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=yandex-music]:hover {
  color: #FC3F1D !important;
}
html body .component_social .social-items.social-colorsHover a[class*=sberzvuk]:hover {
  color: #07ead8 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=flamp]:hover {
  color: #2E6BE5 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=apple-music]:hover {
  color: #fa586a !important;
}
html body .component_social .social-items.social-colorsHover a[class*=likee]:hover {
  color: #fe2360 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=banstagram]:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colorsHover a[class*=threads]:hover {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colorsHover a[class*=deezer]:hover {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colorsHover a[class*=max]:hover {
  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: #f41240 !important;
}
html body .component_social .social-items.social-colors a[class*=viber] {
  color: #665CAC !important;
}
html body .component_social .social-items.social-colors a[class*=whatsapp] {
  color: #25D366 !important;
}
html body .component_social .social-items.social-colors a[class*=facebook] {
  color: #1a77f2 !important;
}
html body .component_social .social-items.social-colors a[class*=telegram] {
  color: #0088cc !important;
}
html body .component_social .social-items.social-colors a[class*=youtube] {
  color: #ff0000 !important;
}
html body .component_social .social-items.social-colors a[class*=spotify] {
  color: #1ED760 !important;
}
html body .component_social .social-items.social-colors a[class*=yandex-music] {
  color: #FC3F1D !important;
}
html body .component_social .social-items.social-colors a[class*=sberzvuk] {
  color: #07ead8 !important;
}
html body .component_social .social-items.social-colors a[class*=apple-music] {
  color: #fa586a !important;
}
html body .component_social .social-items.social-colors a[class*=likee] {
  color: #fe2360 !important;
}
html body .component_social .social-items.social-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-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-bg-colors a[class*=vkontakte] {
  background-color: #0077FF !important;
}
html body .component_social .social-items.social-bg-colors a[class*=viber] {
  background-color: #665CAC !important;
}
html body .component_social .social-items.social-bg-colors a[class*=whatsapp] {
  background-color: #25D366 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=facebook] {
  background-color: #1a77f2 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=telegram] {
  background-color: #0088cc !important;
}
html body .component_social .social-items.social-bg-colors a[class*=youtube] {
  background-color: #ff0000 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=spotify] {
  background-color: #1ED760 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=yandex-music] {
  background-color: #FC3F1D !important;
}
html body .component_social .social-items.social-bg-colors a[class*=sberzvuk] {
  background-color: #07ead8 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=apple-music] {
  background-color: #fa586a !important;
}
html body .component_social .social-items.social-bg-colors a[class*=likee] {
  background-color: #fe2360 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
}
html body .component_social .social-items.social-bg-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 .flex-basis-100 {
  flex-basis: 100%;
}
html body .flex-basis-auto {
  flex-basis: auto;
}
html body .flex-1-1-0 {
  flex: 1 1 0;
}
html body .flex-1 {
  flex: 1;
}
html body .loading {
  position: relative;
  width: 100%;
  height: 1.6rem;
}
html body .loading:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #000;
  -webkit-animation: loading 5s linear infinite;
  animation: loading 5s linear infinite;
}
html body a.button.disabled {
  background: #eeeeee;
  color: #969a9f;
  cursor: not-allowed;
}
html body .preloader {
  position: absolute;
  left: -1rem;
  right: -1rem;
  bottom: -1rem;
  top: -1rem;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1100;
  border-radius: 1.6rem;
}
html body .preloader:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  animation: preloader 2s linear infinite;
}
html body .preloader:before {
  margin-left: calc(-4rem/2);
  margin-top: calc(-4rem/2);
  min-width: 4rem;
  max-width: 4rem;
  min-height: 4rem;
  max-height: 4rem;
  border-width: 0.4rem;
  animation-duration: 1s;
}
html body .preloader.is-green {
  position: relative;
  top: 1rem;
  left: 50%;
  background: transparent;
  transform: translateX(-50%);
  min-width: 4rem;
  max-width: 4rem;
  min-height: 4rem;
  max-height: 4rem;
}
html body .preloader.is-green:before {
  border-top-color: #228b22;
  border-right-color: #228b22;
}
html body > .preloader {
  position: fixed;
}
@keyframes preloader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
html body .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: #fff;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
    stroke: #fff;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
    stroke: #fff;
  }
}
html body [class*=copyrights-promo],
html body [class*=copyright__wrap] {
  display: none !important;
}
html body .yandex-map {
  position: relative;
  width: 100%;
  height: 50rem;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
}
@media (min-width: 576px) {
  html body .yandex-map {
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 767.98px) {
  html body .yandex-map {
    height: auto;
    aspect-ratio: 1/1;
  }
}
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 .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 .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 .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);
  }
}

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

.js-wow {
  visibility: hidden;
}

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

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

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

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

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

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

.js-copy {
  cursor: pointer;
}

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

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

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

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

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.gap-20 {
  gap: 2rem;
}

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

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

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

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

.js-mouseMove {
  transition: transform 0.1s ease-out;
  will-change: transform;
}

.mb-0-last:last-child {
  margin-bottom: 0 !important;
}

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

.ms-0-last:last-child {
  margin-left: 0 !important;
}

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

.mb-0-first:first-child {
  margin-bottom: 0 !important;
}

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

.ms-0-first:first-child {
  margin-left: 0 !important;
}

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

.js-toggle .icons-arrow-bottom:before {
  display: block;
  transition: all 0.2s ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .js-toggle .icons-arrow-bottom:before {
    transition: none;
  }
}
.js-toggle.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 {
  position: relative;
}
.mmSelect-block .mmSelect-block_select-html {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #808080;
}
.mmSelect-block .mmSelect-block_select-html.is-active {
  color: #000;
}
.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: #1919ff;
  padding: 1rem;
  cursor: pointer;
  border-radius: 0.8rem;
}
.mmSelect-block .mmSelect-option:hover {
  background: #1919ff;
  color: #fff;
}
.mmSelect-block .mmSelect-option.is-active {
  background: #228b22;
  color: #fff;
}

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

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

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

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

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

html body {
  background-color: #000;
  color: #e1e3e6;
  font-family: "Gilroy", "Arial", sens-serif;
  line-height: 1.45;
  font-size: 1.8rem;
  font-weight: 400;
}
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 {
  line-height: 1.25;
  font-weight: 800;
}
html body h1, html body .h1 {
  font-size: 3.6rem;
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  html body h1, html body .h1 {
    margin-bottom: 2rem;
    font-size: 2.8rem;
  }
}
html body h2, html body .h2 {
  font-size: 3rem;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  html body h2, html body .h2 {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
}
html body h3, html body .h3 {
  font-size: 2.6rem;
}
@media (max-width: 767.98px) {
  html body h3, html body .h3 {
    font-size: 2rem;
  }
}
html body h4, html body .h4 {
  font-size: 2rem;
}
@media (max-width: 767.98px) {
  html body h4, html body .h4 {
    font-size: 1.8rem;
  }
}
header {
  border-bottom: 0.1rem solid rgba(225, 227, 230, 0.15);
  backdrop-filter: blur(0.8rem);
  background-color: rgba(0, 0, 0, 0.8);
}

.logo {
  min-width: 4rem;
  max-width: 4rem;
  min-height: 4rem;
  max-height: 4rem;
}

.box-border {
  border: 0.1rem solid rgba(225, 227, 230, 0.15) !important;
}

.video-block {
  aspect-ratio: 16/9;
}
.video-block iframe {
  aspect-ratio: 16/9;
}

.section-label {
  font-size: 1.6rem;
  display: inline-flex;
  align-items: center;
  padding: 1rem 1.5rem;
  background: #005D8F;
  border: 0.1rem solid #0088cc;
  border-radius: 10rem;
  color: #e1e3e6;
  text-transform: uppercase;
  margin: 0 0 2rem 0;
}

.bg-border-hover {
  border: 0.1rem solid transparent;
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .bg-border-hover {
    transition: none;
  }
}
.bg-border-hover.border-white:hover {
  border-color: rgba(225, 227, 230, 0.15);
}

.price-items .super-price {
  border-color: #0088cc !important;
  box-shadow: 0 0 6rem rgba(0, 136, 204, 0.4);
}
.price-items .price-item {
  position: relative;
}
.price-items .price-label {
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.5rem 1.5rem;
  background: linear-gradient(135deg, #0088CC 0%, #005D8F 50%, #0088CC 100%);
  border-radius: 10rem;
  color: #e1e3e6;
  text-transform: uppercase;
  margin-top: -6rem;
}

.qr-flash {
  animation: flash 0.6s ease;
}

@keyframes flash {
  0% {
    background-color: #d4edda;
  }
  100% {
    background-color: transparent;
  }
}
#reader {
  border: 0 !important;
  width: 100% !important;
  max-width: 28rem;
  /* или сколько надо */
  height: 24rem !important;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #000;
  /* на всякий случай */
  border-radius: 12px;
}
#reader #qr-shaded-region {
  left: 1rem !important;
  top: 1rem !important;
  right: 1rem !important;
  bottom: 1rem !important;
  border: 0 !important;
}

.radius-50p {
  border-radius: 50rem !important;
}

.searchINN-helper {
  max-height: 24rem;
  overflow: auto;
}
.cafe-header-logo {
  max-height: 20rem;
  max-width: 32rem;
}
@media (max-width: 767.98px) {
  .cafe-header-logo {
    max-width: 23rem;
    max-height: 7.2rem;
  }
}

.cafe-avatar-demo {
  max-width: 32rem;
  max-height: 20rem;
  object-fit: contain;
}

.js-cafe-avatar {
  position: relative;
  display: inline-block;
}
.js-cafe-avatar .cafe-avatar-demo {
  position: relative;
  overflow: hidden;
}
.js-cafe-avatar .cafe-avatar-demo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.js-cafe-avatar .js-cafe-avatar-placeholder {
  padding: 40px 20px;
  text-align: center;
  border: 2px dashed #ccc;
  color: #999;
  background: #f9f9f9;
}
.js-cafe-avatar.is-hover .cafe-avatar-demo::after {
  content: "Изменить логотип";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.js-cafe-avatar .js-cafe-avatar-dropzone {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.js-cafe-avatar .dz-message {
  display: none;
}

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