@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: "Lato", "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 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 .popup button,
html body .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 .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 .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 .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 .popup details,
html body .modal details,
html body .wrapper details {
  margin-bottom: 1rem;
}
html body .popup summary,
html body .modal summary,
html body .wrapper summary {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 2rem;
}
html body .popup .blockquote,
html body .popup blockquote,
html body .modal .blockquote,
html body .modal 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 .popup .blockquote,
html body .popup blockquote,
html body .modal .blockquote,
html body .modal blockquote,
html body .wrapper .blockquote,
html body .wrapper blockquote {
    padding: 3rem 1rem;
    font-size: 1.6rem;
    border-radius: 1.4rem;
  }
}
html body .popup .blockquote:before, html body .popup .blockquote:after,
html body .popup blockquote:before,
html body .popup blockquote:after,
html body .modal .blockquote:before,
html body .modal .blockquote:after,
html body .modal blockquote:before,
html body .modal 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 .popup .blockquote:before, html body .popup .blockquote:after,
html body .popup blockquote:before,
html body .popup blockquote:after,
html body .modal .blockquote:before,
html body .modal .blockquote:after,
html body .modal blockquote:before,
html body .modal 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 .popup .blockquote:after,
html body .popup blockquote:after,
html body .modal .blockquote:after,
html body .modal blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
  top: -1rem;
  left: 3.2rem;
}
@media (max-width: 767.98px) {
  html body .popup .blockquote:after,
html body .popup blockquote:after,
html body .modal .blockquote:after,
html body .modal blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
    left: 1.2rem;
  }
}
html body .popup .blockquote:before,
html body .popup blockquote:before,
html body .modal .blockquote:before,
html body .modal 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 .popup .blockquote:before,
html body .popup blockquote:before,
html body .modal .blockquote:before,
html body .modal blockquote:before,
html body .wrapper .blockquote:before,
html body .wrapper blockquote:before {
    right: 1.2rem;
  }
}
html body .popup .component_page-navigation,
html body .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 .popup .component_page-navigation a,
html body .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 .popup .component_page-navigation a,
html body .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 .popup .component_page-navigation a:hover,
html body .modal .component_page-navigation a:hover,
html body .wrapper .component_page-navigation a:hover {
  color: #fff;
  background: #1919ff;
}
html body .popup .component_page-navigation a.disabled,
html body .modal .component_page-navigation a.disabled,
html body .wrapper .component_page-navigation a.disabled {
  opacity: 0;
  cursor: default;
}
html body .popup .component_page-navigation a.active,
html body .modal .component_page-navigation a.active,
html body .wrapper .component_page-navigation a.active {
  color: #fff;
  background: #11633D;
  cursor: default;
}
html body .popup ol,
html body .modal ol,
html body .wrapper ol {
  margin: 0 0 1.5rem 1rem;
  padding: 0;
  font-size: inherit;
}
html body .popup ol li,
html body .modal ol li,
html body .wrapper ol li {
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
html body .popup ol ol,
html body .modal ol ol,
html body .wrapper ol ol {
  margin-top: 0.5rem;
  list-style-type: lower-alpha;
}
html body .popup ul,
html body .modal ul,
html body .wrapper ul {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .popup ul li,
html body .modal ul li,
html body .wrapper ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
html body .popup ul.list-none,
html body .modal ul.list-none,
html body .wrapper ul.list-none {
  list-style: none;
}
html body .popup ul.list-none li,
html body .modal ul.list-none li,
html body .wrapper ul.list-none li {
  margin-bottom: 0.5rem;
}
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 .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 1.5rem 0;
  padding: 0;
}
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 .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 .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 .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 .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 .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 .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 .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: 1.1rem;
  min-width: 0.8rem;
  max-width: 0.8rem;
  min-height: 0.8rem;
  max-height: 0.8rem;
  background: #D47337;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  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 .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 .popup nav ul,
html body .modal nav ul,
html body .wrapper nav ul {
  margin: 0;
}
html body .popup button, html body .popup input, html body .popup textarea, html body .popup select,
html body .modal button,
html body .modal input,
html body .modal textarea,
html body .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 .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 .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 .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 .popup .button, html body .popup button, html body .popup input[type=submit],
html body .modal .button,
html body .modal button,
html body .modal input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
  display: inline-block;
  color: #fff;
  background-image: linear-gradient(95deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 35%), linear-gradient(145deg, #f05706 0%, #f76a0c 40%, #ff791b 100%);
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
  border: 0.1rem solid transparent;
  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 .popup .button, html body .popup button, html body .popup input[type=submit],
html body .modal .button,
html body .modal button,
html body .modal input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    transition: none;
  }
}
html body .popup .button[class*=bg-], html body .popup button[class*=bg-], html body .popup input[type=submit][class*=bg-],
html body .modal .button[class*=bg-],
html body .modal button[class*=bg-],
html body .modal input[type=submit][class*=bg-],
html body .wrapper .button[class*=bg-],
html body .wrapper button[class*=bg-],
html body .wrapper input[type=submit][class*=bg-] {
  background-image: unset;
}
@media (min-width: 768px) {
  html body .popup .button, html body .popup button, html body .popup input[type=submit],
html body .modal .button,
html body .modal button,
html body .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 .popup .button:hover, html body .popup button:hover, html body .popup input[type=submit]:hover,
html body .modal .button:hover,
html body .modal button:hover,
html body .modal input[type=submit]:hover,
html body .wrapper .button:hover,
html body .wrapper button:hover,
html body .wrapper input[type=submit]:hover {
  background: linear-gradient(95deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 35%), linear-gradient(145deg, #f05706 0%, #f76a0c 40%, #ff791b 50%);
}
html body .popup .button:hover[class*=bg-], html body .popup button:hover[class*=bg-], html body .popup input[type=submit]:hover[class*=bg-],
html body .modal .button:hover[class*=bg-],
html body .modal button:hover[class*=bg-],
html body .modal input[type=submit]:hover[class*=bg-],
html body .wrapper .button:hover[class*=bg-],
html body .wrapper button:hover[class*=bg-],
html body .wrapper input[type=submit]:hover[class*=bg-] {
  background-image: unset;
}
html body .popup .button[type=reset], html body .popup button[type=reset], html body .popup input[type=submit][type=reset],
html body .modal .button[type=reset],
html body .modal button[type=reset],
html body .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: #262626;
}
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 .modal .button[type=reset]:hover,
html body .modal button[type=reset]:hover,
html body .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 .popup .button[disabled], html body .popup button[disabled], html body .popup input[type=submit][disabled],
html body .modal .button[disabled],
html body .modal button[disabled],
html body .modal 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 .popup .button[disabled].disabled, html body .popup button[disabled].disabled, html body .popup input[type=submit][disabled].disabled,
html body .modal .button[disabled].disabled,
html body .modal button[disabled].disabled,
html body .modal 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: #262626 !important;
  color: #fff !important;
  font-weight: normal !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
html body .popup form,
html body .modal form,
html body .wrapper form {
  outline: none;
}
html body .popup form .invalid-input,
html body .modal form .invalid-input,
html body .wrapper form .invalid-input {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.25rem;
  line-height: 1.25;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  background-color: #c7212c;
  color: #fff;
}
html body .popup form .invalid-input [class^=icons-],
html body .modal form .invalid-input [class^=icons-],
html body .wrapper form .invalid-input [class^=icons-] {
  display: none;
}
html body .popup form textarea,
html body .modal form textarea,
html body .wrapper form textarea {
  min-height: 15rem;
}
html body .popup form button, html body .popup form input, html body .popup form textarea, html body .popup form select,
html body .modal form button,
html body .modal form input,
html body .modal form textarea,
html body .modal form select,
html body .wrapper form button,
html body .wrapper form input,
html body .wrapper form textarea,
html body .wrapper form select {
  border: 0.1rem solid transparent;
  position: relative;
  resize: none;
  width: 100%;
}
html body .popup form button.validate, html body .popup form input.validate, html body .popup form textarea.validate, html body .popup form select.validate,
html body .modal form button.validate,
html body .modal form input.validate,
html body .modal form textarea.validate,
html body .modal form select.validate,
html body .wrapper form button.validate,
html body .wrapper form input.validate,
html body .wrapper form textarea.validate,
html body .wrapper form select.validate {
  border-color: #C7212C !important;
}
html body .popup form button.validate + .invalid-tooltip,
html body .popup form button.validate + .invalid-input, html body .popup form input.validate + .invalid-tooltip,
html body .popup form input.validate + .invalid-input, html body .popup form textarea.validate + .invalid-tooltip,
html body .popup form textarea.validate + .invalid-input, html body .popup form select.validate + .invalid-tooltip,
html body .popup form select.validate + .invalid-input,
html body .modal form button.validate + .invalid-tooltip,
html body .modal form button.validate + .invalid-input,
html body .modal form input.validate + .invalid-tooltip,
html body .modal form input.validate + .invalid-input,
html body .modal form textarea.validate + .invalid-tooltip,
html body .modal form textarea.validate + .invalid-input,
html body .modal form select.validate + .invalid-tooltip,
html body .modal form select.validate + .invalid-input,
html body .wrapper form button.validate + .invalid-tooltip,
html body .wrapper form button.validate + .invalid-input,
html body .wrapper form input.validate + .invalid-tooltip,
html body .wrapper form input.validate + .invalid-input,
html body .wrapper form textarea.validate + .invalid-tooltip,
html body .wrapper form textarea.validate + .invalid-input,
html body .wrapper form select.validate + .invalid-tooltip,
html body .wrapper form select.validate + .invalid-input {
  display: block;
}
html body .popup form button.validate + label + .invalid-tooltip,
html body .popup form button.validate + label + .invalid-input, html body .popup form input.validate + label + .invalid-tooltip,
html body .popup form input.validate + label + .invalid-input, html body .popup form textarea.validate + label + .invalid-tooltip,
html body .popup form textarea.validate + label + .invalid-input, html body .popup form select.validate + label + .invalid-tooltip,
html body .popup form select.validate + label + .invalid-input,
html body .modal form button.validate + label + .invalid-tooltip,
html body .modal form button.validate + label + .invalid-input,
html body .modal form input.validate + label + .invalid-tooltip,
html body .modal form input.validate + label + .invalid-input,
html body .modal form textarea.validate + label + .invalid-tooltip,
html body .modal form textarea.validate + label + .invalid-input,
html body .modal form select.validate + label + .invalid-tooltip,
html body .modal form select.validate + label + .invalid-input,
html body .wrapper form button.validate + label + .invalid-tooltip,
html body .wrapper form button.validate + label + .invalid-input,
html body .wrapper form input.validate + label + .invalid-tooltip,
html body .wrapper form input.validate + label + .invalid-input,
html body .wrapper form textarea.validate + label + .invalid-tooltip,
html body .wrapper form textarea.validate + label + .invalid-input,
html body .wrapper form select.validate + label + .invalid-tooltip,
html body .wrapper form select.validate + label + .invalid-input {
  display: block;
}
html body .popup form button.validate + .select2 + .invalid-tooltip,
html body .popup form button.validate + .select2 + .invalid-input, html body .popup form input.validate + .select2 + .invalid-tooltip,
html body .popup form input.validate + .select2 + .invalid-input, html body .popup form textarea.validate + .select2 + .invalid-tooltip,
html body .popup form textarea.validate + .select2 + .invalid-input, html body .popup form select.validate + .select2 + .invalid-tooltip,
html body .popup form select.validate + .select2 + .invalid-input,
html body .modal form button.validate + .select2 + .invalid-tooltip,
html body .modal form button.validate + .select2 + .invalid-input,
html body .modal form input.validate + .select2 + .invalid-tooltip,
html body .modal form input.validate + .select2 + .invalid-input,
html body .modal form textarea.validate + .select2 + .invalid-tooltip,
html body .modal form textarea.validate + .select2 + .invalid-input,
html body .modal form select.validate + .select2 + .invalid-tooltip,
html body .modal form select.validate + .select2 + .invalid-input,
html body .wrapper form button.validate + .select2 + .invalid-tooltip,
html body .wrapper form button.validate + .select2 + .invalid-input,
html body .wrapper form input.validate + .select2 + .invalid-tooltip,
html body .wrapper form input.validate + .select2 + .invalid-input,
html body .wrapper form textarea.validate + .select2 + .invalid-tooltip,
html body .wrapper form textarea.validate + .select2 + .invalid-input,
html body .wrapper form select.validate + .select2 + .invalid-tooltip,
html body .wrapper form select.validate + .select2 + .invalid-input {
  display: block;
}
html body .popup form button:focus::-webkit-input-placeholder, html body .popup form button:focus::placeholder, html body .popup form input:focus::-webkit-input-placeholder, html body .popup form input:focus::placeholder, html body .popup form textarea:focus::-webkit-input-placeholder, html body .popup form textarea:focus::placeholder, html body .popup form select:focus::-webkit-input-placeholder, html body .popup form select:focus::placeholder,
html body .modal form button:focus::-webkit-input-placeholder,
html body .modal form button:focus::placeholder,
html body .modal form input:focus::-webkit-input-placeholder,
html body .modal form input:focus::placeholder,
html body .modal form textarea:focus::-webkit-input-placeholder,
html body .modal form textarea:focus::placeholder,
html body .modal form select:focus::-webkit-input-placeholder,
html body .modal form select:focus::placeholder,
html body .wrapper form button:focus::-webkit-input-placeholder,
html body .wrapper form button:focus::placeholder,
html body .wrapper form input:focus::-webkit-input-placeholder,
html body .wrapper form input:focus::placeholder,
html body .wrapper form textarea:focus::-webkit-input-placeholder,
html body .wrapper form textarea:focus::placeholder,
html body .wrapper form select:focus::-webkit-input-placeholder,
html body .wrapper form select:focus::placeholder {
  color: transparent !important;
}
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]),
html body .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;
  transition: all 0.4s linear;
  font-size: 1.4rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
}
@media (prefers-reduced-motion: reduce) {
  html body .popup form input:not([type=radio], [type=checkbox], [type=submit]),
html body .modal form input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
    transition: none;
  }
}
@media (min-width: 768px) {
  html body .popup form input:not([type=radio], [type=checkbox], [type=submit]),
html body .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 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .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: #323232;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .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 .popup form input:not([type=radio], [type=checkbox], [type=submit]):focus,
html body .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 .popup form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .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: #323232 !important;
  /* цвет текста */
  color: #323232 !important;
}
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .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 .popup form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .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 .popup form input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .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 .popup form textarea,
html body .modal form textarea,
html body .wrapper form textarea {
  width: 100%;
  border: 0.1rem solid #eeeeee;
  color: #000;
  background: #fff;
  transition: all 0.4s linear;
  font-size: 1.4rem;
  padding: 1rem 1rem;
  border-radius: 0.8rem;
}
@media (prefers-reduced-motion: reduce) {
  html body .popup form textarea,
html body .modal form textarea,
html body .wrapper form textarea {
    transition: none;
  }
}
@media (min-width: 768px) {
  html body .popup form textarea,
html body .modal form textarea,
html body .wrapper form textarea {
    font-size: 1.8rem;
    padding: 0.85rem 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .popup form textarea::-webkit-input-placeholder, html body .popup form textarea::placeholder,
html body .modal form textarea::-webkit-input-placeholder,
html body .modal form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
  color: #323232;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  html body .popup form textarea::-webkit-input-placeholder, html body .popup form textarea::placeholder,
html body .modal form textarea::-webkit-input-placeholder,
html body .modal form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
    font-size: 1.8rem;
  }
}
html body .popup form textarea:focus,
html body .modal form textarea:focus,
html body .wrapper form textarea:focus {
  border-color: #228b22;
}
html body .popup form textarea:-webkit-autofill,
html body .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: #323232 !important;
  /* цвет текста */
  color: #323232 !important;
}
html body .popup form textarea[readonly],
html body .modal form textarea[readonly],
html body .wrapper form textarea[readonly] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .popup form textarea[readonly]:hover,
html body .modal form textarea[readonly]:hover,
html body .wrapper form textarea[readonly]:hover {
  border-color: #eeeeee;
}
html body .popup form textarea[disabled],
html body .modal form textarea[disabled],
html body .wrapper form textarea[disabled] {
  background: #eeeeee;
  border-color: #eeeeee;
  cursor: default;
}
html body .popup form .label, html body .popup form label,
html body .modal form .label,
html body .modal form label,
html body .wrapper form .label,
html body .wrapper form label {
  position: relative;
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 1.8rem;
}
@media (max-width: 991.98px) {
  html body .popup form .label, html body .popup form label,
html body .modal form .label,
html body .modal form label,
html body .wrapper form .label,
html body .wrapper form label {
    font-size: 1.6rem;
  }
}
html body .popup form .form-field,
html body .modal form .form-field,
html body .wrapper form .form-field {
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 992px) {
  html body .popup form .form-field,
html body .modal form .form-field,
html body .wrapper form .form-field {
    margin-bottom: 2.5rem;
  }
  html body .popup form .form-field.minWidth,
html body .modal form .form-field.minWidth,
html body .wrapper form .form-field.minWidth {
    min-width: 32rem;
  }
}
html body .popup form .form-field.labelIn label,
html body .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 .popup form .form-field.labelIn label,
html body .modal form .form-field.labelIn label,
html body .wrapper form .form-field.labelIn label {
    transition: none;
  }
}
html body .popup form .form-field.labelIn label.textarea,
html body .modal form .form-field.labelIn label.textarea,
html body .wrapper form .form-field.labelIn label.textarea {
  top: 2rem;
}
html body .popup form .form-field.labelIn.textIn label, html body .popup form .form-field.labelIn:focus-within label,
html body .modal form .form-field.labelIn.textIn label,
html body .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 .popup input[type=checkbox],
html body .modal input[type=checkbox],
html body .wrapper input[type=checkbox] {
  display: none;
}
html body .popup input[type=checkbox] + label,
html body .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 .popup input[type=checkbox] + label,
html body .modal input[type=checkbox] + label,
html body .wrapper input[type=checkbox] + label {
    font-size: 1.4rem;
  }
}
html body .popup input[type=checkbox] + label .check,
html body .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 #c7212c;
  border-radius: 0;
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
}
@media (max-width: 767.98px) {
  html body .popup input[type=checkbox] + label .check,
html body .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 .popup input[type=checkbox] + label .check:after,
html body .modal input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
  display: none;
  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: calc(-1.6rem/2);
  color: #c7212c;
}
html body .popup input[type=checkbox]:checked + label .check:after,
html body .modal input[type=checkbox]:checked + label .check:after,
html body .wrapper input[type=checkbox]:checked + label .check:after {
  color: #c7212c;
  display: block;
}
html body .popup input[type=radio],
html body .modal input[type=radio],
html body .wrapper input[type=radio] {
  display: none;
}
html body .popup input[type=radio] + label,
html body .modal input[type=radio] + label,
html body .wrapper input[type=radio] + label {
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 1.4rem;
  color: #454545;
}
@media (max-width: 767.98px) {
  html body .popup input[type=radio] + label,
html body .modal input[type=radio] + label,
html body .wrapper input[type=radio] + label {
    font-size: 1.2rem;
  }
}
html body .popup input[type=radio] + label .check,
html body .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 .popup input[type=radio] + label .check,
html body .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 .popup input[type=radio] + label .check:after,
html body .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: #D47337;
  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 .popup input[type=radio]:checked + label .check:after,
html body .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 .popup input[type=time],
html body .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 .popup .radio-btn,
html body .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 .popup .radio-btn .radio-btn-circle,
html body .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 .popup .radio-btn .radio-btn-circle:after,
html body .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 * 1.6rem / 2);
  margin-top: calc(-1* 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 .popup .radio-btn .radio-btn-circle:after,
html body .modal .radio-btn .radio-btn-circle:after,
html body .wrapper .radio-btn .radio-btn-circle:after {
    transition: none;
  }
}
html body .popup .radio-btn.active,
html body .modal .radio-btn.active,
html body .wrapper .radio-btn.active {
  cursor: default;
}
html body .popup .radio-btn.active .radio-btn-circle:after,
html body .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 .popup .breadcrumb_block,
html body .modal .breadcrumb_block,
html body .wrapper .breadcrumb_block {
  background: #323232;
}
html body .popup .component_breadcrumb,
html body .modal .component_breadcrumb,
html body .wrapper .component_breadcrumb {
  overflow: hidden;
  padding: 0 0;
}
html body .popup .component_breadcrumb nav,
html body .modal .component_breadcrumb nav,
html body .wrapper .component_breadcrumb nav {
  letter-spacing: normal !important;
}
html body .popup .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .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: #fff;
  font-size: 1.4rem;
  padding: 0;
}
html body .popup .component_breadcrumb .breadcrumb,
html body .modal .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  html body .popup .component_breadcrumb .breadcrumb,
html body .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 .popup .component_breadcrumb .breadcrumb li:last-child,
html body .modal .component_breadcrumb .breadcrumb li:last-child,
html body .wrapper .component_breadcrumb .breadcrumb li:last-child {
    padding-right: 3rem;
  }
}
html body .popup .component_breadcrumb .breadcrumb li,
html body .modal .component_breadcrumb .breadcrumb li,
html body .wrapper .component_breadcrumb .breadcrumb li {
  margin: 0;
  color: #b95126;
  font-size: 1.4rem;
}
html body .popup .component_breadcrumb .breadcrumb li:first-child,
html body .modal .component_breadcrumb .breadcrumb li:first-child,
html body .wrapper .component_breadcrumb .breadcrumb li:first-child {
  padding-left: 0;
}
html body .popup .component_breadcrumb .breadcrumb li a,
html body .modal .component_breadcrumb .breadcrumb li a,
html body .wrapper .component_breadcrumb .breadcrumb li a {
  color: #fff;
  text-transform: inherit;
  text-decoration: none;
}
html body .popup .component_breadcrumb .breadcrumb li a:hover,
html body .modal .component_breadcrumb .breadcrumb li a:hover,
html body .wrapper .component_breadcrumb .breadcrumb li a:hover {
  color: #fff;
  text-decoration: underline;
}
html body .popup .component_breadcrumb .breadcrumb li:before,
html body .modal .component_breadcrumb .breadcrumb li:before,
html body .wrapper .component_breadcrumb .breadcrumb li:before {
  float: unset;
  color: #fff;
}
html body .popup .component_tabs .tab-header .tab,
html body .modal .component_tabs .tab-header .tab,
html body .wrapper .component_tabs .tab-header .tab {
  cursor: pointer;
}
html body .popup .component_tabs .tab-header .tab.active,
html body .modal .component_tabs .tab-header .tab.active,
html body .wrapper .component_tabs .tab-header .tab.active {
  cursor: default;
}
html body .popup .component_tabs .tab-body .tab,
html body .modal .component_tabs .tab-body .tab,
html body .wrapper .component_tabs .tab-body .tab {
  display: none;
}
html body .popup .component_tabs .tab-body .tab.active,
html body .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 .popup .component_tabs .js-toggle-body .tab,
html body .modal .component_tabs .js-toggle-body .tab,
html body .wrapper .component_tabs .js-toggle-body .tab {
    display: none !important;
  }
  html body .popup .component_tabs .js-toggle-body.active .tab,
html body .modal .component_tabs .js-toggle-body.active .tab,
html body .wrapper .component_tabs .js-toggle-body.active .tab {
    display: block !important;
  }
}
html body .popup [class^=icons-], html body .popup [class*=" icons-"],
html body .modal [class^=icons-],
html body .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 .popup .badstudio_copyright,
html body .modal .badstudio_copyright,
html body .wrapper .badstudio_copyright {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: "Cera Pro";
}
html body .popup .badstudio_copyright .icons-badstudio,
html body .modal .badstudio_copyright .icons-badstudio,
html body .wrapper .badstudio_copyright .icons-badstudio {
  font-size: 3rem;
}
html body .popup .badstudio_copyright .badstudio_copyright-text,
html body .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 .popup .badstudio_copyright .badstudio_copyright-date,
html body .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 {
  font-family: "Manrope", "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 {
  background: transparent;
  border: 0.1rem solid #D47337;
  border-radius: 0.4rem;
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #D47337;
  border-radius: 0.4rem;
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  padding: 0.2rem;
}
html body .component_connectType .connectType {
  cursor: pointer;
  padding: 1rem;
  border-radius: 50%;
}
html body .component_connectType .connectType.active {
  cursor: default;
  background: linear-gradient(95deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 35%), linear-gradient(145deg, #f05706 0%, #f76a0c 40%, #ff791b 50%);
  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: #454545;
}
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: #262626;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.4rem;
  white-space: nowrap;
  font-size: 1.4rem;
  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: #454545;
  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%;
  }
}
@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 .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;
  }
}

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

.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: #323232;
  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;
}

.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: #323232;
}
.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;
}

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

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

[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 {
  font-family: "Lato", "Arial", sens-serif;
  background-color: #fff;
  line-height: 1.45;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  html body {
    font-size: 1.8rem;
  }
}
.header-logo {
  max-width: 18rem;
}

.bg-pattern {
  background-image: url(../static/bg_pattern.min.png);
  background-position: left top;
}
.bg-pattern.white-pattern {
  background-image: url(../static/pattern_white.png);
}

.bg-pattern_clear {
  position: relative;
}
.bg-pattern_clear:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../static/bg_clear.min.png);
  background-position: left top;
  background-size: 100%;
  opacity: 0.4;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .bg-pattern_clear:before {
    background-size: 300%;
  }
}
.bg-pattern_clear > div {
  position: relative;
  z-index: 2;
}

.bg-size-100 {
  background-size: 100% !important;
}
.bg-size-100:before, .bg-size-100:after {
  background-size: 100% !important;
}

.bg-size-200 {
  background-size: 200% !important;
}
.bg-size-200:before, .bg-size-200:after {
  background-size: 200% !important;
}

.bg-size-300 {
  background-size: 300% !important;
}
.bg-size-300:before, .bg-size-300:after {
  background-size: 300% !important;
}

.bg-opacity-005:before {
  opacity: 0.05;
}

.bg-opacity-01:before {
  opacity: 0.1;
}

.bg-opacity-02:before {
  opacity: 0.2;
}

.hero-block {
  position: relative;
  height: calc(100vh - 22rem);
  min-height: 58rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.hero-block > picture {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hero-block > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bg-image-unset {
  background-image: unset !important;
}

.ps-50-first:first-child {
  padding-left: 6rem;
}

.ms-n50-first:first-child {
  margin-left: -5rem;
}

.ms-n50-first:not(:first-child) {
  margin-left: -4.5rem;
}

.bg-brick {
  background-image: url(../static/brick.jpg);
  background-size: 20%;
  min-height: 68rem;
}

.box-shadowHover {
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .box-shadowHover {
    transition: none;
  }
}
.box-shadowHover:hover {
  -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);
}

.scaleHover {
  scale: 1;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .scaleHover {
    transition: none;
  }
}
.scaleHover:hover {
  transform: scale(1.025);
}

.scaleHover2 {
  scale: 1;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .scaleHover2 {
    transition: none;
  }
}
.scaleHover2:hover {
  transform: scale(1.2);
}

.sticky-top-2 {
  top: 14rem;
}

.border-light,
.border-button {
  border: 0.1rem solid #eeeeee !important;
}

@media (max-width: 767.98px) {
  .component_benefits .col-auto {
    max-width: 30rem;
  }
}
@media (max-width: 389.98px) {
  .component_benefits .col-auto {
    max-width: 24rem;
  }
}

.component_services .type-remont_previewPicture {
  width: 20.5rem;
}
@media (max-width: 767.98px) {
  .component_services .type-remont_previewPicture {
    width: 100%;
  }
}
.component_services .type-remont_content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.component_services .item-block {
  color: #000;
  border: 0.1rem solid #D47337;
  aspect-ratio: 3/2;
}
@media (max-width: 575.98px) {
  .component_services .item-block {
    aspect-ratio: 3/2.5;
  }
}
@media (max-width: 575.98px) {
  .component_services .item-block img {
    height: 100%;
    width: auto !important;
    object-fit: cover;
  }
}
@media (max-width: 360px) {
  .component_services .item-block img {
    opacity: 0 !important;
  }
}

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

.msize64 {
  min-width: 6.4rem;
  max-width: 6.4rem;
  min-height: 6.4rem;
  max-height: 6.4rem;
}

.msize48 {
  min-width: 4.8rem;
  max-width: 4.8rem;
  min-height: 4.8rem;
  max-height: 4.8rem;
}

.my-mmenu {
  position: relative;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: transparent;
}
.my-mmenu:before {
  content: "";
  position: absolute;
  top: -3.5rem;
  left: -0.75rem;
  bottom: 0;
  height: 7rem;
  width: 9rem;
  background-image: url("../static/mmenu.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.my-mmenu span {
  margin: 0 auto;
  position: relative;
  top: 0;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.my-mmenu span:before, .my-mmenu span:after {
  position: absolute;
  content: "";
}
.my-mmenu span:before {
  margin-top: -0.6rem;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}
.my-mmenu span:after {
  margin-top: 0.6rem;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s;
}
.my-mmenu.active span {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.my-mmenu.active span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}
.my-mmenu.active span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}
.my-mmenu.active span:before,
.my-mmenu.active span:after {
  background-color: #fff;
}
.my-mmenu span,
.my-mmenu span:before,
.my-mmenu span:after {
  width: 2.5rem;
  height: 0.2rem;
  background-color: #fff;
  display: block;
  border-radius: 100rem;
}

.mmenu-block {
  position: fixed;
  left: 0;
  top: 6rem;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 992px) {
  .mmenu-block {
    top: 11rem;
  }
}
.mmenu-block .mmenu-first-bg {
  position: absolute;
  left: 0;
  width: 0;
  top: 0;
  bottom: 0;
  z-index: 1001;
  transition-delay: 0.6s;
  transition: all 1s ease;
}
@media (prefers-reduced-motion: reduce) {
  .mmenu-block .mmenu-first-bg {
    transition: none;
  }
}
.mmenu-block .mmenu-content {
  overflow: auto;
}
.mmenu-block .mmenu-content .mmenu-content-layer1,
.mmenu-block .mmenu-content .mmenu-content-layer2,
.mmenu-block .mmenu-content .mmenu-content-layer3 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  transition: all 1s ease;
  max-width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .mmenu-block .mmenu-content .mmenu-content-layer1,
.mmenu-block .mmenu-content .mmenu-content-layer2,
.mmenu-block .mmenu-content .mmenu-content-layer3 {
    transition: none;
  }
}
.mmenu-block .mmenu-content .mmenu-content-layer1 .content,
.mmenu-block .mmenu-content .mmenu-content-layer2 .content,
.mmenu-block .mmenu-content .mmenu-content-layer3 .content {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 1.5rem;
  bottom: 1rem;
  overflow: hidden;
}
.mmenu-block .mmenu-content .mmenu-content-layer1 .content .item-level-1,
.mmenu-block .mmenu-content .mmenu-content-layer2 .content .item-level-1,
.mmenu-block .mmenu-content .mmenu-content-layer3 .content .item-level-1 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.mmenu-block .mmenu-content .mmenu-content-layer1 .content .item-level-1.visible,
.mmenu-block .mmenu-content .mmenu-content-layer2 .content .item-level-1.visible,
.mmenu-block .mmenu-content .mmenu-content-layer3 .content .item-level-1.visible {
  opacity: 1;
  transform: translateY(0);
}
.mmenu-block .mmenu-content .mmenu-content-layer1 {
  background: transparent;
  z-index: 1002;
}
.mmenu-block .mmenu-content .mmenu-content-layer2 {
  background: transparent;
  z-index: 1003;
  transition-delay: 0.2s;
}
.mmenu-block .mmenu-content .mmenu-content-layer3 {
  z-index: 1004;
  width: 100%;
  left: -100%;
  transition-delay: 0.3s;
  background-color: rgba(38, 33, 30, 0.9);
  backdrop-filter: blur(1rem);
}
.mmenu-block.active .mmenu-first-bg {
  width: 100%;
}
.mmenu-block.active .mmenu-content-layer1 {
  width: 100%;
}
.mmenu-block.active .mmenu-content-layer2 {
  width: 100%;
}
.mmenu-block.active .mmenu-content-layer3 {
  left: 0;
}
.mmenu-block.closing .mmenu-first-bg {
  transition-delay: 0s;
}
.mmenu-block.closing .mmenu-content-layer1 {
  transition-delay: 0.3s;
}
.mmenu-block.closing .mmenu-content-layer2 {
  transition-delay: 0.2s;
}
.mmenu-block.closing .mmenu-content-layer3 {
  transition-delay: 0s;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: 26rem;
  gap: 1rem;
}
.gallery .gallery-item {
  position: relative;
  overflow: hidden;
}
.gallery .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 1s ease;
}
@media (prefers-reduced-motion: reduce) {
  .gallery .gallery-item img {
    transition: none;
  }
}
.gallery .gallery-item img:hover {
  scale: 1.1;
}
@media (min-width: 390px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 24rem;
    gap: 1rem;
  }
}
@media (min-width: 768px) {
  .gallery {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 36rem;
    gap: 1rem;
  }
}
@media (min-width: 992px) {
  .gallery {
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 50rem;
  }
  .gallery .pattern-0 {
    grid-column: span 2;
  }
  .gallery .pattern-4 {
    grid-column: span 2;
    grid-row: span 1;
  }
  .gallery .pattern-5 {
    grid-row: span 2;
  }
}
@media (max-width: 767.98px) {
  .gallery.small .gallery-item:nth-child(3) {
    display: none !important;
  }
}

.button .icons-arrow-left {
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .button .icons-arrow-left {
    transition: none;
  }
}
.button:hover .icons-arrow-left {
  transform: translate(-1rem, 0);
}

.mw-320 .form-field {
  max-width: 32rem;
}

@media (min-width: 992px) {
  .mw-lg-auto .form-field {
    max-width: inherit;
  }
}

.font-stroke {
  color: transparent !important;
  -webkit-text-stroke: 0.1rem #D47337;
}

.font-stroke-02 {
  -webkit-text-stroke-width: 0.2rem;
}

nav#top {
  position: relative;
}
nav#top > ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  position: relative;
}
nav#top > ul li {
  position: unset;
}
nav#top > ul li a {
  display: block;
  position: relative;
  z-index: 2;
}
nav#top .active-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #D47337;
  border-radius: 6rem;
  z-index: 1;
  pointer-events: none;
  transition: left 0.4s ease, width 0.4s ease;
  transform-origin: center center;
}
nav#top .active-indicator.animate {
  animation: droplet 0.4s ease;
}
@keyframes droplet {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.4);
  }
  70% {
    transform: scale(0.9);
  }
  /* отскок */
  100% {
    transform: scale(1);
  }
  /* стабилизация */
}

.component_portfolio .item-block .item-previewPicture img {
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component_portfolio .item-block .item-previewPicture img {
    transition: none;
  }
}
.component_portfolio .item-block:hover .item-previewPicture img {
  scale: 1.1;
}

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