@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: "Arial", sens-serif;
  color: #000000;
  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 transparent;
  color: #000000;
  background: #F1F1F1;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 1;
  min-width: 4.2rem;
  max-width: 4.2rem;
  min-height: 4.2rem;
  max-height: 4.2rem;
  border-radius: 1rem;
}
@media (max-width: 991.98px) {
  html body .modal .component_page-navigation a,
html body .popup .component_page-navigation a,
html body .wrapper .component_page-navigation a {
    min-width: 3.2rem;
    max-width: 3.2rem;
    min-height: 3.2rem;
    max-height: 3.2rem;
  }
}
html body .modal .component_page-navigation a:hover,
html body .popup .component_page-navigation a:hover,
html body .wrapper .component_page-navigation a:hover {
  color: #fff;
  background: #3755FA;
}
html body .modal .component_page-navigation a.disabled,
html body .popup .component_page-navigation a.disabled,
html body .wrapper .component_page-navigation a.disabled {
  opacity: 0;
  cursor: default;
}
html body .modal .component_page-navigation a.active,
html body .popup .component_page-navigation a.active,
html body .wrapper .component_page-navigation a.active {
  color: #fff;
  background: #8FB914;
  cursor: default;
}
html body .modal ol,
html body .popup ol,
html body .wrapper ol {
  margin: 0 0 1.5rem 1rem;
  padding: 0;
  font-size: inherit;
}
html body .modal ol li,
html body .popup ol li,
html body .wrapper ol li {
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
html body .modal ol ol,
html body .popup ol ol,
html body .wrapper ol ol {
  margin-top: 0.5rem;
  list-style-type: lower-alpha;
}
html body .modal ul,
html body .popup ul,
html body .wrapper ul {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul li,
html body .popup ul li,
html body .wrapper ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
html body .modal ul.list-none,
html body .popup ul.list-none,
html body .wrapper ul.list-none {
  list-style: none;
}
html body .modal ul.list-none li,
html body .popup ul.list-none li,
html body .wrapper ul.list-none li {
  margin-bottom: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered),
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) ul {
  margin-top: 0.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:last-child {
  margin-bottom: 0;
}
html body .modal ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .popup ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before,
html body .wrapper ul:not(.list-none):not(.select2-results__options):not(.ya-share2__list):not(.ya-share2__popup-tile):not(.mm-spn--open):not(.select2-selection__rendered) li:before {
  position: absolute;
  content: " ";
  display: inline-block;
  left: 0;
  top: 1.35rem;
  min-width: 0.6rem;
  max-width: 0.6rem;
  min-height: 0.6rem;
  max-height: 0.6rem;
  background: #1F3A93;
  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;
    top: 1rem;
  }
}
html body .modal nav ul,
html body .popup nav ul,
html body .wrapper nav ul {
  margin: 0;
}
html body .modal button, html body .modal input, html body .modal textarea, html body .modal select,
html body .popup button,
html body .popup input,
html body .popup textarea,
html body .popup select,
html body .wrapper button,
html body .wrapper input,
html body .wrapper textarea,
html body .wrapper select {
  border: 0.1rem solid transparent;
  position: relative;
  resize: none;
  width: 100%;
  border-radius: 0;
}
html body .modal button:focus:not([readonly])::-webkit-input-placeholder, html body .modal button:focus:not([readonly])::placeholder, html body .modal input:focus:not([readonly])::-webkit-input-placeholder, html body .modal input:focus:not([readonly])::placeholder, html body .modal textarea:focus:not([readonly])::-webkit-input-placeholder, html body .modal textarea:focus:not([readonly])::placeholder, html body .modal select:focus:not([readonly])::-webkit-input-placeholder, html body .modal select:focus:not([readonly])::placeholder,
html body .popup button:focus:not([readonly])::-webkit-input-placeholder,
html body .popup button:focus:not([readonly])::placeholder,
html body .popup input:focus:not([readonly])::-webkit-input-placeholder,
html body .popup input:focus:not([readonly])::placeholder,
html body .popup textarea:focus:not([readonly])::-webkit-input-placeholder,
html body .popup textarea:focus:not([readonly])::placeholder,
html body .popup select:focus:not([readonly])::-webkit-input-placeholder,
html body .popup select:focus:not([readonly])::placeholder,
html body .wrapper button:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper button:focus:not([readonly])::placeholder,
html body .wrapper input:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper input:focus:not([readonly])::placeholder,
html body .wrapper textarea:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper textarea:focus:not([readonly])::placeholder,
html body .wrapper select:focus:not([readonly])::-webkit-input-placeholder,
html body .wrapper select:focus:not([readonly])::placeholder {
  color: transparent !important;
}
html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
  display: inline-block;
  color: #121212;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.45;
  border: 0.1rem solid transparent;
  font-size: 1.4rem;
  padding: 1.5rem 2rem;
  border-radius: 3.2rem;
  text-align: center;
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    transition: none;
  }
}
@media (min-width: 768px) {
  html body .modal .button, html body .modal button, html body .modal input[type=submit],
html body .popup .button,
html body .popup button,
html body .popup input[type=submit],
html body .wrapper .button,
html body .wrapper button,
html body .wrapper input[type=submit] {
    font-size: 2rem;
    padding: 1.5rem 2.5rem;
    border-radius: 3.2rem;
  }
}
html body .modal .button:hover, html body .modal button:hover, html body .modal input[type=submit]:hover,
html body .popup .button:hover,
html body .popup button:hover,
html body .popup input[type=submit]:hover,
html body .wrapper .button:hover,
html body .wrapper button:hover,
html body .wrapper input[type=submit]:hover {
  background: #C7212C;
  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: #F1F1F1;
  border-color: #F1F1F1;
  color: #212529;
}
html body .modal .button[disabled], html body .modal button[disabled], html body .modal input[type=submit][disabled],
html body .popup .button[disabled],
html body .popup button[disabled],
html body .popup input[type=submit][disabled],
html body .wrapper .button[disabled],
html body .wrapper button[disabled],
html body .wrapper input[type=submit][disabled] {
  color: transparent !important;
  position: relative !important;
  opacity: 0;
  cursor: default;
}
html body .modal .button[disabled].disabled, html body .modal button[disabled].disabled, html body .modal input[type=submit][disabled].disabled,
html body .popup .button[disabled].disabled,
html body .popup button[disabled].disabled,
html body .popup input[type=submit][disabled].disabled,
html body .wrapper .button[disabled].disabled,
html body .wrapper button[disabled].disabled,
html body .wrapper input[type=submit][disabled].disabled {
  background: #121212 !important;
  color: #fff !important;
  font-weight: normal !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
html body .modal form,
html body .popup form,
html body .wrapper form {
  outline: none;
}
html body .modal form .invalid-input,
html body .popup form .invalid-input,
html body .wrapper form .invalid-input {
  position: absolute;
  top: 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 .modal form .invalid-input [class^=icons-],
html body .popup form .invalid-input [class^=icons-],
html body .wrapper form .invalid-input [class^=icons-] {
  display: none;
}
html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
  min-height: 15rem;
}
html body .modal form button, html body .modal form input, html body .modal form textarea, html body .modal form select,
html body .popup form button,
html body .popup form input,
html body .popup form textarea,
html body .popup form select,
html body .wrapper form button,
html body .wrapper form input,
html body .wrapper form textarea,
html body .wrapper form select {
  border: 0.1rem solid transparent;
  position: relative;
  resize: none;
  width: 100%;
}
html body .modal form button.validate, html body .modal form input.validate, html body .modal form textarea.validate, html body .modal form select.validate,
html body .popup form button.validate,
html body .popup form input.validate,
html body .popup form textarea.validate,
html body .popup form select.validate,
html body .wrapper form button.validate,
html body .wrapper form input.validate,
html body .wrapper form textarea.validate,
html body .wrapper form select.validate {
  border-color: #C7212C !important;
}
html body .modal form button.validate + .invalid-tooltip,
html body .modal form button.validate + .invalid-input, html body .modal form input.validate + .invalid-tooltip,
html body .modal form input.validate + .invalid-input, html body .modal form textarea.validate + .invalid-tooltip,
html body .modal form textarea.validate + .invalid-input, html body .modal form select.validate + .invalid-tooltip,
html body .modal form select.validate + .invalid-input,
html body .popup form button.validate + .invalid-tooltip,
html body .popup form button.validate + .invalid-input,
html body .popup form input.validate + .invalid-tooltip,
html body .popup form input.validate + .invalid-input,
html body .popup form textarea.validate + .invalid-tooltip,
html body .popup form textarea.validate + .invalid-input,
html body .popup form select.validate + .invalid-tooltip,
html body .popup form select.validate + .invalid-input,
html body .wrapper form button.validate + .invalid-tooltip,
html body .wrapper form button.validate + .invalid-input,
html body .wrapper form input.validate + .invalid-tooltip,
html body .wrapper form input.validate + .invalid-input,
html body .wrapper form textarea.validate + .invalid-tooltip,
html body .wrapper form textarea.validate + .invalid-input,
html body .wrapper form select.validate + .invalid-tooltip,
html body .wrapper form select.validate + .invalid-input {
  display: block;
}
html body .modal form button.validate + label + .invalid-tooltip,
html body .modal form button.validate + label + .invalid-input, html body .modal form input.validate + label + .invalid-tooltip,
html body .modal form input.validate + label + .invalid-input, html body .modal form textarea.validate + label + .invalid-tooltip,
html body .modal form textarea.validate + label + .invalid-input, html body .modal form select.validate + label + .invalid-tooltip,
html body .modal form select.validate + label + .invalid-input,
html body .popup form button.validate + label + .invalid-tooltip,
html body .popup form button.validate + label + .invalid-input,
html body .popup form input.validate + label + .invalid-tooltip,
html body .popup form input.validate + label + .invalid-input,
html body .popup form textarea.validate + label + .invalid-tooltip,
html body .popup form textarea.validate + label + .invalid-input,
html body .popup form select.validate + label + .invalid-tooltip,
html body .popup form select.validate + label + .invalid-input,
html body .wrapper form button.validate + label + .invalid-tooltip,
html body .wrapper form button.validate + label + .invalid-input,
html body .wrapper form input.validate + label + .invalid-tooltip,
html body .wrapper form input.validate + label + .invalid-input,
html body .wrapper form textarea.validate + label + .invalid-tooltip,
html body .wrapper form textarea.validate + label + .invalid-input,
html body .wrapper form select.validate + label + .invalid-tooltip,
html body .wrapper form select.validate + label + .invalid-input {
  display: block;
}
html body .modal form button.validate + .select2 + .invalid-tooltip,
html body .modal form button.validate + .select2 + .invalid-input, html body .modal form input.validate + .select2 + .invalid-tooltip,
html body .modal form input.validate + .select2 + .invalid-input, html body .modal form textarea.validate + .select2 + .invalid-tooltip,
html body .modal form textarea.validate + .select2 + .invalid-input, html body .modal form select.validate + .select2 + .invalid-tooltip,
html body .modal form select.validate + .select2 + .invalid-input,
html body .popup form button.validate + .select2 + .invalid-tooltip,
html body .popup form button.validate + .select2 + .invalid-input,
html body .popup form input.validate + .select2 + .invalid-tooltip,
html body .popup form input.validate + .select2 + .invalid-input,
html body .popup form textarea.validate + .select2 + .invalid-tooltip,
html body .popup form textarea.validate + .select2 + .invalid-input,
html body .popup form select.validate + .select2 + .invalid-tooltip,
html body .popup form select.validate + .select2 + .invalid-input,
html body .wrapper form button.validate + .select2 + .invalid-tooltip,
html body .wrapper form button.validate + .select2 + .invalid-input,
html body .wrapper form input.validate + .select2 + .invalid-tooltip,
html body .wrapper form input.validate + .select2 + .invalid-input,
html body .wrapper form textarea.validate + .select2 + .invalid-tooltip,
html body .wrapper form textarea.validate + .select2 + .invalid-input,
html body .wrapper form select.validate + .select2 + .invalid-tooltip,
html body .wrapper form select.validate + .select2 + .invalid-input {
  display: block;
}
html body .modal form button:focus::-webkit-input-placeholder, html body .modal form button:focus::placeholder, html body .modal form input:focus::-webkit-input-placeholder, html body .modal form input:focus::placeholder, html body .modal form textarea:focus::-webkit-input-placeholder, html body .modal form textarea:focus::placeholder, html body .modal form select:focus::-webkit-input-placeholder, html body .modal form select:focus::placeholder,
html body .popup form button:focus::-webkit-input-placeholder,
html body .popup form button:focus::placeholder,
html body .popup form input:focus::-webkit-input-placeholder,
html body .popup form input:focus::placeholder,
html body .popup form textarea:focus::-webkit-input-placeholder,
html body .popup form textarea:focus::placeholder,
html body .popup form select:focus::-webkit-input-placeholder,
html body .popup form select:focus::placeholder,
html body .wrapper form button:focus::-webkit-input-placeholder,
html body .wrapper form button:focus::placeholder,
html body .wrapper form input:focus::-webkit-input-placeholder,
html body .wrapper form input:focus::placeholder,
html body .wrapper form textarea:focus::-webkit-input-placeholder,
html body .wrapper form textarea:focus::placeholder,
html body .wrapper form select:focus::-webkit-input-placeholder,
html body .wrapper form select:focus::placeholder {
  color: transparent !important;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit]),
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
  width: 100%;
  border: 0.1rem solid #F1F1F1;
  color: #000000;
  background: #fff;
  font-size: 1.4rem;
  padding: 1rem 1rem;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  html body .modal form input:not([type=radio], [type=checkbox], [type=submit]),
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]),
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
    font-size: 2rem;
    padding: 1.5rem 1rem;
    border-radius: 1.6rem;
  }
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
  color: #808080;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .modal form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
    font-size: 2rem;
  }
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit]):focus,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]):focus,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]):focus {
  border-color: #3755FA;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]):-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #808080 !important;
  /* цвет текста */
  color: #808080 !important;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])[readonly],
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[readonly] {
  background: #F1F1F1;
  border-color: #F1F1F1;
  cursor: default;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover,
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[readonly]:hover {
  border-color: #F1F1F1;
}
html body .modal form input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .popup form input:not([type=radio], [type=checkbox], [type=submit])[disabled],
html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])[disabled] {
  background: #F1F1F1;
  border-color: #F1F1F1;
  cursor: default;
}
html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
  width: 100%;
  border: 0.1rem solid #F1F1F1;
  color: #000000;
  background: #fff;
  font-size: 1.4rem;
  padding: 1rem 1rem;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  html body .modal form textarea,
html body .popup form textarea,
html body .wrapper form textarea {
    font-size: 2rem;
    padding: 1.5rem 1rem;
    border-radius: 1.6rem;
  }
}
html body .modal form textarea::-webkit-input-placeholder, html body .modal form textarea::placeholder,
html body .popup form textarea::-webkit-input-placeholder,
html body .popup form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
  color: #808080;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  html body .modal form textarea::-webkit-input-placeholder, html body .modal form textarea::placeholder,
html body .popup form textarea::-webkit-input-placeholder,
html body .popup form textarea::placeholder,
html body .wrapper form textarea::-webkit-input-placeholder,
html body .wrapper form textarea::placeholder {
    font-size: 2rem;
  }
}
html body .modal form textarea:focus,
html body .popup form textarea:focus,
html body .wrapper form textarea:focus {
  border-color: #3755FA;
}
html body .modal form textarea:-webkit-autofill,
html body .popup form textarea:-webkit-autofill,
html body .wrapper form textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  /* Цвет фона */
  -webkit-text-fill-color: #808080 !important;
  /* цвет текста */
  color: #808080 !important;
}
html body .modal form textarea[readonly],
html body .popup form textarea[readonly],
html body .wrapper form textarea[readonly] {
  background: #F1F1F1;
  border-color: #F1F1F1;
  cursor: default;
}
html body .modal form textarea[readonly]:hover,
html body .popup form textarea[readonly]:hover,
html body .wrapper form textarea[readonly]:hover {
  border-color: #F1F1F1;
}
html body .modal form textarea[disabled],
html body .popup form textarea[disabled],
html body .wrapper form textarea[disabled] {
  background: #F1F1F1;
  border-color: #F1F1F1;
  cursor: default;
}
html body .modal form .label, html body .modal form label,
html body .popup form .label,
html body .popup form label,
html body .wrapper form .label,
html body .wrapper form label {
  position: relative;
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 2.4rem;
}
@media (max-width: 991.98px) {
  html body .modal form .label, html body .modal form label,
html body .popup form .label,
html body .popup form label,
html body .wrapper form .label,
html body .wrapper form label {
    font-size: 2rem;
  }
}
html body .modal form .form-field,
html body .popup form .form-field,
html body .wrapper form .form-field {
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 992px) {
  html body .modal form .form-field,
html body .popup form .form-field,
html body .wrapper form .form-field {
    margin-bottom: 2.5rem;
  }
  html body .modal form .form-field.minWidth,
html body .popup form .form-field.minWidth,
html body .wrapper form .form-field.minWidth {
    min-width: 32rem;
  }
}
html body .modal form .form-field.labelIn label,
html body .popup 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 .modal form .form-field.labelIn label,
html body .popup form .form-field.labelIn label,
html body .wrapper form .form-field.labelIn label {
    transition: none;
  }
}
html body .modal form .form-field.labelIn label.textarea,
html body .popup form .form-field.labelIn label.textarea,
html body .wrapper form .form-field.labelIn label.textarea {
  top: 2rem;
}
html body .modal form .form-field.labelIn.textIn label, html body .modal form .form-field.labelIn:focus-within label,
html body .popup form .form-field.labelIn.textIn label,
html body .popup 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 .modal input[type=checkbox],
html body .popup input[type=checkbox],
html body .wrapper input[type=checkbox] {
  display: none;
}
html body .modal input[type=checkbox] + label,
html body .popup input[type=checkbox] + label,
html body .wrapper input[type=checkbox] + label {
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 1.6rem;
  color: #000000;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  html body .modal input[type=checkbox] + label,
html body .popup input[type=checkbox] + label,
html body .wrapper input[type=checkbox] + label {
    font-size: 1.4rem;
  }
}
html body .modal input[type=checkbox] + label .check,
html body .popup input[type=checkbox] + label .check,
html body .wrapper input[type=checkbox] + label .check {
  position: relative;
  margin-right: 1rem;
  background: #fff;
  border: 0.2rem solid #c7212c;
  border-radius: 0;
  min-width: 2.4rem;
  max-width: 2.4rem;
  min-height: 2.4rem;
  max-height: 2.4rem;
}
@media (max-width: 767.98px) {
  html body .modal input[type=checkbox] + label .check,
html body .popup input[type=checkbox] + label .check,
html body .wrapper input[type=checkbox] + label .check {
    min-width: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }
}
html body .modal input[type=checkbox] + label .check:after,
html body .popup input[type=checkbox] + label .check:after,
html body .wrapper input[type=checkbox] + label .check:after {
  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 .modal input[type=checkbox]:checked + label .check:after,
html body .popup input[type=checkbox]:checked + label .check:after,
html body .wrapper input[type=checkbox]:checked + label .check:after {
  color: #c7212c;
  display: block;
}
html body .modal input[type=radio],
html body .popup input[type=radio],
html body .wrapper input[type=radio] {
  display: none;
}
html body .modal input[type=radio] + label,
html body .popup input[type=radio] + label,
html body .wrapper input[type=radio] + label {
  display: -webkit-flex !important;
  display: flex !important;
  font-size: 1.4rem;
  color: #F9FAFC;
}
@media (max-width: 767.98px) {
  html body .modal input[type=radio] + label,
html body .popup input[type=radio] + label,
html body .wrapper input[type=radio] + label {
    font-size: 1.2rem;
  }
}
html body .modal input[type=radio] + label .check,
html body .popup input[type=radio] + label .check,
html body .wrapper input[type=radio] + label .check {
  position: relative;
  margin-right: 1.5rem;
  background: #fff;
  border-radius: 50%;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
}
@media (max-width: 767.98px) {
  html body .modal input[type=radio] + label .check,
html body .popup input[type=radio] + label .check,
html body .wrapper input[type=radio] + label .check {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }
}
html body .modal input[type=radio] + label .check:after,
html body .popup input[type=radio] + label .check:after,
html body .wrapper input[type=radio] + label .check:after {
  display: none;
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #E05323;
  min-width: 1.2rem;
  max-width: 1.2rem;
  min-height: 1.2rem;
  max-height: 1.2rem;
  margin-left: -0.6rem;
  margin-top: -0.6rem;
  border-radius: 50%;
}
html body .modal input[type=radio]:checked + label .check:after,
html body .popup input[type=radio]:checked + label .check:after,
html body .wrapper input[type=radio]:checked + label .check:after {
  display: block;
}
@media (max-width: 1199.98px) {
  html body .modal input[type=time],
html body .popup input[type=time],
html body .wrapper input[type=time] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    appearance: none;
    height: 4rem;
  }
}
html body .modal .radio-btn,
html body .popup .radio-btn,
html body .wrapper .radio-btn {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
html body .modal .radio-btn .radio-btn-circle,
html body .popup .radio-btn .radio-btn-circle,
html body .wrapper .radio-btn .radio-btn-circle {
  position: relative;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  border-radius: 50%;
  background: #F1F1F1;
}
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: 1rem 6.5rem;
}
@media (max-width: 991.98px) {
  html body .modal .component_breadcrumb,
html body .popup .component_breadcrumb,
html body .wrapper .component_breadcrumb {
    padding: 1rem 4.6rem;
  }
}
@media (max-width: 767.98px) {
  html body .modal .component_breadcrumb,
html body .popup .component_breadcrumb,
html body .wrapper .component_breadcrumb {
    padding: 0;
  }
}
html body .modal .component_breadcrumb nav,
html body .popup .component_breadcrumb nav,
html body .wrapper .component_breadcrumb nav {
  letter-spacing: normal !important;
}
html body .modal .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .popup .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html body .wrapper .component_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #121212;
  font-size: 1.4rem;
  padding: 0;
}
html body .modal .component_breadcrumb .breadcrumb,
html body .popup .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  html body .modal .component_breadcrumb .breadcrumb,
html body .popup .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    padding: 1rem 0;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  html body .modal .component_breadcrumb .breadcrumb li:last-child,
html body .popup .component_breadcrumb .breadcrumb li:last-child,
html body .wrapper .component_breadcrumb .breadcrumb li:last-child {
    padding-right: 3rem;
  }
}
html body .modal .component_breadcrumb .breadcrumb li,
html body .popup .component_breadcrumb .breadcrumb li,
html body .wrapper .component_breadcrumb .breadcrumb li {
  margin: 0;
  font-size: 1.4rem;
}
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: #000000;
  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: #000000;
}
html body .modal .component_tabs .tab-header .tab,
html body .popup .component_tabs .tab-header .tab,
html body .wrapper .component_tabs .tab-header .tab {
  cursor: pointer;
}
html body .modal .component_tabs .tab-header .tab.active,
html body .popup .component_tabs .tab-header .tab.active,
html body .wrapper .component_tabs .tab-header .tab.active {
  cursor: default;
}
html body .modal .component_tabs .tab-body .tab,
html body .popup .component_tabs .tab-body .tab,
html body .wrapper .component_tabs .tab-body .tab {
  display: none;
}
html body .modal .component_tabs .tab-body .tab.active,
html body .popup .component_tabs .tab-body .tab.active,
html body .wrapper .component_tabs .tab-body .tab.active {
  display: block;
}
@media (max-width: 991.98px) {
  html body .modal .component_tabs .js-toggle-body .tab,
html body .popup .component_tabs .js-toggle-body .tab,
html body .wrapper .component_tabs .js-toggle-body .tab {
    display: none !important;
  }
  html body .modal .component_tabs .js-toggle-body.active .tab,
html body .popup .component_tabs .js-toggle-body.active .tab,
html body .wrapper .component_tabs .js-toggle-body.active .tab {
    display: block !important;
  }
}
html body .modal [class^=icons-], html body .modal [class*=" icons-"],
html body .popup [class^=icons-],
html body .popup [class*=" icons-"],
html body .wrapper [class^=icons-],
html body .wrapper [class*=" icons-"] {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -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 {
  word-wrap: break-word !important;
  margin: 0 0 1.5rem 0;
  padding: 0;
  font-weight: normal;
}
html body .h1 a, html body .h2 a, html body .h3 a, html body .h4 a, html body .h5 a, html body .h6 a,
html body h1 a, html body h2 a, html body h3 a, html body h4 a, html body h5 a, html body h6 a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
html body .icon-wrapper {
  position: relative;
  width: 256px;
  height: 256px;
  /* Часовая стрелка */
  /* Минутная стрелка */
}
html body .icon-wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
}
html body .icon-wrapper .mmcircle {
  animation: mm_drawCircle 1s forwards;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmcross {
  animation: mm_drawCross 0.7s forwards;
  animation-delay: 1s;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmcheck {
  animation: mm_drawCheck 0.7s forwards;
  animation-delay: 1s;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmclock-circle {
  animation: mm_drawCircle 1s forwards;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmclock-hour {
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  opacity: 0;
  animation: mm_showHour 0.7s forwards;
  animation-delay: 1s;
  animation-timing-function: ease-out;
}
html body .icon-wrapper .mmclock-minute {
  transform-origin: 50% 50%;
  transform: rotate(-180deg);
  opacity: 0;
  animation: mm_showMinute 0.7s forwards;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes shake {
  10%, 90% {
    transform: translateX(-0.1rem);
  }
  20%, 80% {
    transform: translateX(0.2rem);
  }
  30%, 50%, 70% {
    transform: translateX(-0.4rem);
  }
  40%, 60% {
    transform: translateX(0.4rem);
  }
}
@keyframes mm_drawCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_drawCross {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_drawCheck {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mm_showHour {
  0% {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
@keyframes mm_showMinute {
  0% {
    opacity: 0;
    transform: rotate(-180deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
html body .custom-scroll::-webkit-scrollbar-track {
  background: transparent;
  border: 0.1rem solid #ec4752;
  border-radius: 0.4rem;
}
@media (max-width: 767.98px) {
  html body .custom-scroll::-webkit-scrollbar-track {
    border-radius: 2rem;
  }
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #C7212C;
  border-radius: 2rem;
}
@media (max-width: 767.98px) {
  html body .custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 2rem;
  }
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  padding: 0.2rem;
}
@media (max-width: 767.98px) {
  html body .custom-scroll::-webkit-scrollbar {
    height: 0.4rem;
    width: 0.4rem;
  }
}
html body .component_social .social-items {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
}
html body .component_social .social-items a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000000;
  margin: 0 0.5rem 0;
  font-size: 2rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  html body .component_social .social-items a {
    transition: none;
  }
}
html body .component_social .social-items a:hover {
  text-decoration: none;
  color: #F9FAFC;
}
html body .component_social .social-items a:first-child {
  margin-left: 0;
}
html body .component_social .social-items a:last-child {
  margin-right: 0;
}
html body .component_social .social-items a[class*=banstagram]:after {
  content: "*";
  position: absolute;
  right: -0.75rem;
  top: -0.75rem;
  font-size: 1.2rem;
  color: #000000;
}
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*=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*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-bg-colors a[class*=vkontakte] {
  background-color: #0077FF !important;
}
html body .component_social .social-items.social-bg-colors a[class*=viber] {
  background-color: #665CAC !important;
}
html body .component_social .social-items.social-bg-colors a[class*=whatsapp] {
  background-color: #25D366 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=facebook] {
  background-color: #1a77f2 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=telegram] {
  background-color: #0088cc !important;
}
html body .component_social .social-items.social-bg-colors a[class*=youtube] {
  background-color: #ff0000 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=spotify] {
  background-color: #1ED760 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=yandex_music] {
  background-color: #FC3F1D !important;
}
html body .component_social .social-items.social-bg-colors a[class*=sberzvuk] {
  background-color: #07ead8 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=apple_music] {
  background-color: #fa586a !important;
}
html body .component_social .social-items.social-bg-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
}
html body .flex-basis-100 {
  flex-basis: 100%;
}
html body .flex-basis-auto {
  flex-basis: auto;
}
html body .flex-1-1-0 {
  flex: 1 1 0;
}
html body .flex-1 {
  flex: 1;
}
html body .loading {
  position: relative;
  width: 100%;
  height: 1.6rem;
}
html body .loading:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #000000;
  -webkit-animation: loading 5s linear infinite;
  animation: loading 5s linear infinite;
}
html body a.button.disabled {
  background: #F1F1F1;
  color: #F9FAFC;
  cursor: not-allowed;
}
html body .loader {
  width: 4.2rem;
  height: 4.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
html body .loader .circular-loader {
  animation: loader-rotate 2s linear infinite;
}
html body .loader .loader-path {
  fill: none;
  stroke-width: 3px;
  animation: loader-animate-stroke 1.5s ease-in-out infinite;
  stroke-linecap: round;
}
html body .button .loader,
html body button .loader {
  display: none;
}
html body .button.animate[disabled],
html body button.animate[disabled] {
  opacity: 1 !important;
}
html body .button.animate .loader,
html body button.animate .loader {
  display: block;
}
html body .button.animate span,
html body button.animate span {
  visibility: hidden;
}
@keyframes loader-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-animate-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: #000000;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
    stroke: #000000;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
    stroke: #000000;
  }
}
html body [class*=copyrights-promo],
html body [class*=copyright__wrap] {
  display: none !important;
}
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: #000000;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
    stroke: #000000;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
    stroke: #000000;
  }
}

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

.js-wow {
  visibility: hidden;
}

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

.notifyItem {
  min-width: 30rem;
  max-width: 30rem;
  background: #fff;
  color: #000000;
  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 (min-width: 768px) {
  #__replain_widget:not(.active) {
    inset: auto 0.5rem 10rem auto !important;
    z-index: 1000 !important;
  }
}

.js-copy {
  cursor: pointer;
}

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

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

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

figcaption {
  text-align: center;
  font-size: 1.6rem;
  color: #808080;
  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 #000000;
  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: #000000;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.component_servicesMain .services-item {
  text-decoration: none;
  background-color: #fff;
  min-height: 100%;
  border-radius: 2rem;
  padding: 3rem;
}
@media (max-width: 1199.98px) {
  .component_servicesMain .services-item {
    padding: 1.5rem;
  }
}
.component_servicesMain .services-item .service-arrow {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  min-width: 6.2rem;
  max-width: 6.2rem;
  min-height: 6.2rem;
  max-height: 6.2rem;
  background-color: #121212;
  border-radius: 50%;
  color: #fff;
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component_servicesMain .services-item .service-arrow {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .component_servicesMain .services-item .service-arrow {
    min-width: 3.8rem;
    max-width: 3.8rem;
    min-height: 3.8rem;
    max-height: 3.8rem;
  }
}
.component_servicesMain .services-item .service-arrow .icons-arrow-length-right:before {
  display: block;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component_servicesMain .services-item .service-arrow .icons-arrow-length-right:before {
    transition: none;
  }
}
.component_servicesMain .services-item:hover .service-arrow {
  background: #C7212C;
}
.component_servicesMain .services-item:hover .service-arrow .icons-arrow-length-right:before {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.services-sayty {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(9, 1fr);
  gap: 2rem;
  /*
  @include media-breakpoint-down(sm) {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(27, 1fr);

    .sayty_razrabotka-saytov { grid-area: 1 / 1 / span 5 / span 2; }
    .sayty_prodvizhenie-sayta { grid-area: 6 / 1 / span 3 / span 2; }
    .sayty_tekhnicheskoe-obsluzhivanie { grid-area: 9 / 1 / span 3 / span 2; }
    .sayty_audit-sayta { grid-area: 12 / 1 / span 5 / span 2; }
    .sayty_pochta-na-domene { grid-area: 17 / 1 / span 3 / span 2; }
    .sayty_verstka-pisem { grid-area: 20 / 1 / span 3 / span 2; }
    .sayty_razrabotka-telegram-bota { grid-area: 23 / 1 / span 5 / span 2; }
  }
   */
}
.services-sayty .sayty_razrabotka-saytov {
  grid-area: 1/1/span 6/span 2;
}
.services-sayty .sayty_prodvizhenie-sayta {
  grid-area: 1/3/span 3/span 2;
}
.services-sayty .sayty_tekhnicheskoe-obsluzhivanie {
  grid-area: 4/3/span 3/span 2;
}
.services-sayty .sayty_audit-sayta {
  grid-area: 1/5/span 2/span 2;
}
.services-sayty .sayty_pochta-na-domene {
  grid-area: 3/5/span 2/span 2;
}
.services-sayty .sayty_verstka-pisem {
  grid-area: 5/5/span 2/span 2;
}
.services-sayty .sayty_razrabotka-telegram-bota {
  grid-area: 7/1/span 3/span 6;
}
@media (max-width: 1199.98px) {
  .services-sayty {
    grid-template-rows: repeat(15, 1fr);
  }
  .services-sayty .sayty_razrabotka-saytov {
    grid-area: 1/1/span 6/span 3;
  }
  .services-sayty .sayty_prodvizhenie-sayta {
    grid-area: 1/4/span 3/span 3;
  }
  .services-sayty .sayty_tekhnicheskoe-obsluzhivanie {
    grid-area: 4/4/span 3/span 3;
  }
  .services-sayty .sayty_audit-sayta {
    grid-area: 7/1/span 3/span 3;
  }
}
@media (max-width: 1199.98px) and (max-width: 991.98px) {
  .services-sayty .sayty_audit-sayta {
    grid-area: 7/4/span 6/span 3;
  }
}
@media (max-width: 1199.98px) {
  .services-sayty .sayty_pochta-na-domene {
    grid-area: 7/4/span 6/span 3;
  }
}
@media (max-width: 1199.98px) and (max-width: 991.98px) {
  .services-sayty .sayty_pochta-na-domene {
    grid-area: 7/1/span 3/span 3;
  }
}
@media (max-width: 1199.98px) {
  .services-sayty .sayty_verstka-pisem {
    grid-area: 10/1/span 3/span 3;
  }
}
@media (max-width: 1199.98px) {
  .services-sayty .sayty_razrabotka-telegram-bota {
    grid-area: 13/1/span 3/span 6;
  }
}
@media (max-width: 575.98px) {
  .services-sayty {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .services-sayty .sayty_razrabotka-saytov,
.services-sayty .sayty_prodvizhenie-sayta,
.services-sayty .sayty_tekhnicheskoe-obsluzhivanie,
.services-sayty .sayty_audit-sayta,
.services-sayty .sayty_pochta-na-domene,
.services-sayty .sayty_verstka-pisem,
.services-sayty .sayty_razrabotka-telegram-bota {
    aspect-ratio: 3/2;
    grid-column: 1/2 !important;
    grid-row: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
  .services-sayty .sayty_razrabotka-telegram-bota {
    aspect-ratio: unset;
    height: 50rem;
  }
  .services-sayty .sayty_razrabotka-saytov {
    aspect-ratio: unset;
  }
}

.services-dizayn {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto auto;
  gap: 2rem;
}
.services-dizayn .dizayn_razrabotka-firmennogo-stilya {
  aspect-ratio: 2/1;
  grid-column: 1/2;
  grid-row: 1/2;
}
.services-dizayn .dizayn_dizayn-sayta {
  grid-column: 2/3;
  grid-row: 1/3;
}
.services-dizayn .dizayn_dizayn-upakovki {
  aspect-ratio: 2/1;
  grid-column: 1/2;
  grid-row: 2/3;
  justify-self: start;
  width: calc(50% - 1rem);
}
.services-dizayn .dizayn_razrabotka-logotipa {
  grid-column: 1/2;
  grid-row: 2/3;
  justify-self: end;
  width: calc(50% - 1rem);
}
@media (max-width: 767.98px) {
  .services-dizayn {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .services-dizayn .dizayn_razrabotka-firmennogo-stilya,
.services-dizayn .dizayn_dizayn-sayta,
.services-dizayn .dizayn_dizayn-upakovki,
.services-dizayn .dizayn_razrabotka-logotipa {
    aspect-ratio: 3/2;
    grid-column: 1/2 !important;
    grid-row: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
  .services-dizayn .dizayn_dizayn-sayta {
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}

.services-internet-reklama {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 2rem;
}
.services-internet-reklama .internet-reklama_kontekstnaya-reklama {
  aspect-ratio: 4/1;
  grid-column: span 2/span 2;
}
.services-internet-reklama .internet-reklama_targetirovannaya-reklama {
  grid-row-start: 2;
}
.services-internet-reklama .internet-reklama_prodvizhenie-v-agregatorakh {
  grid-row-start: 2;
}
.services-internet-reklama .internet-reklama_geo-marketing {
  aspect-ratio: 4/1;
  grid-column: span 2/span 2;
}
@media (max-width: 767.98px) {
  .services-internet-reklama {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .services-internet-reklama .internet-reklama_kontekstnaya-reklama,
.services-internet-reklama .internet-reklama_targetirovannaya-reklama,
.services-internet-reklama .internet-reklama_prodvizhenie-v-agregatorakh,
.services-internet-reklama .internet-reklama_geo-marketing {
    aspect-ratio: 3/2;
    grid-column: 1/2 !important;
    grid-row: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
  .services-internet-reklama .dizayn_dizayn-sayta {
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}

.sayty_razrabotka-saytov {
  height: 70rem;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
@media (max-width: 1199.98px) {
  .sayty_razrabotka-saytov {
    -webkit-background-size: 70%;
    -o-background-size: 70%;
    -moz-background-size: 70%;
    background-size: 70%;
    height: 50rem;
  }
}
@media (max-width: 991.98px) {
  .sayty_razrabotka-saytov {
    -webkit-background-size: 80%;
    -o-background-size: 80%;
    -moz-background-size: 80%;
    background-size: 80%;
  }
}

.sayty_razrabotka-telegram-bota {
  background-position: right top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.sayty_tekhnicheskoe-obsluzhivanie {
  position: relative;
}
.sayty_tekhnicheskoe-obsluzhivanie:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../static/services/web/shadow.gif);
  background-position: right top;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  animation: sayty_tekhnicheskoe-obsluzhivanie 30s ease-in-out infinite;
}

@keyframes sayty_tekhnicheskoe-obsluzhivanie {
  0% {
    background-position: -50rem bottom;
  }
  8% {
    background-position: 50rem bottom;
  }
  80% {
    background-position: 50rem bottom;
  }
  81% {
    background-position: 50rem -100rem;
  }
  82% {
    background-position: -50rem -100rem;
  }
  83% {
    background-position: -50rem bottom;
  }
  100% {
    background-position: -50rem bottom;
  }
}
.dizayn_razrabotka-firmennogo-stilya {
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}

.dizayn_dizayn-sayta {
  -webkit-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

.header-blur,
.footer-blur {
  position: fixed;
  height: 18rem;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 7;
}

.header-blur {
  bottom: inherit;
  top: 0;
}

.footer-blur {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 24rem;
  pointer-events: none;
  z-index: 7;
}
.footer-blur > div {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.footer-blur > div > div {
  position: absolute;
  inset: 0;
  border-radius: 0;
  pointer-events: none;
}
.footer-blur > div > div:nth-child(1) {
  z-index: 1;
  backdrop-filter: blur(0.078125px);
  -webkit-backdrop-filter: blur(0.078125px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 12.5%, black 25%, rgba(0, 0, 0, 0) 37.5%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 12.5%, black 25%, rgba(0, 0, 0, 0) 37.5%);
}
.footer-blur > div > div:nth-child(2) {
  z-index: 2;
  backdrop-filter: blur(0.15625px);
  -webkit-backdrop-filter: blur(0.15625px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 12.5%, black 25%, black 37.5%, rgba(0, 0, 0, 0) 50%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 12.5%, black 25%, black 37.5%, rgba(0, 0, 0, 0) 50%);
}
.footer-blur > div > div:nth-child(3) {
  z-index: 3;
  backdrop-filter: blur(0.3125px);
  -webkit-backdrop-filter: blur(0.3125px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, black 37.5%, black 50%, rgba(0, 0, 0, 0) 62.5%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, black 37.5%, black 50%, rgba(0, 0, 0, 0) 62.5%);
}
.footer-blur > div > div:nth-child(4) {
  z-index: 4;
  backdrop-filter: blur(0.625px);
  -webkit-backdrop-filter: blur(0.625px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 37.5%, black 50%, black 62.5%, rgba(0, 0, 0, 0) 75%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 37.5%, black 50%, black 62.5%, rgba(0, 0, 0, 0) 75%);
}
.footer-blur > div > div:nth-child(5) {
  z-index: 5;
  backdrop-filter: blur(1.25px);
  -webkit-backdrop-filter: blur(1.25px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, black 62.5%, black 75%, rgba(0, 0, 0, 0) 87.5%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, black 62.5%, black 75%, rgba(0, 0, 0, 0) 87.5%);
}
.footer-blur > div > div:nth-child(6) {
  z-index: 6;
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62.5%, black 75%, black 87.5%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62.5%, black 75%, black 87.5%, rgba(0, 0, 0, 0) 100%);
}
.footer-blur > div > div:nth-child(7) {
  z-index: 7;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, black 87.5%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, black 87.5%, black 100%);
}
.footer-blur > div > div:nth-child(8) {
  z-index: 8;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 87.5%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 87.5%, black 100%);
}

.header-blur {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 32rem;
  pointer-events: none;
  z-index: 7;
}
@media (max-width: 991.98px) {
  .header-blur {
    height: 18rem;
  }
}
@media (max-width: 767.98px) {
  .header-blur {
    height: 20rem;
  }
}
.header-blur > div {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.header-blur > div > div {
  position: absolute;
  inset: 0;
  border-radius: 0;
  pointer-events: none;
}
.header-blur > div > div:nth-child(1) {
  z-index: 1;
  backdrop-filter: blur(0.078125px);
  -webkit-backdrop-filter: blur(0.078125px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 12.5%, black 25%, rgba(0, 0, 0, 0) 37.5%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 12.5%, black 25%, rgba(0, 0, 0, 0) 37.5%);
}
.header-blur > div > div:nth-child(2) {
  z-index: 2;
  backdrop-filter: blur(0.15625px);
  -webkit-backdrop-filter: blur(0.15625px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 12.5%, black 25%, black 37.5%, rgba(0, 0, 0, 0) 50%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 12.5%, black 25%, black 37.5%, rgba(0, 0, 0, 0) 50%);
}
.header-blur > div > div:nth-child(3) {
  z-index: 3;
  backdrop-filter: blur(0.3125px);
  -webkit-backdrop-filter: blur(0.3125px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 25%, black 37.5%, black 50%, rgba(0, 0, 0, 0) 62.5%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 25%, black 37.5%, black 50%, rgba(0, 0, 0, 0) 62.5%);
}
.header-blur > div > div:nth-child(4) {
  z-index: 4;
  backdrop-filter: blur(0.625px);
  -webkit-backdrop-filter: blur(0.625px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 37.5%, black 50%, black 62.5%, rgba(0, 0, 0, 0) 75%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 37.5%, black 50%, black 62.5%, rgba(0, 0, 0, 0) 75%);
}
.header-blur > div > div:nth-child(5) {
  z-index: 5;
  backdrop-filter: blur(1.25px);
  -webkit-backdrop-filter: blur(1.25px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, black 62.5%, black 75%, rgba(0, 0, 0, 0) 87.5%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, black 62.5%, black 75%, rgba(0, 0, 0, 0) 87.5%);
}
.header-blur > div > div:nth-child(6) {
  z-index: 6;
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 62.5%, black 75%, black 87.5%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 62.5%, black 75%, black 87.5%, rgba(0, 0, 0, 0) 100%);
}
.header-blur > div > div:nth-child(7) {
  z-index: 7;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, black 87.5%, black 100%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, black 87.5%, black 100%);
}
.header-blur > div > div:nth-child(8) {
  z-index: 8;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 87.5%, black 100%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 87.5%, black 100%);
}

html body {
  line-height: 1.45;
  font-family: "Cera Pro", "Arial", sens-serif;
  background-color: #F9FAFC;
  color: #000000;
  font-size: 2.4rem;
}
@media (max-width: 767.98px) {
  html body {
    font-size: 1.6rem;
  }
}
html body .popup-body .h1, html body .popup-body .h2, html body .popup-body .h3, html body .popup-body .h4, html body .popup-body .h5, html body .popup-body .h6,
html body .popup-body h1, html body .popup-body h2, html body .popup-body h3, html body .popup-body h4, html body .popup-body h5, html body .popup-body h6,
html body .wrapper .h1,
html body .wrapper .h2,
html body .wrapper .h3,
html body .wrapper .h4,
html body .wrapper .h5,
html body .wrapper .h6,
html body .wrapper h1,
html body .wrapper h2,
html body .wrapper h3,
html body .wrapper h4,
html body .wrapper h5,
html body .wrapper h6 {
  font-weight: bold;
  font-family: "Zona Pro", "Arial", sens-serif;
  margin: 0;
  padding: 0;
}
html body .popup-body h1,
html body .wrapper h1 {
  color: #C7212C;
}
html body .popup-body h1, html body .popup-body .h1,
html body .wrapper h1,
html body .wrapper .h1 {
  font-size: 6.2rem;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 2rem;
}
@media (max-width: 991.98px) {
  html body .popup-body h1, html body .popup-body .h1,
html body .wrapper h1,
html body .wrapper .h1 {
    font-size: 3.6rem;
  }
}
@media (max-width: 575.98px) {
  html body .popup-body h1, html body .popup-body .h1,
html body .wrapper h1,
html body .wrapper .h1 {
    font-size: 2.8rem;
  }
}
html body .popup-body h2, html body .popup-body .h2,
html body .wrapper h2,
html body .wrapper .h2 {
  font-size: 3.4rem;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  html body .popup-body h2, html body .popup-body .h2,
html body .wrapper h2,
html body .wrapper .h2 {
    font-size: 3rem;
  }
}
@media (max-width: 575.98px) {
  html body .popup-body h2, html body .popup-body .h2,
html body .wrapper h2,
html body .wrapper .h2 {
    font-size: 2rem;
  }
}
html body .popup-body h3, html body .popup-body .h3,
html body .wrapper h3,
html body .wrapper .h3 {
  font-size: 2.6rem;
}

.header-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: -1rem;
  height: 23rem;
  z-index: -1;
  background-image: url(../static/matrix_new.webp);
  background-position: center -5.3rem;
  -webkit-background-size: 50%;
  -o-background-size: 50%;
  -moz-background-size: 50%;
  background-size: 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
@media (max-width: 767.98px) {
  .header-bg {
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
}

header {
  background-position: center -4.3rem;
  -webkit-background-size: 50%;
  -o-background-size: 50%;
  -moz-background-size: 50%;
  background-size: 50%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
@media (max-width: 767.98px) {
  header {
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
  }
}
header:after {
  position: absolute;
  inset: 0;
  height: 100%;
  backdrop-filter: blur(0.3rem);
  mask-image: linear-gradient(to bottom, black 0% 100%, transparent 0% 100%);
  z-index: -1;
}

.header--second {
  height: 12rem;
  background-color: #fff;
  border-radius: 6rem;
  background-position: left top;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  transition: all 1s ease;
}
@media (prefers-reduced-motion: reduce) {
  .header--second {
    transition: none;
  }
}
@media (max-width: 1599.98px) {
  .header--second {
    height: 10rem;
  }
}
@media (max-width: 991.98px) {
  .header--second {
    height: 6rem;
    border-radius: 0;
  }
}
.header--second .header--second_content {
  padding: 0 5.5rem;
}
@media (max-width: 767.98px) {
  .header--second .header--second_content {
    padding: 0;
  }
}
.header--second .header--second-logo {
  max-width: 14.3rem;
}
@media (max-width: 991.98px) {
  .header--second .header--second-logo {
    margin-top: -1.5rem;
  }
}
@media (max-width: 767.98px) {
  .header--second.active {
    background-position: -28rem top;
  }
}

.header-slogan {
  position: absolute;
  font-size: 1.4rem;
  left: 0;
  right: 0;
  bottom: -0.5rem;
}
@media (max-width: 991.98px) {
  .header-slogan {
    font-size: 1.2rem;
    bottom: -0.25rem;
  }
}

.social-icon {
  min-width: 4.6rem;
  max-width: 4.6rem;
  min-height: 4.6rem;
  max-height: 4.6rem;
  color: #fff;
  border-radius: 50%;
}
@media (max-width: 1199.98px) {
  .social-icon {
    min-width: 3.2rem;
    max-width: 3.2rem;
    min-height: 3.2rem;
    max-height: 3.2rem;
  }
}
@media (max-width: 767.98px) {
  .social-icon {
    min-width: 2.4rem;
    max-width: 2.4rem;
    min-height: 2.4rem;
    max-height: 2.4rem;
  }
}

.box-shadow {
  -webkit-box-shadow: 0.2rem 0.4rem 1.2rem rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0.2rem 0.4rem 1.2rem rgba(0, 0, 0, 0.09);
  box-shadow: 0.2rem 0.4rem 1.2rem rgba(0, 0, 0, 0.09);
  transition: all 0.4s linear;
}
@media (prefers-reduced-motion: reduce) {
  .box-shadow {
    transition: none;
  }
}
.box-shadow:hover {
  -webkit-box-shadow: 0.2rem 0.4rem 1.2rem rgba(0, 0, 0, 0.045);
  -moz-box-shadow: 0.2rem 0.4rem 1.2rem rgba(0, 0, 0, 0.045);
  box-shadow: 0.2rem 0.4rem 1.2rem rgba(0, 0, 0, 0.045);
}

.box-border {
  border: 0.1rem solid #808080 !important;
}

nav#top > ul > li.submenu:hover > a.active {
  background: transparent;
}
nav#top > ul > li > a {
  color: #F9FAFC;
}
nav#top > ul > li > a.active {
  color: #000000;
  background: #fff;
  border-radius: 6rem;
}
nav#top > ul > li:last-child {
  margin-left: auto !important;
}
nav#top > ul > li > ul {
  position: absolute;
  top: calc(100% - 5.4rem);
  display: none;
  min-width: 32rem;
  padding-top: 6rem !important;
}
nav#top > ul > li > ul > li {
  position: relative;
}
nav#top > ul > li > ul > li .count {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-opacity: 0;
  opacity: 0;
  transition: all 0.4s;
  padding-left: 0;
  font-size: 1.3rem;
}
@media (prefers-reduced-motion: reduce) {
  nav#top > ul > li > ul > li .count {
    transition: none;
  }
}
nav#top > ul > li > ul > li:hover a {
  color: #fff;
  display: inline-block !important;
  text-decoration: underline !important;
  border-radius: 10rem;
}
nav#top > ul > li > ul > li:hover .count {
  -webkit-opacity: 1;
  opacity: 1;
  right: 1rem;
}
nav#top > ul > li.submenu:hover > a {
  color: #fff !important;
  z-index: 9999;
  position: relative;
}
nav#top > ul > li.submenu:hover > ul {
  z-index: 9998;
  display: block;
  -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);
}
nav#top a {
  text-decoration: none;
}

.mmenu-block {
  position: fixed;
  left: 0;
  top: 6rem;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.mmenu-block .mmenu-first-bg {
  position: absolute;
  left: 0;
  width: 0;
  top: 0;
  bottom: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5);
  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: #fff;
  z-index: 1002;
}
.mmenu-block .mmenu-content .mmenu-content-layer2 {
  background: #1F3A93;
  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: #C7212C;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 30px bottom -30px;
}
@media (max-width: 767.98px) {
  .mmenu-block .mmenu-content .mmenu-content-layer3 {
    background-image: unset !important;
  }
}
.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;
}

.brace-item {
  color: #C7212C;
  font-family: "Cera Pro", "Arial", sens-serif;
  background: linear-gradient(180deg, #c7212c 0%, #611015 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 34rem;
}
@media (max-width: 991.98px) {
  .brace-item {
    font-size: 18rem;
  }
}

.calc-btn {
  position: relative;
  border: 0.1rem solid #C7212C;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  min-height: 6rem;
  border-radius: 50rem;
  text-decoration: none;
  font-weight: 500;
  overflow: hidden;
  transition: all 0.4s linear;
}
@media (prefers-reduced-motion: reduce) {
  .calc-btn {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .calc-btn {
    min-height: 3rem;
  }
}
.calc-btn .icon {
  min-width: 5rem;
  max-width: 5rem;
  min-height: 5rem;
  max-height: 5rem;
  border-radius: 50%;
  background: #C7212C;
  color: #fff;
}
.calc-btn .icon:before {
  display: block;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.2s linear;
}
@media (prefers-reduced-motion: reduce) {
  .calc-btn .icon:before {
    transition: none;
  }
}
.calc-btn .icon:after {
  content: " ";
  position: absolute;
  right: 3rem;
  top: 0.5rem;
  bottom: 0.5rem;
  z-index: -1;
  background: #C7212C;
  border-radius: 4rem 0 0 4rem;
  left: 100%;
  transition: all 0.4s linear;
}
@media (prefers-reduced-motion: reduce) {
  .calc-btn .icon:after {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .calc-btn .icon:after {
    right: 2.25rem;
  }
}
.calc-btn.noRotate .icon:before {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
@media (max-width: 991.98px) {
  .calc-btn .icon {
    min-width: 3.6rem;
    max-width: 3.6rem;
    min-height: 3.6rem;
    max-height: 3.6rem;
  }
}
@media (max-width: 767.98px) {
  .calc-btn {
    max-width: 26rem;
  }
}
.calc-btn:hover {
  color: #fff;
}
.calc-btn:hover .icon:before {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.calc-btn:hover .icon:after {
  left: 0.5rem;
}

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

.intro-block {
  padding-top: 16rem;
  margin-top: -16rem;
}
@media (min-width: 992px) {
  .intro-block {
    min-height: 70rem;
  }
  .intro-block.fix {
    height: 70rem;
  }
}
@media (min-width: 1200px) {
  .intro-block {
    height: 100vh;
    min-height: max(100vh, 76rem);
  }
}
@media (max-width: 991.98px) {
  .intro-block {
    min-height: 60rem;
    padding-top: 18rem;
    margin-top: -18rem;
  }
  .intro-block.fix {
    height: 60rem;
  }
}
.intro-block.with-breadcrumb {
  padding-top: 21.8rem;
  margin-top: -21.8rem;
}
@media (max-width: 1199.98px) {
  .intro-block.with-breadcrumb {
    padding-top: 19.8rem;
    margin-top: -19.8rem;
  }
}
@media (max-width: 991.98px) {
  .intro-block.with-breadcrumb {
    padding-top: 5rem;
    margin-top: -5rem;
  }
}
.intro-block .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

@media (min-width: 992px) {
  .main-block > div {
    padding: 0 5.5rem;
  }
}

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

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

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

.subsection-el {
  font-size: 2.6rem;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 5rem;
  color: #B8B8B8;
  border: 0.2rem solid #B8B8B8;
  text-decoration: none;
  padding: 1.6rem 2.4rem;
  font-weight: 900;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .subsection-el {
    font-size: 2rem;
    padding: 1rem 1.6rem;
  }
}
.subsection-el:hover {
  color: #C7212C;
  border-color: #C7212C;
}
.subsection-el.active {
  color: #121212;
  border-color: #121212;
}

.consultation-block {
  position: relative;
}
.consultation-block .connectType {
  color: #fff !important;
}
.consultation-block picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.dropzone-block {
  border: 0.4rem dashed #fff;
  padding: 2.5rem;
  cursor: pointer;
  position: relative;
}
.dropzone-block.dz-drag-hover, .dropzone-block:hover {
  background: rgba(255, 255, 255, 0.25);
}

.component_connectType .connectType {
  cursor: pointer;
  padding: 1rem;
  border-radius: 50%;
  color: #000000;
}
.component_connectType .connectType.active {
  cursor: default;
  background-color: #C7212C;
  color: #fff;
}

.breadcrumb-white-link {
  color: #fff !important;
}
.breadcrumb-white-link .breadcrumb-item::before {
  color: #fff !important;
}
.breadcrumb-white-link a {
  color: #fff !important;
}

.bg-glass {
  position: relative;
}
.bg-glass:after {
  background: rgba(199, 33, 44, 0.6);
  content: " ";
  position: absolute;
  inset: 0;
  height: 200%;
  backdrop-filter: blur(0.3rem);
  mask-image: linear-gradient(to bottom, black 0% 50%, transparent 50% 100%);
  z-index: -1;
}

.custom-cursor[data-id=default] > div {
  border: 0.2rem solid #C7212C;
}
.custom-cursor[data-id=default].active .circle-arrow {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.custom-cursor[data-id=default] .circle-arrow {
  min-width: 2.6rem;
  max-width: 2.6rem;
  min-height: 2.6rem;
  max-height: 2.6rem;
  border: 0.2rem solid #C7212C;
  border-radius: 50%;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all 1s ease;
}
@media (prefers-reduced-motion: reduce) {
  .custom-cursor[data-id=default] .circle-arrow {
    transition: none;
  }
}
.custom-cursor[data-id=select] > div {
  min-width: 3.2rem;
  max-width: 3.2rem;
  min-height: 3.2rem;
  max-height: 3.2rem;
  border: 0.2rem solid #fff;
  border-radius: 50%;
}
.custom-cursor[data-id=portfolio_see] > div {
  min-width: 12.8rem;
  max-width: 12.8rem;
  min-height: 12.8rem;
  max-height: 12.8rem;
  border: 0.2rem solid #C7212C;
  border-radius: 50%;
}

.component_portfolio-list .portfolio-tags {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.component_portfolio-list .portfolio-tags .portfolio-tag_item {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 5rem;
  background-color: #F9FAFC;
  padding: 1rem;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .component_portfolio-list .portfolio-tags .portfolio-tag_item {
    font-size: 2rem;
    padding: 1rem;
  }
}
.component_portfolio-list .portfolio-previewPicture {
  position: relative;
}
.component_portfolio-list .portfolio-previewPicture video, .component_portfolio-list .portfolio-previewPicture img {
  scale: 1;
  transition: all 1s ease;
}
@media (prefers-reduced-motion: reduce) {
  .component_portfolio-list .portfolio-previewPicture video, .component_portfolio-list .portfolio-previewPicture img {
    transition: none;
  }
}
.component_portfolio-list .portfolio-previewPicture:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.25);
  z-index: 2;
  -webkit-opacity: 0;
  opacity: 0;
  transition: all 1s ease;
}
@media (prefers-reduced-motion: reduce) {
  .component_portfolio-list .portfolio-previewPicture:after {
    transition: none;
  }
}
.component_portfolio-list .portfolio-previewPicture:hover video,
.component_portfolio-list .portfolio-previewPicture:hover img {
  scale: 1.075;
}
.component_portfolio-list .portfolio-previewPicture:hover:after {
  -webkit-opacity: 1;
  opacity: 1;
}
.component_portfolio-list .portfolio-previewPicture .video-bg {
  position: absolute;
  left: -0.5rem;
  right: -0.5rem;
  top: -0.5rem;
  bottom: -0.5rem;
  z-index: 1;
}
.component_portfolio-list .portfolio-previewPicture .video-bg:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.25);
}
.component_portfolio-list .portfolio-previewPicture .video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.component_trustCarousel .component_trustCarousel-item {
  max-width: 30rem;
  min-height: 10rem;
  max-height: 10rem;
  object-fit: contain;
}
.component_trustCarousel .component_trustCarousel-item img {
  object-fit: contain;
  max-width: 30rem;
  max-height: inherit;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  h1.fs-md-adaptiveH1Intro {
    font-size: clamp(1.5rem, 4.8vw, 5rem) !important;
  }
}

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

.popup-body .form-field {
  max-width: 100%;
}

.portfolioBg {
  position: relative;
}
.portfolioBg:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../static/portfolio/person_vince.min.png);
  pointer-events: none;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.portfolioBg.captainBad:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../static/portfolio/person_captain.min.png);
  pointer-events: none;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media (max-width: 991.98px) {
  .portfolioBg:after {
    background-size: 33%;
  }
}
@media (max-width: 767.98px) {
  .portfolioBg:after {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .w-star {
    min-width: 2.6rem !important;
    max-width: 2.6rem !important;
  }
}

.video-1-1 {
  aspect-ratio: 16/14;
}
.video-1-1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.component_ServicePage form label {
  font-size: 1.6rem !important;
  margin-bottom: 0.25rem !important;
}

.bar-item .bar-item_progress {
  position: relative;
  padding: 1rem;
}
.bar-item .bar-item_progress > div {
  position: relative;
  z-index: 2;
  color: #fff;
}
.bar-item .bar-item_progress > span {
  display: block;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.intro-video-block {
  position: absolute;
  right: -8rem;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 62rem;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .intro-video-block {
    right: -10%;
    top: unset;
    transform: unset;
    bottom: 0;
  }
}
@media (max-width: 991.98px) {
  .intro-video-block {
    max-width: 38rem;
    width: 100%;
    right: 0;
    transform: translate(0, 0);
  }
}
@media (max-width: 767.98px) {
  .intro-video-block {
    max-width: 64rem;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -40%);
    overflow: hidden;
    margin-bottom: -20%;
  }
}

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