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

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

html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 10px;
}
html body {
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-family: "Inter", "Arial", sens-serif;
  color: #000;
  background-color: #fff;
  line-height: 1.45;
  overflow-x: hidden;
}
html body .sticky-top {
  position: sticky;
  top: 0;
  z-index: 1045 !important;
}
html body .sticky-top-2 {
  z-index: 1040 !important;
}
html body .wrapper {
  position: relative;
  width: 100%;
  min-height: 100dvh;
}
html body img {
  max-width: 100%;
  height: auto;
}
html body p {
  padding: 0;
  margin: 0 0 1rem;
}
@media (max-width: 767.98px) {
  html body p {
    margin-bottom: 1rem;
  }
}
html body p a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
html body p:last-child {
  margin: 0;
}
html body a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
html body a:hover {
  color: inherit;
  text-decoration: none;
}
html body a[href^=tel] {
  cursor: pointer;
  text-decoration: none;
}
html body a[href^=tel]:hover {
  text-decoration: none;
  color: inherit;
}
html body .modal button,
html body .popup button,
html body .wrapper button {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  appearance: none !important;
}
html body .modal summary:focus, html body .modal details:focus, html body .modal button:focus, html body .modal input:focus, html body .modal textarea:focus, html body .modal select:focus,
html body .popup summary:focus,
html body .popup details:focus,
html body .popup button:focus,
html body .popup input:focus,
html body .popup textarea:focus,
html body .popup select:focus,
html body .wrapper summary:focus,
html body .wrapper details:focus,
html body .wrapper button:focus,
html body .wrapper input:focus,
html body .wrapper textarea:focus,
html body .wrapper select:focus {
  outline: none !important;
}
html body .modal details,
html body .popup details,
html body .wrapper details {
  margin-bottom: 1rem;
}
html body .modal summary,
html body .popup summary,
html body .wrapper summary {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 2rem;
}
html body .modal .blockquote,
html body .modal blockquote,
html body .popup .blockquote,
html body .popup blockquote,
html body .wrapper .blockquote,
html body .wrapper blockquote {
  border: 0 solid transparent !important;
  position: relative;
  margin: 2.5rem 0;
  padding: 6rem 11.5rem;
  background: linear-gradient(0deg, #3d0202 0%, #c7212c 100%);
  color: #fff;
  font-size: 2.4rem;
  border-radius: 2rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote,
html body .modal blockquote,
html body .popup .blockquote,
html body .popup blockquote,
html body .wrapper .blockquote,
html body .wrapper blockquote {
    padding: 3rem 1rem;
    font-size: 1.6rem;
    border-radius: 1.4rem;
  }
}
html body .modal .blockquote:before, html body .modal .blockquote:after,
html body .modal blockquote:before,
html body .modal blockquote:after,
html body .popup .blockquote:before,
html body .popup .blockquote:after,
html body .popup blockquote:before,
html body .popup blockquote:after,
html body .wrapper .blockquote:before,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:before,
html body .wrapper blockquote:after {
  font-family: "icons" !important;
  position: absolute;
  content: "";
  color: #fff;
  font-size: 4.4rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:before, html body .modal .blockquote:after,
html body .modal blockquote:before,
html body .modal blockquote:after,
html body .popup .blockquote:before,
html body .popup .blockquote:after,
html body .popup blockquote:before,
html body .popup blockquote:after,
html body .wrapper .blockquote:before,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:before,
html body .wrapper blockquote:after {
    font-size: 2.6rem;
  }
}
html body .modal .blockquote:after,
html body .modal blockquote:after,
html body .popup .blockquote:after,
html body .popup blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
  top: -1rem;
  left: 3.2rem;
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:after,
html body .modal blockquote:after,
html body .popup .blockquote:after,
html body .popup blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
    left: 1.2rem;
  }
}
html body .modal .blockquote:before,
html body .modal blockquote:before,
html body .popup .blockquote:before,
html body .popup blockquote:before,
html body .wrapper .blockquote:before,
html body .wrapper blockquote:before {
  bottom: -1rem;
  right: 3.2rem;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  html body .modal .blockquote:before,
html body .modal blockquote:before,
html body .popup .blockquote:before,
html body .popup blockquote:before,
html body .wrapper .blockquote:before,
html body .wrapper blockquote:before {
    right: 1.2rem;
  }
}
html body .modal .component_page-navigation,
html body .popup .component_page-navigation,
html body .wrapper .component_page-navigation {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
html body .modal .component_page-navigation a,
html body .popup .component_page-navigation a,
html body .wrapper .component_page-navigation a {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0.3rem;
  border: 0.1rem solid #eeeeee;
  color: #000;
  background: #fff;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1;
  min-width: 4.2rem;
  max-width: 4.2rem;
  min-height: 4.2rem;
  max-height: 4.2rem;
  border-radius: 1rem;
}
@media (max-width: 991.98px) {
  html body .modal .component_page-navigation a,
html body .popup .component_page-navigation a,
html body .wrapper .component_page-navigation a {
    min-width: 3.2rem;
    max-width: 3.2rem;
    min-height: 3.2rem;
    max-height: 3.2rem;
  }
}
html body .modal .component_page-navigation a:hover,
html body .popup .component_page-navigation a:hover,
html body .wrapper .component_page-navigation a:hover {
  background: #eeeeee;
}
html body .modal .component_page-navigation a.disabled,
html body .popup .component_page-navigation a.disabled,
html body .wrapper .component_page-navigation a.disabled {
  opacity: 0;
  cursor: default;
}
html body .modal .component_page-navigation a.active,
html body .popup .component_page-navigation a.active,
html body .wrapper .component_page-navigation a.active {
  color: #fff;
  background: #E91801;
  cursor: default;
}
html body .modal ol,
html body .popup ol,
html body .wrapper ol {
  margin: 0 0 1.5rem 1rem;
  padding: 0;
  font-size: inherit;
}
html body .modal ol li,
html body .popup ol li,
html body .wrapper ol li {
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
html body .modal ol ol,
html body .popup ol ol,
html body .wrapper ol ol {
  margin-top: 0.5rem;
  list-style-type: lower-alpha;
}
html body .modal ul,
html body .popup ul,
html body .wrapper ul {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul li,
html body .popup ul li,
html body .wrapper ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
html body .modal ul.list-none,
html body .popup ul.list-none,
html body .wrapper ul.list-none {
  list-style: none;
}
html body .modal ul.list-none li,
html body .popup ul.list-none li,
html body .wrapper ul.list-none li {
  margin-bottom: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul {
  margin-top: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child {
  margin-bottom: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
  position: absolute;
  content: " ";
  display: inline-block;
  left: 0;
  top: 0.9rem;
  min-width: 0.6rem;
  max-width: 0.6rem;
  min-height: 0.6rem;
  max-height: 0.6rem;
  background: #2727ff;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
    min-width: 0.5rem;
    max-width: 0.5rem;
    min-height: 0.5rem;
    max-height: 0.5rem;
  }
}
html body .modal nav ul,
html body .popup nav ul,
html body .wrapper nav ul {
  margin: 0;
}
html body .modal button, html body .modal input, html body .modal textarea, html body .modal select,
html body .popup button,
html body .popup input,
html body .popup textarea,
html body .popup select,
html body .wrapper button,
html body .wrapper input,
html body .wrapper textarea,
html body .wrapper select {
  border: 0.1rem solid transparent;
  position: relative;
  resize: none;
  width: 100%;
}
html body .modal button.resize, html body .modal input.resize, html body .modal textarea.resize, html body .modal select.resize,
html body .popup button.resize,
html body .popup input.resize,
html body .popup textarea.resize,
html body .popup select.resize,
html body .wrapper button.resize,
html body .wrapper input.resize,
html body .wrapper textarea.resize,
html body .wrapper select.resize {
  resize: vertical !important;
}
html body .modal button:focus::-webkit-input-placeholder, html body .modal button:focus::placeholder, html body .modal input:focus::-webkit-input-placeholder, html body .modal input:focus::placeholder, html body .modal textarea:focus::-webkit-input-placeholder, html body .modal textarea:focus::placeholder, html body .modal select:focus::-webkit-input-placeholder, html body .modal select:focus::placeholder,
html body .popup button:focus::-webkit-input-placeholder,
html body .popup button:focus::placeholder,
html body .popup input:focus::-webkit-input-placeholder,
html body .popup input:focus::placeholder,
html body .popup textarea:focus::-webkit-input-placeholder,
html body .popup textarea:focus::placeholder,
html body .popup select:focus::-webkit-input-placeholder,
html body .popup select:focus::placeholder,
html body .wrapper button:focus::-webkit-input-placeholder,
html body .wrapper button:focus::placeholder,
html body .wrapper input:focus::-webkit-input-placeholder,
html body .wrapper input:focus::placeholder,
html body .wrapper textarea:focus::-webkit-input-placeholder,
html body .wrapper textarea:focus::placeholder,
html body .wrapper select:focus::-webkit-input-placeholder,
html body .wrapper select:focus::placeholder {
  color: transparent !important;
}
html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
  display: inline-block;
  color: #fff;
  background: #c7212c;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.45;
  border: 0.1rem solid transparent;
  background-size: 100% 100%;
  transition: all 0.4s linear;
  font-size: 1.6rem;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    transition: none;
  }
}
@media (min-width: 768px) {
  html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    font-size: 1.8rem;
    padding: 1rem 2.5rem;
    border-radius: 1rem;
  }
}
html body .modal .button:hover, html body .modal button:hover, html body .modal input[type=submit]:hover,
html body .popup .button:hover,
html body .popup button:hover,
html body .popup input[type=submit]:hover,
html body .wrapper .button:hover,
html body .wrapper button:hover,
html body .wrapper input[type=submit]:hover {
  background: #BB1111;
  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: #121212;
}
html body .modal .button[type=reset]:hover, html body .modal button[type=reset]:hover, html body .modal input[type=submit][type=reset]:hover,
html body .popup .button[type=reset]:hover,
html body .popup button[type=reset]:hover,
html body .popup input[type=submit][type=reset]:hover,
html body .wrapper .button[type=reset]:hover,
html body .wrapper button[type=reset]:hover,
html body .wrapper input[type=submit][type=reset]:hover {
  background: #eeeeee;
  border-color: #eeeeee;
  color: #212529;
}
html body .modal .button[disabled], html body .modal button[disabled], html body .modal input[type=submit][disabled],
html body .popup .button[disabled],
html body .popup button[disabled],
html body .popup input[type=submit][disabled],
html body .wrapper .button[disabled],
html body .wrapper button[disabled],
html body .wrapper input[type=submit][disabled] {
  color: transparent !important;
  position: relative !important;
  opacity: 0;
  cursor: default;
}
html body .modal .button[disabled].disabled, html body .modal button[disabled].disabled, html body .modal input[type=submit][disabled].disabled,
html body .popup .button[disabled].disabled,
html body .popup button[disabled].disabled,
html body .popup input[type=submit][disabled].disabled,
html body .wrapper .button[disabled].disabled,
html body .wrapper button[disabled].disabled,
html body .wrapper input[type=submit][disabled].disabled {
  background: #121212 !important;
  color: #fff !important;
  font-weight: normal !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
html body .modal input:not([type=radio], [type=checkbox], [type=submit]),
html body .popup input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit]) {
  width: 100%;
  border: 0.1rem solid #C9C9C9;
  color: #000;
  background: #F5F5F5;
  font-size: 1.6rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  html body .modal input:not([type=radio], [type=checkbox], [type=submit]),
html body .popup input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit]) {
    font-size: 1.6rem;
    padding: 0.85rem 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .modal input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .modal input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .popup input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .popup input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
  color: #333333;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  html body .modal input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .modal input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .popup input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .popup input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
    font-size: 1.6rem;
  }
}
html body .modal input:not([type=radio], [type=checkbox], [type=submit]):focus,
html body .popup input:not([type=radio], [type=checkbox], [type=submit]):focus,
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit]):focus {
  border-color: #8ED6FE;
}
html body .modal input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .popup input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #333333 !important;
  /* цвет текста */
  color: #333333 !important;
}
html body .modal input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .popup input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit])[readonly] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .popup input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover {
  border-color: #eeeeee;
}
html body .modal input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .popup input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .wrapper input:not([type=radio], [type=checkbox], [type=submit])[disabled] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal textarea,
html body .popup textarea,
html body .wrapper textarea {
  width: 100%;
  border: 0.1rem solid #C9C9C9;
  color: #000;
  background: #F5F5F5;
  font-size: 1.6rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
}
@media (min-width: 768px) {
  html body .modal textarea,
html body .popup textarea,
html body .wrapper textarea {
    font-size: 1.6rem;
    padding: 0.85rem 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .modal textarea::-webkit-input-placeholder, html body .modal textarea::placeholder,
html body .popup textarea::-webkit-input-placeholder,
html body .popup textarea::placeholder,
html body .wrapper textarea::-webkit-input-placeholder,
html body .wrapper textarea::placeholder {
  color: #333333;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  html body .modal textarea::-webkit-input-placeholder, html body .modal textarea::placeholder,
html body .popup textarea::-webkit-input-placeholder,
html body .popup textarea::placeholder,
html body .wrapper textarea::-webkit-input-placeholder,
html body .wrapper textarea::placeholder {
    font-size: 1.6rem;
  }
}
html body .modal textarea:focus,
html body .popup textarea:focus,
html body .wrapper textarea:focus {
  border-color: #8ED6FE;
}
html body .modal textarea:-webkit-autofill,
html body .popup textarea:-webkit-autofill,
html body .wrapper textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #333333 !important;
  /* цвет текста */
  color: #333333 !important;
}
html body .modal textarea[readonly],
html body .popup textarea[readonly],
html body .wrapper textarea[readonly] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal textarea[readonly]:hover,
html body .popup textarea[readonly]:hover,
html body .wrapper textarea[readonly]:hover {
  border-color: #eeeeee;
}
html body .modal textarea[disabled],
html body .popup textarea[disabled],
html body .wrapper textarea[disabled] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .modal .form,
html body .modal form,
html body .popup .form,
html body .popup form,
html body .wrapper .form,
html body .wrapper form {
  position: relative;
  outline: none;
}
html body .modal .form .invalid-input,
html body .modal form .invalid-input,
html body .popup .form .invalid-input,
html body .popup form .invalid-input,
html body .wrapper .form .invalid-input,
html body .wrapper form .invalid-input {
  position: absolute;
  top: calc(100% - 1.25rem);
  left: 0.75rem;
  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 .modal form .invalid-input [class^=icons-],
html body .popup .form .invalid-input [class^=icons-],
html body .popup form .invalid-input [class^=icons-],
html body .wrapper .form .invalid-input [class^=icons-],
html body .wrapper form .invalid-input [class^=icons-] {
  display: none;
}
html body .modal .form label[for*=checkbox],
html body .modal form label[for*=checkbox],
html body .popup .form label[for*=checkbox],
html body .popup form label[for*=checkbox],
html body .wrapper .form label[for*=checkbox],
html body .wrapper form label[for*=checkbox] {
  text-wrap: unset;
}
html body .modal .form label[for*=checkbox] + .invalid-input,
html body .modal form label[for*=checkbox] + .invalid-input,
html body .popup .form label[for*=checkbox] + .invalid-input,
html body .popup form label[for*=checkbox] + .invalid-input,
html body .wrapper .form label[for*=checkbox] + .invalid-input,
html body .wrapper form label[for*=checkbox] + .invalid-input {
  top: 100% !important;
  left: 0;
}
html body .modal .form textarea,
html body .modal form textarea,
html body .popup .form textarea,
html body .popup form textarea,
html body .wrapper .form textarea,
html body .wrapper form textarea {
  min-height: 15rem;
}
html body .modal .form textarea:not([type=checkbox]):not([type=radio]) + label, html body .modal .form textarea:not([type=checkbox]):not([type=radio]) .label,
html body .modal .form input:not([type=checkbox]):not([type=radio]) + label,
html body .modal .form input:not([type=checkbox]):not([type=radio]) .label,
html body .modal form textarea:not([type=checkbox]):not([type=radio]) + label,
html body .modal form textarea:not([type=checkbox]):not([type=radio]) .label,
html body .modal form input:not([type=checkbox]):not([type=radio]) + label,
html body .modal form input:not([type=checkbox]):not([type=radio]) .label,
html body .popup .form textarea:not([type=checkbox]):not([type=radio]) + label,
html body .popup .form textarea:not([type=checkbox]):not([type=radio]) .label,
html body .popup .form input:not([type=checkbox]):not([type=radio]) + label,
html body .popup .form input:not([type=checkbox]):not([type=radio]) .label,
html body .popup form textarea:not([type=checkbox]):not([type=radio]) + label,
html body .popup form textarea:not([type=checkbox]):not([type=radio]) .label,
html body .popup form input:not([type=checkbox]):not([type=radio]) + label,
html body .popup 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,
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: 1rem;
  font-weight: normal;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.2s ease;
  padding: 0.25rem;
  line-height: 1;
  color: #333333;
  border-radius: 0.2rem;
}
html body .modal .form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label, html body .modal .form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label, html body .modal .form textarea:not([type=checkbox]):not([type=radio]):focus + label, html body .modal .form textarea:not([type=checkbox]):not([type=radio]):focus .label,
html body .modal .form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .modal .form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .modal .form input:not([type=checkbox]):not([type=radio]):focus + label,
html body .modal .form input:not([type=checkbox]):not([type=radio]):focus .label,
html body .modal form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .modal form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .modal form textarea:not([type=checkbox]):not([type=radio]):focus + label,
html body .modal form textarea:not([type=checkbox]):not([type=radio]):focus .label,
html body .modal form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .modal form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .modal form input:not([type=checkbox]):not([type=radio]):focus + label,
html body .modal form input:not([type=checkbox]):not([type=radio]):focus .label,
html body .popup .form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .popup .form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .popup .form textarea:not([type=checkbox]):not([type=radio]):focus + label,
html body .popup .form textarea:not([type=checkbox]):not([type=radio]):focus .label,
html body .popup .form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .popup .form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .popup .form input:not([type=checkbox]):not([type=radio]):focus + label,
html body .popup .form input:not([type=checkbox]):not([type=radio]):focus .label,
html body .popup form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .popup form textarea:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .popup form textarea:not([type=checkbox]):not([type=radio]):focus + label,
html body .popup form textarea:not([type=checkbox]):not([type=radio]):focus .label,
html body .popup form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) + label,
html body .popup form input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown) .label,
html body .popup form input:not([type=checkbox]):not([type=radio]):focus + label,
html body .popup 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,
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;
  left: 0.75rem;
  transform: none;
  background: #fff;
  color: #333333;
}
html body .modal .form textarea + label, html body .modal .form textarea .label,
html body .modal form textarea + label,
html body .modal form textarea .label,
html body .popup .form textarea + label,
html body .popup .form textarea .label,
html body .popup form textarea + label,
html body .popup form textarea .label,
html body .wrapper .form textarea + label,
html body .wrapper .form textarea .label,
html body .wrapper form textarea + label,
html body .wrapper form textarea .label {
  top: 2rem !important;
}
html body .modal .form textarea:focus + label, html body .modal .form textarea:focus .label, html body .modal .form textarea:not(:placeholder-shown) + label, html body .modal .form textarea:not(:placeholder-shown) .label,
html body .modal form textarea:focus + label,
html body .modal form textarea:focus .label,
html body .modal form textarea:not(:placeholder-shown) + label,
html body .modal form textarea:not(:placeholder-shown) .label,
html body .popup .form textarea:focus + label,
html body .popup .form textarea:focus .label,
html body .popup .form textarea:not(:placeholder-shown) + label,
html body .popup .form textarea:not(:placeholder-shown) .label,
html body .popup form textarea:focus + label,
html body .popup form textarea:focus .label,
html body .popup form textarea:not(:placeholder-shown) + label,
html body .popup form textarea:not(:placeholder-shown) .label,
html body .wrapper .form textarea:focus + label,
html body .wrapper .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,
html body .wrapper form textarea:not(:placeholder-shown) + label,
html body .wrapper form textarea:not(:placeholder-shown) .label {
  top: -1.5rem !important;
}
html body .modal .form-field,
html body .popup .form-field,
html body .wrapper .form-field {
  margin-bottom: 2rem;
  position: relative;
}
html body .modal .form-field textarea::-webkit-input-placeholder, html body .modal .form-field textarea::placeholder,
html body .modal .form-field input::-webkit-input-placeholder,
html body .modal .form-field input::placeholder,
html body .popup .form-field textarea::-webkit-input-placeholder,
html body .popup .form-field textarea::placeholder,
html body .popup .form-field input::-webkit-input-placeholder,
html body .popup .form-field input::placeholder,
html body .wrapper .form-field textarea::-webkit-input-placeholder,
html body .wrapper .form-field textarea::placeholder,
html body .wrapper .form-field input::-webkit-input-placeholder,
html body .wrapper .form-field input::placeholder {
  color: transparent !important;
}
@media (min-width: 992px) {
  html body .modal .form-field,
html body .popup .form-field,
html body .wrapper .form-field {
    margin-bottom: 2.5rem;
  }
  html body .modal .form-field.minWidth,
html body .popup .form-field.minWidth,
html body .wrapper .form-field.minWidth {
    min-width: 32rem;
  }
}
html body .modal .form-field.labelIn label,
html body .popup .form-field.labelIn label,
html body .wrapper .form-field.labelIn label {
  position: absolute;
  left: 1rem;
  top: 50%;
  z-index: 5;
  font-size: 1.6rem;
  margin-top: -0.8rem;
  line-height: 1;
  transition: all 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal .form-field.labelIn label,
html body .popup .form-field.labelIn label,
html body .wrapper .form-field.labelIn label {
    transition: none;
  }
}
html body .modal .form-field.labelIn label.textarea,
html body .popup .form-field.labelIn label.textarea,
html body .wrapper .form-field.labelIn label.textarea {
  top: 2rem;
}
html body .modal .form-field.labelIn.textIn label, html body .modal .form-field.labelIn:focus-within label,
html body .popup .form-field.labelIn.textIn label,
html body .popup .form-field.labelIn:focus-within label,
html body .wrapper .form-field.labelIn.textIn label,
html body .wrapper .form-field.labelIn:focus-within label {
  margin-top: -4.5rem;
  left: 0;
}
html body .modal .validate,
html body .popup .validate,
html body .wrapper .validate {
  border-color: #E91801 !important;
}
html body .modal .label, html body .modal label,
html body .popup .label,
html body .popup label,
html body .wrapper .label,
html body .wrapper label {
  position: relative;
  display: block;
  font-weight: bold;
  margin-bottom: 0.25rem;
  cursor: pointer;
  font-size: 1.6rem;
  color: #333333;
  white-space: nowrap;
  /* не даёт переноситься */
}
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 {
  cursor: pointer;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  font-size: 1.6rem;
  color: #000;
  font-weight: normal;
  line-height: 1.2;
}
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;
  flex-shrink: 0;
  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;
}
html body .modal input[type=checkbox] + label .check:after,
html body .popup input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  font-size: 1.6rem;
  color: #E91801;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal input[type=checkbox] + label .check:after,
html body .popup input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
    transition: none;
  }
}
html body .modal input[type=checkbox]:checked + label .check,
html body .popup input[type=checkbox]:checked + label .check,
html body .wrapper input[type=checkbox]:checked + label .check {
  border-color: #E91801;
}
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 {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
html body .modal input[type=radio],
html body .popup input[type=radio],
html body .wrapper input[type=radio] {
  display: none;
}
html body .modal input[type=radio] + label,
html body .popup input[type=radio] + label,
html body .wrapper input[type=radio] + label {
  cursor: pointer;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  font-size: 1.4rem;
  color: #333333;
}
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;
  flex-shrink: 0;
  margin-right: 1.2rem;
  margin-top: -0.1rem;
  background: #eeeeee;
  border-radius: 50%;
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
}
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 {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #E91801;
  border-radius: 50%;
  min-width: 1.2rem;
  max-width: 1.2rem;
  min-height: 1.2rem;
  max-height: 1.2rem;
  display: none;
}
html body .modal input[type=radio]:checked + label,
html body .popup input[type=radio]:checked + label,
html body .wrapper input[type=radio]:checked + label {
  color: #000;
}
html body .modal input[type=radio]:checked + label .check:after,
html body .popup input[type=radio]:checked + label .check:after,
html body .wrapper input[type=radio]:checked + label .check:after {
  display: block;
}
@media (max-width: 1199.98px) {
  html body .modal input[type=time],
html body .popup input[type=time],
html body .wrapper input[type=time] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    appearance: none;
    height: 4rem;
  }
}
html body .modal .radio-btn,
html body .popup .radio-btn,
html body .wrapper .radio-btn {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
html body .modal .radio-btn .radio-btn-circle,
html body .popup .radio-btn .radio-btn-circle,
html body .wrapper .radio-btn .radio-btn-circle {
  position: relative;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  border-radius: 50%;
  background: #eeeeee;
}
html body .modal .radio-btn .radio-btn-circle:after,
html body .popup .radio-btn .radio-btn-circle:after,
html body .wrapper .radio-btn .radio-btn-circle:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-1.6rem/2);
  margin-top: calc(-1.6rem/2);
  background: #c7212c;
  min-width: 1.6rem;
  max-width: 1.6rem;
  min-height: 1.6rem;
  max-height: 1.6rem;
  border-radius: 50%;
  -webkit-opacity: 0;
  opacity: 0;
  transition: all linear 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal .radio-btn .radio-btn-circle:after,
html body .popup .radio-btn .radio-btn-circle:after,
html body .wrapper .radio-btn .radio-btn-circle:after {
    transition: none;
  }
}
html body .modal .radio-btn.active,
html body .popup .radio-btn.active,
html body .wrapper .radio-btn.active {
  cursor: default;
}
html body .modal .radio-btn.active .radio-btn-circle:after,
html body .popup .radio-btn.active .radio-btn-circle:after,
html body .wrapper .radio-btn.active .radio-btn-circle:after {
  -webkit-opacity: 1;
  opacity: 1;
}
html body .modal .component_breadcrumb,
html body .popup .component_breadcrumb,
html body .wrapper .component_breadcrumb {
  overflow: hidden;
  padding: 0;
}
html body .modal .component_breadcrumb::-webkit-scrollbar-track,
html body .popup .component_breadcrumb::-webkit-scrollbar-track,
html body .wrapper .component_breadcrumb::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: #CDDEF3;
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb::-webkit-scrollbar-thumb,
html body .popup .component_breadcrumb::-webkit-scrollbar-thumb,
html body .wrapper .component_breadcrumb::-webkit-scrollbar-thumb {
  background-color: #224161;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb::-webkit-scrollbar,
html body .popup .component_breadcrumb::-webkit-scrollbar,
html body .wrapper .component_breadcrumb::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
html body .modal .component_breadcrumb nav,
html body .popup .component_breadcrumb nav,
html body .wrapper .component_breadcrumb nav {
  letter-spacing: normal !important;
}
html body .modal .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .popup .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .wrapper .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #121212;
  font-size: 1.2rem;
  padding: 0;
}
html body .modal .component_breadcrumb .breadcrumb,
html body .popup .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
html body .modal .component_breadcrumb .breadcrumb::-webkit-scrollbar-track,
html body .popup .component_breadcrumb .breadcrumb::-webkit-scrollbar-track,
html body .wrapper .component_breadcrumb .breadcrumb::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: #CDDEF3;
  border: 0.1rem solid transparent;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb .breadcrumb::-webkit-scrollbar-thumb,
html body .popup .component_breadcrumb .breadcrumb::-webkit-scrollbar-thumb,
html body .wrapper .component_breadcrumb .breadcrumb::-webkit-scrollbar-thumb {
  background-color: #224161;
  border-radius: 0.2rem;
}
html body .modal .component_breadcrumb .breadcrumb::-webkit-scrollbar,
html body .popup .component_breadcrumb .breadcrumb::-webkit-scrollbar,
html body .wrapper .component_breadcrumb .breadcrumb::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
@media (max-width: 767.98px) {
  html body .modal .component_breadcrumb .breadcrumb,
html body .popup .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    padding: 1rem 0;
    -webkit-overflow-scrolling: touch;
    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: #E91801;
  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: #121212;
  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: #000;
  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: #121212;
}
html body .modal .component_tabs .tab-header .tab,
html body .popup .component_tabs .tab-header .tab,
html body .wrapper .component_tabs .tab-header .tab {
  cursor: pointer;
  background: #eeeeee;
  padding: 1rem;
  border-radius: 1rem;
}
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 {
  background: #E91801;
  color: #fff;
  cursor: default;
}
html body .modal .component_tabs .tab-body .tab,
html body .popup .component_tabs .tab-body .tab,
html body .wrapper .component_tabs .tab-body .tab {
  display: none;
}
html body .modal .component_tabs .tab-body .tab.active,
html body .popup .component_tabs .tab-body .tab.active,
html body .wrapper .component_tabs .tab-body .tab.active {
  display: block;
}
@media (max-width: 767.98px) {
  html body .modal .component_tabs .js-toggle-body .tab,
html body .popup .component_tabs .js-toggle-body .tab,
html body .wrapper .component_tabs .js-toggle-body .tab {
    display: none !important;
  }
  html body .modal .component_tabs .js-toggle-body.active .tab,
html body .popup .component_tabs .js-toggle-body.active .tab,
html body .wrapper .component_tabs .js-toggle-body.active .tab {
    display: block !important;
  }
}
html body .modal [class^=icons-], html body .modal [class*=" icons-"],
html body .popup [class^=icons-],
html body .popup [class*=" icons-"],
html body .wrapper [class^=icons-],
html body .wrapper [class*=" icons-"] {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html body .modal .badstudio_copyright,
html body .popup .badstudio_copyright,
html body .wrapper .badstudio_copyright {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: "Cera Pro";
}
html body .modal .badstudio_copyright .icons-badstudio,
html body .popup .badstudio_copyright .icons-badstudio,
html body .wrapper .badstudio_copyright .icons-badstudio {
  font-size: 3rem;
}
html body .modal .badstudio_copyright .badstudio_copyright-text,
html body .popup .badstudio_copyright .badstudio_copyright-text,
html body .wrapper .badstudio_copyright .badstudio_copyright-text {
  font-size: 1.2rem;
  display: block;
  margin-left: 0;
  margin-top: -0.5rem;
}
html body .modal .badstudio_copyright .badstudio_copyright-date,
html body .popup .badstudio_copyright .badstudio_copyright-date,
html body .wrapper .badstudio_copyright .badstudio_copyright-date {
  display: block;
  font-size: 1.2rem;
  position: absolute;
  right: 0.2rem;
  top: -0.5rem;
  font-family: "Arial", sans-serif;
}
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  font-family: "Inter", "Arial", sens-serif;
  font-weight: 900;
  margin-bottom: 2.5rem;
  line-height: 1.25;
}
html body h1, html body .h1 {
  font-size: 5.8rem;
  font-weight: 900;
  margin-bottom: 3.5rem;
}
@media (max-width: 991.98px) {
  html body h1, html body .h1 {
    font-size: 3.6rem;
  }
}
@media (max-width: 767.98px) {
  html body h1, html body .h1 {
    font-size: 3.2rem;
  }
}
html body h2, html body .h2 {
  font-size: 3.6rem;
}
@media (max-width: 991.98px) {
  html body h2, html body .h2 {
    font-size: 3.2rem;
  }
}
@media (max-width: 767.98px) {
  html body h2, html body .h2 {
    font-size: 2.6rem;
  }
}
html body h3, html body .h3 {
  font-size: 2.4rem;
}
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 mm_drawCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_drawCross {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_drawCheck {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_showHour {
  0% {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
@keyframes mm_showMinute {
  0% {
    opacity: 0;
    transform: rotate(-180deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
html body .custom-scroll::-webkit-scrollbar-track {
  margin-right: 1rem;
  background: transparent;
  border: 0.1rem solid #E91801;
  border-radius: 0.2rem;
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #E91801;
  border-radius: 0.2rem;
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  padding: 2rem;
}
html body .component_connectType .connectType {
  cursor: pointer;
  padding: 1rem;
  border-radius: 50%;
}
html body .component_connectType .connectType.active {
  cursor: default;
  background: #008FDF;
  color: #fff;
}
html body .component_social .social-items {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
}
html body .component_social .social-items a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000;
  margin: 0 0.5rem 0;
  font-size: 2rem;
  transition: all 0.2s ease-in-out;
  /*
  &[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: #C9C9C9;
}
html body .component_social .social-items a:first-child {
  margin-left: 0;
}
html body .component_social .social-items a:last-child {
  margin-right: 0;
}
html body .component_social .social-items a[class*=banstagram_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-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-bg-colors a[class*=vkontakte] {
  background-color: #0077FF !important;
}
html body .component_social .social-items.social-bg-colors a[class*=viber] {
  background-color: #665CAC !important;
}
html body .component_social .social-items.social-bg-colors a[class*=whatsapp] {
  background-color: #25D366 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=facebook] {
  background-color: #1a77f2 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=telegram] {
  background-color: #0088cc !important;
}
html body .component_social .social-items.social-bg-colors a[class*=youtube] {
  background-color: #ff0000 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=spotify] {
  background-color: #1ED760 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=yandex-music] {
  background-color: #FC3F1D !important;
}
html body .component_social .social-items.social-bg-colors a[class*=sberzvuk] {
  background-color: #07ead8 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=apple-music] {
  background-color: #fa586a !important;
}
html body .component_social .social-items.social-bg-colors a[class*=likee] {
  background-color: #fe2360 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
}
html body .tooltip {
  position: relative;
  cursor: help;
}
html body .tooltip:hover:after {
  content: attr(data-title);
  position: absolute;
  bottom: calc(100% + 0.25rem);
  left: 60%;
  transform: translateX(-50%);
  background: #121212;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.4rem;
  white-space: nowrap;
  font-size: 1.2rem;
  opacity: 0;
  pointer-events: none;
  animation: fadeIn 0.15s forwards;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
html body .flex-basis-100 {
  flex-basis: 100%;
}
html body .flex-basis-auto {
  flex-basis: auto;
}
html body .flex-1-1-0 {
  flex: 1 1 0;
}
html body .flex-1 {
  flex: 1;
}
html body .loading {
  position: relative;
  width: 100%;
  height: 1.6rem;
}
html body .loading:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #000;
  -webkit-animation: loading 5s linear infinite;
  animation: loading 5s linear infinite;
}
html body a.button.disabled {
  background: #eeeeee;
  color: #C9C9C9;
  cursor: not-allowed;
}
html body .preloader {
  position: absolute;
  left: -1rem;
  right: -1rem;
  bottom: -1rem;
  top: -1rem;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1100;
  border-radius: 1.6rem;
}
html body .preloader:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-8rem/2);
  margin-top: calc(-8rem/2);
  min-width: 8rem;
  max-width: 8rem;
  min-height: 8rem;
  max-height: 8rem;
  border-radius: 50%;
  border-top: 0.4rem solid #c7212c;
  -webkit-animation: preloader 3s linear infinite;
  animation: preloader 3s linear infinite;
}
html body .preloader:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-6rem/2);
  margin-top: calc(-6rem/2);
  min-width: 6rem;
  max-width: 6rem;
  min-height: 6rem;
  max-height: 6rem;
  border-radius: 50%;
  border-top: 0.4rem solid #11633D;
  -webkit-animation: preloader 1.5s linear infinite;
  animation: preloader 1.5s linear infinite;
}
html body > .preloader {
  position: fixed;
}
@keyframes preloader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
html body [class*=copyrights-promo],
html body [class*=copyright__wrap] {
  display: none !important;
}
html body .yandex-map {
  position: relative;
  width: 100%;
  height: 50rem;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
}
@media (min-width: 576px) {
  html body .yandex-map {
    max-width: 100%;
    min-width: 100%;
  }
}
html body .yandex-map > div#yandex-map {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body .yandex-map .ymaps3x0--controls {
  padding: 0;
}
html body .yandex-map .fullscreen-fake {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  max-height: 100dvh;
  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 .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 .btnLoader.is-relative .loader {
  width: 2rem;
  height: 2rem;
  position: relative;
  left: unset;
  top: unset;
  transform: unset;
}
html body .btnLoader-red .loader .loader-path {
  animation: loader-animate-stroke_red 1.5s ease-in-out infinite;
}
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;
  }
}
@keyframes loader-animate-stroke_red {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: #E91801;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
    stroke: #E91801;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
    stroke: #E91801;
  }
}

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

.js-wow {
  visibility: hidden;
}

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

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

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

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

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

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

.js-copy {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

.form-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(2rem);
  z-index: -1010;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  scale: 0.1;
  transition: 0.3s all;
}
.form-popup.active {
  z-index: 10150;
  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;
}

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

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

.icon-plus {
  position: relative;
  min-width: 1.6rem;
  max-width: 1.6rem;
  min-height: 1.6rem;
  max-height: 1.6rem;
}
.icon-plus:after, .icon-plus:before {
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.icon-plus:before {
  width: 1.4rem;
  height: 0.2rem;
}
.icon-plus:after {
  width: 0.2rem;
  height: 1.4rem;
}

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

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

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

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

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

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

.showLink {
  border: 0.1rem solid #C9C9C9;
  background: #eeeeee;
  border-radius: 1rem;
  transition: background-color 0.8s ease;
}

.highlight .showLink {
  background-color: rgba(255, 223, 0, 0.2);
}

.position-eye {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.create-password {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

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

.cursor-move {
  cursor: move;
}

.is-error {
  box-shadow: 0 0.25rem 1.5rem rgba(233, 24, 1, 0.8);
}

.dashed-bottom {
  border-bottom: 0.1rem dashed #E91801;
}

.dashed-white {
  border-bottom-color: #fff;
}

.magicLink-answer.selected {
  background-color: #228b22 !important;
  color: #fff !important;
  box-shadow: #228b22 0 0.5rem 1.5rem;
}
.magicLink-answer.selected.error {
  background-color: #E91801 !important;
  color: #fff !important;
  box-shadow: #E91801 0 0.5rem 1.5rem;
  animation: shadow-pulse 1.5s ease-in-out infinite;
}

@keyframes shadow-pulse {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.textarea-border {
  border: 0.1rem solid #C9C9C9;
}
.textarea-border textarea {
  overflow-x: auto !important;
  padding-left: 0.25rem !important;
}
.textarea-border textarea:focus {
  border-color: transparent !important;
}

.linenumbers-gutter {
  padding-right: 0.25rem !important;
  border-right: 0.1rem solid #C9C9C9 !important;
  background: transparent !important;
}

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