@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 {
  z-index: 1045 !important;
}
html body .sticky-top-2 {
  z-index: 1040 !important;
}
html body .wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
html body img {
  max-width: 100%;
  height: auto;
}
html body p {
  padding: 0;
  margin: 0 0 1rem;
}
@media (max-width: 767.98px) {
  html body p {
    margin-bottom: 1rem;
  }
}
html body p a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
html body p:last-child {
  margin: 0;
}
html body a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
html body a:hover {
  color: inherit;
  text-decoration: none;
}
html body a[href^=tel] {
  cursor: pointer;
  text-decoration: none;
}
html body a[href^=tel]:hover {
  text-decoration: none;
  color: inherit;
}
html body .jconfirm 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 .jconfirm summary:focus, html body .jconfirm details:focus, html body .jconfirm button:focus, html body .jconfirm input:focus, html body .jconfirm textarea:focus, html body .jconfirm 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 .jconfirm details,
html body .wrapper details {
  margin-bottom: 1rem;
}
html body .jconfirm summary,
html body .wrapper summary {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 2rem;
}
html body .jconfirm .blockquote,
html body .jconfirm 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 .jconfirm .blockquote,
  html body .jconfirm blockquote,
  html body .wrapper .blockquote,
  html body .wrapper blockquote {
    padding: 3rem 1rem;
    font-size: 1.6rem;
    border-radius: 1.4rem;
  }
}
html body .jconfirm .blockquote:before, html body .jconfirm .blockquote:after,
html body .jconfirm blockquote:before,
html body .jconfirm 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: "\e909";
  color: #fff;
  font-size: 4.4rem;
}
@media (max-width: 767.98px) {
  html body .jconfirm .blockquote:before, html body .jconfirm .blockquote:after,
  html body .jconfirm blockquote:before,
  html body .jconfirm 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 .jconfirm .blockquote:after,
html body .jconfirm blockquote:after,
html body .wrapper .blockquote:after,
html body .wrapper blockquote:after {
  top: -1rem;
  left: 3.2rem;
}
@media (max-width: 767.98px) {
  html body .jconfirm .blockquote:after,
  html body .jconfirm blockquote:after,
  html body .wrapper .blockquote:after,
  html body .wrapper blockquote:after {
    left: 1.2rem;
  }
}
html body .jconfirm .blockquote:before,
html body .jconfirm 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 .jconfirm .blockquote:before,
  html body .jconfirm blockquote:before,
  html body .wrapper .blockquote:before,
  html body .wrapper blockquote:before {
    right: 1.2rem;
  }
}
html body .jconfirm .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 .jconfirm .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 .jconfirm .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 .jconfirm .component_page-navigation a:hover,
html body .wrapper .component_page-navigation a:hover {
  color: #fff;
  background: #3755FA;
}
html body .jconfirm .component_page-navigation a.disabled,
html body .wrapper .component_page-navigation a.disabled {
  opacity: 0;
  cursor: default;
}
html body .jconfirm .component_page-navigation a.active,
html body .wrapper .component_page-navigation a.active {
  color: #fff;
  background: #8FB914;
  cursor: default;
}
html body .jconfirm ol,
html body .wrapper ol {
  margin: 0 0 1.5rem 1rem;
  padding: 0;
  font-size: inherit;
}
html body .jconfirm ol li,
html body .wrapper ol li {
  margin-bottom: 2.5rem;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
html body .jconfirm ol ol,
html body .wrapper ol ol {
  margin-top: 0.5rem;
  list-style-type: lower-alpha;
}
html body .jconfirm ul,
html body .wrapper ul {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
html body .jconfirm ul li,
html body .wrapper ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
html body .jconfirm ul.list-none,
html body .wrapper ul.list-none {
  list-style: none;
}
html body .jconfirm ul.list-none li,
html body .wrapper ul.list-none li {
  margin-bottom: 0.5rem;
}
html body .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm nav ul,
html body .wrapper nav ul {
  margin: 0;
}
html body .jconfirm .h1, html body .jconfirm .h2, html body .jconfirm .h3, html body .jconfirm .h4, html body .jconfirm .h5, html body .jconfirm .h6,
html body .jconfirm h1, html body .jconfirm h2, html body .jconfirm h3, html body .jconfirm h4, html body .jconfirm h5, html body .jconfirm 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 {
  word-wrap: break-word !important;
  margin: 0 0 1.5rem 0;
  padding: 0;
  font-weight: normal;
}
html body .jconfirm .h1 a, html body .jconfirm .h2 a, html body .jconfirm .h3 a, html body .jconfirm .h4 a, html body .jconfirm .h5 a, html body .jconfirm .h6 a,
html body .jconfirm h1 a, html body .jconfirm h2 a, html body .jconfirm h3 a, html body .jconfirm h4 a, html body .jconfirm h5 a, html body .jconfirm h6 a,
html body .wrapper .h1 a,
html body .wrapper .h2 a,
html body .wrapper .h3 a,
html body .wrapper .h4 a,
html body .wrapper .h5 a,
html body .wrapper .h6 a,
html body .wrapper h1 a,
html body .wrapper h2 a,
html body .wrapper h3 a,
html body .wrapper h4 a,
html body .wrapper h5 a,
html body .wrapper h6 a {
  font-family: inherit;
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
html body .jconfirm button, html body .jconfirm input, html body .jconfirm textarea, html body .jconfirm 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 .jconfirm button:focus::-webkit-input-placeholder, html body .jconfirm button:focus::placeholder, html body .jconfirm input:focus::-webkit-input-placeholder, html body .jconfirm input:focus::placeholder, html body .jconfirm textarea:focus::-webkit-input-placeholder, html body .jconfirm textarea:focus::placeholder, html body .jconfirm select:focus::-webkit-input-placeholder, html body .jconfirm select:focus::placeholder,
html body .wrapper button:focus::-webkit-input-placeholder,
html body .wrapper button:focus::placeholder,
html body .wrapper input:focus::-webkit-input-placeholder,
html body .wrapper input:focus::placeholder,
html body .wrapper textarea:focus::-webkit-input-placeholder,
html body .wrapper textarea:focus::placeholder,
html body .wrapper select:focus::-webkit-input-placeholder,
html body .wrapper select:focus::placeholder {
  color: transparent !important;
}
html body .jconfirm form,
html body .wrapper form {
  outline: none;
}
html body .jconfirm 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 .jconfirm form .invalid-input [class^=icons-],
html body .wrapper form .invalid-input [class^=icons-] {
  display: none;
}
html body .jconfirm form textarea,
html body .wrapper form textarea {
  min-height: 15rem;
}
html body .jconfirm form button, html body .jconfirm form input, html body .jconfirm form textarea, html body .jconfirm 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%;
  border-radius: 0;
}
html body .jconfirm form button.validate, html body .jconfirm form input.validate, html body .jconfirm form textarea.validate, html body .jconfirm 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 .jconfirm form button.validate + .invalid-tooltip,
html body .jconfirm form button.validate + .invalid-input, html body .jconfirm form input.validate + .invalid-tooltip,
html body .jconfirm form input.validate + .invalid-input, html body .jconfirm form textarea.validate + .invalid-tooltip,
html body .jconfirm form textarea.validate + .invalid-input, html body .jconfirm form select.validate + .invalid-tooltip,
html body .jconfirm 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 .jconfirm form button.validate + label + .invalid-tooltip,
html body .jconfirm form button.validate + label + .invalid-input, html body .jconfirm form input.validate + label + .invalid-tooltip,
html body .jconfirm form input.validate + label + .invalid-input, html body .jconfirm form textarea.validate + label + .invalid-tooltip,
html body .jconfirm form textarea.validate + label + .invalid-input, html body .jconfirm form select.validate + label + .invalid-tooltip,
html body .jconfirm 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 .jconfirm form button.validate + .select2 + .invalid-tooltip,
html body .jconfirm form button.validate + .select2 + .invalid-input, html body .jconfirm form input.validate + .select2 + .invalid-tooltip,
html body .jconfirm form input.validate + .select2 + .invalid-input, html body .jconfirm form textarea.validate + .select2 + .invalid-tooltip,
html body .jconfirm form textarea.validate + .select2 + .invalid-input, html body .jconfirm form select.validate + .select2 + .invalid-tooltip,
html body .jconfirm 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 .jconfirm form button:focus::-webkit-input-placeholder, html body .jconfirm form button:focus::placeholder, html body .jconfirm form input:focus::-webkit-input-placeholder, html body .jconfirm form input:focus::placeholder, html body .jconfirm form textarea:focus::-webkit-input-placeholder, html body .jconfirm form textarea:focus::placeholder, html body .jconfirm form select:focus::-webkit-input-placeholder, html body .jconfirm 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 .jconfirm form .button, html body .jconfirm form button, html body .jconfirm form input[type=submit],
html body .wrapper form .button,
html body .wrapper form button,
html body .wrapper form input[type=submit] {
  display: inline-block;
  color: #fff;
  background: rgb(199, 33, 44);
  background: -moz-linear-gradient(90deg, rgb(199, 33, 44) 0%, rgb(97, 16, 21) 100%);
  background: -webkit-linear-gradient(90deg, rgb(199, 33, 44) 0%, rgb(97, 16, 21) 100%);
  background: linear-gradient(90deg, rgb(199, 33, 44) 0%, rgb(97, 16, 21) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c7212c",endColorstr="#611015",GradientType=1);
  text-decoration: none;
  cursor: pointer;
  line-height: 1.45;
  border: 0.1rem solid transparent;
  background-size: 100% 100%;
  transition: all 0.4s linear;
  font-size: 1.4rem;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  html body .jconfirm form .button, html body .jconfirm form button, html body .jconfirm form input[type=submit],
  html body .wrapper form .button,
  html body .wrapper form button,
  html body .wrapper form input[type=submit] {
    transition: none;
  }
}
@media (min-width: 768px) {
  html body .jconfirm form .button, html body .jconfirm form button, html body .jconfirm form input[type=submit],
  html body .wrapper form .button,
  html body .wrapper form button,
  html body .wrapper form input[type=submit] {
    font-size: 1.8rem;
    padding: 1.5rem 2.5rem;
    border-radius: 1.6rem;
  }
}
html body .jconfirm form .button:hover, html body .jconfirm form button:hover, html body .jconfirm form input[type=submit]:hover,
html body .wrapper form .button:hover,
html body .wrapper form button:hover,
html body .wrapper form input[type=submit]:hover {
  background-size: 140% 100%;
  background-position: right center;
}
html body .jconfirm form .button[type=reset], html body .jconfirm form button[type=reset], html body .jconfirm form input[type=submit][type=reset],
html body .wrapper form .button[type=reset],
html body .wrapper form button[type=reset],
html body .wrapper form input[type=submit][type=reset] {
  color: #121212;
}
html body .jconfirm form .button[type=reset]:hover, html body .jconfirm form button[type=reset]:hover, html body .jconfirm form input[type=submit][type=reset]:hover,
html body .wrapper form .button[type=reset]:hover,
html body .wrapper form button[type=reset]:hover,
html body .wrapper form input[type=submit][type=reset]:hover {
  background: #F1F1F1;
  border-color: #F1F1F1;
  color: #212529;
}
html body .jconfirm form .button[disabled], html body .jconfirm form button[disabled], html body .jconfirm form input[type=submit][disabled],
html body .wrapper form .button[disabled],
html body .wrapper form button[disabled],
html body .wrapper form input[type=submit][disabled] {
  color: transparent !important;
  position: relative !important;
  opacity: 0;
  cursor: default;
}
html body .jconfirm form .button[disabled].disabled, html body .jconfirm form button[disabled].disabled, html body .jconfirm form input[type=submit][disabled].disabled,
html body .wrapper form .button[disabled].disabled,
html body .wrapper form button[disabled].disabled,
html body .wrapper form input[type=submit][disabled].disabled {
  background: #121212 !important;
  color: #fff !important;
  font-weight: normal !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
html body .jconfirm 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: 0.8rem;
}
@media (min-width: 768px) {
  html body .jconfirm form input:not([type=radio], [type=checkbox], [type=submit]),
  html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit]) {
    font-size: 1.8rem;
    padding: 0.85rem 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .jconfirm form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .jconfirm 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 .jconfirm form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder, html body .jconfirm form input:not([type=radio], [type=checkbox], [type=submit])::placeholder,
  html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::-webkit-input-placeholder,
  html body .wrapper form input:not([type=radio], [type=checkbox], [type=submit])::placeholder {
    font-size: 1.8rem;
  }
}
html body .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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: 0.8rem;
}
@media (min-width: 768px) {
  html body .jconfirm form textarea,
  html body .wrapper form textarea {
    font-size: 1.8rem;
    padding: 0.85rem 1.5rem;
    border-radius: 0.8rem;
  }
}
html body .jconfirm form textarea::-webkit-input-placeholder, html body .jconfirm 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 .jconfirm form textarea::-webkit-input-placeholder, html body .jconfirm form textarea::placeholder,
  html body .wrapper form textarea::-webkit-input-placeholder,
  html body .wrapper form textarea::placeholder {
    font-size: 1.8rem;
  }
}
html body .jconfirm form textarea:focus,
html body .wrapper form textarea:focus {
  border-color: #3755FA;
}
html body .jconfirm 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 .jconfirm form textarea[readonly],
html body .wrapper form textarea[readonly] {
  background: #F1F1F1;
  border-color: #F1F1F1;
  cursor: default;
}
html body .jconfirm form textarea[readonly]:hover,
html body .wrapper form textarea[readonly]:hover {
  border-color: #F1F1F1;
}
html body .jconfirm form textarea[disabled],
html body .wrapper form textarea[disabled] {
  background: #F1F1F1;
  border-color: #F1F1F1;
  cursor: default;
}
html body .jconfirm form .label, html body .jconfirm form label,
html body .wrapper form .label,
html body .wrapper form label {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 1.8rem;
}
@media (max-width: 991.98px) {
  html body .jconfirm form .label, html body .jconfirm form label,
  html body .wrapper form .label,
  html body .wrapper form label {
    font-size: 1.6rem;
  }
}
html body .jconfirm form .form-field,
html body .wrapper form .form-field {
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 992px) {
  html body .jconfirm form .form-field,
  html body .wrapper form .form-field {
    margin-bottom: 2.5rem;
  }
  html body .jconfirm form .form-field.minWidth,
  html body .wrapper form .form-field.minWidth {
    min-width: 32rem;
  }
}
html body .jconfirm 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 .jconfirm form .form-field.labelIn label,
  html body .wrapper form .form-field.labelIn label {
    transition: none;
  }
}
html body .jconfirm form .form-field.labelIn label.textarea,
html body .wrapper form .form-field.labelIn label.textarea {
  top: 2rem;
}
html body .jconfirm form .form-field.labelIn.textIn label, html body .jconfirm 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 .jconfirm input[type=checkbox],
html body .wrapper input[type=checkbox] {
  display: none;
}
html body .jconfirm 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 .jconfirm input[type=checkbox] + label,
  html body .wrapper input[type=checkbox] + label {
    font-size: 1.4rem;
  }
}
html body .jconfirm 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 .jconfirm 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 .jconfirm 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: "\e9b3";
  font-size: 1.6rem;
  left: 50%;
  top: 50%;
  margin-left: calc(-1.6rem/2);
  margin-top: calc(-1.6rem/2);
  color: #c7212c;
}
html body .jconfirm input[type=checkbox]:checked + label .check:after,
html body .wrapper input[type=checkbox]:checked + label .check:after {
  color: #c7212c;
  display: block;
}
html body .jconfirm input[type=radio],
html body .wrapper input[type=radio] {
  display: none;
}
html body .jconfirm 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 .jconfirm input[type=radio] + label,
  html body .wrapper input[type=radio] + label {
    font-size: 1.2rem;
  }
}
html body .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm 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 .jconfirm .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 .jconfirm .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 .jconfirm .radio-btn .radio-btn-circle:after,
html body .wrapper .radio-btn .radio-btn-circle:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.8rem;
  margin-top: -0.8rem;
  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 .jconfirm .radio-btn .radio-btn-circle:after,
  html body .wrapper .radio-btn .radio-btn-circle:after {
    transition: none;
  }
}
html body .jconfirm .radio-btn.active,
html body .wrapper .radio-btn.active {
  cursor: default;
}
html body .jconfirm .radio-btn.active .radio-btn-circle:after,
html body .wrapper .radio-btn.active .radio-btn-circle:after {
  -webkit-opacity: 1;
  opacity: 1;
}
html body .jconfirm .dropzone-preview,
html body .wrapper .dropzone-preview {
  min-width: 10rem;
  max-width: 10rem;
  min-height: 10rem;
  max-height: 10rem;
  border-radius: 1rem;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  border: 0.1rem solid #F1F1F1;
  margin-right: 1rem;
}
html body .jconfirm .dropzone-preview:last-child,
html body .wrapper .dropzone-preview:last-child {
  margin-right: 0;
}
html body .jconfirm .dropzone-preview .dropzoneUpload-remove,
html body .wrapper .dropzone-preview .dropzoneUpload-remove {
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  border: 0.1rem solid #c7212c;
  color: #c7212c;
  min-width: 3.2rem;
  max-width: 3.2rem;
  min-height: 3.2rem;
  max-height: 3.2rem;
  border-radius: 50%;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
html body .jconfirm .cookie-block,
html body .wrapper .cookie-block {
  position: fixed;
  left: 0;
  right: 0;
  bottom: -3rem;
  z-index: 1090;
  transition: all 1s;
}
@media (prefers-reduced-motion: reduce) {
  html body .jconfirm .cookie-block,
  html body .wrapper .cookie-block {
    transition: none;
  }
}
html body .jconfirm .cookie-block .cookie-block_content,
html body .wrapper .cookie-block .cookie-block_content {
  position: relative;
  max-width: 86rem;
  width: calc(100% - 1rem);
  margin: 0 auto;
  overflow: hidden;
  transition: all 0.6s;
  -webkit-opacity: 0;
  opacity: 0;
  -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 (prefers-reduced-motion: reduce) {
  html body .jconfirm .cookie-block .cookie-block_content,
  html body .wrapper .cookie-block .cookie-block_content {
    transition: none;
  }
}
html body .jconfirm .cookie-block .progress-bar,
html body .wrapper .cookie-block .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.5rem;
  background: #121212;
  transition: all 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  html body .jconfirm .cookie-block .progress-bar,
  html body .wrapper .cookie-block .progress-bar {
    transition: none;
  }
}
html body .jconfirm .cookie-block a,
html body .wrapper .cookie-block a {
  color: inherit;
}
html body .jconfirm .cookie-block.active,
html body .wrapper .cookie-block.active {
  bottom: 2rem;
}
@media (max-width: 767.98px) {
  html body .jconfirm .cookie-block.active,
  html body .wrapper .cookie-block.active {
    bottom: 0;
    padding-bottom: 1.5rem;
  }
}
html body .jconfirm .cookie-block.active .cookie-block_content,
html body .wrapper .cookie-block.active .cookie-block_content {
  -webkit-opacity: 1;
  opacity: 1;
}
html body .jconfirm .component_breadcrumb,
html body .wrapper .component_breadcrumb {
  overflow: hidden;
  padding: 0 5.5rem;
}
@media (max-width: 767.98px) {
  html body .jconfirm .component_breadcrumb,
  html body .wrapper .component_breadcrumb {
    padding: 0 0.5rem;
  }
}
html body .jconfirm .component_breadcrumb nav,
html body .wrapper .component_breadcrumb nav {
  letter-spacing: normal !important;
}
html body .jconfirm .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 .jconfirm .component_breadcrumb .breadcrumb,
html body .wrapper .component_breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  html body .jconfirm .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 .jconfirm .component_breadcrumb .breadcrumb li:last-child,
  html body .wrapper .component_breadcrumb .breadcrumb li:last-child {
    padding-right: 3rem;
  }
}
html body .jconfirm .component_breadcrumb .breadcrumb li,
html body .wrapper .component_breadcrumb .breadcrumb li {
  margin: 0;
  color: #c7212c;
  font-size: 1.4rem;
}
html body .jconfirm .component_breadcrumb .breadcrumb li:first-child,
html body .wrapper .component_breadcrumb .breadcrumb li:first-child {
  padding-left: 0;
}
html body .jconfirm .component_breadcrumb .breadcrumb li a,
html body .wrapper .component_breadcrumb .breadcrumb li a {
  color: #121212;
  text-transform: inherit;
  text-decoration: none;
}
html body .jconfirm .component_breadcrumb .breadcrumb li a:hover,
html body .wrapper .component_breadcrumb .breadcrumb li a:hover {
  color: #000000;
  text-decoration: underline;
}
html body .jconfirm .component_breadcrumb .breadcrumb li:before,
html body .wrapper .component_breadcrumb .breadcrumb li:before {
  float: unset;
  color: #000000;
}
html body .jconfirm .component_tabs .tab-header .tab,
html body .wrapper .component_tabs .tab-header .tab {
  cursor: pointer;
}
html body .jconfirm .component_tabs .tab-header .tab.active,
html body .wrapper .component_tabs .tab-header .tab.active {
  cursor: default;
}
html body .jconfirm .component_tabs .tab-body .tab,
html body .wrapper .component_tabs .tab-body .tab {
  display: none;
}
html body .jconfirm .component_tabs .tab-body .tab.active,
html body .wrapper .component_tabs .tab-body .tab.active {
  display: block;
}
@media (max-width: 991.98px) {
  html body .jconfirm .component_tabs .js-toggle-body .tab,
  html body .wrapper .component_tabs .js-toggle-body .tab {
    display: none !important;
  }
  html body .jconfirm .component_tabs .js-toggle-body.active .tab,
  html body .wrapper .component_tabs .js-toggle-body.active .tab {
    display: block !important;
  }
}
html body .jconfirm [class^=icons-], html body .jconfirm [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 .jconfirm .badstudio_copyright,
html body .wrapper .badstudio_copyright {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-family: "Cera Pro";
}
html body .jconfirm .badstudio_copyright .icons-badstudio,
html body .wrapper .badstudio_copyright .icons-badstudio {
  font-size: 3rem;
}
html body .jconfirm .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 .jconfirm .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 .custom-scroll::-webkit-scrollbar-track {
  background: transparent;
  border: 0.1rem solid #ff212c;
  border-radius: 0.4rem;
}
html body .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #C7212C;
  border-radius: 0.4rem;
}
html body .custom-scroll::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  padding: 0.2rem;
}
html body .component_social .social-items {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
}
html body .component_social .social-items a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #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: rgb(244, 18, 64) !important;
}
html body .component_social .social-items.social-colorsHover a[class*=viber]:hover {
  color: #665CAC !important;
}
html body .component_social .social-items.social-colorsHover a[class*=whatsapp]:hover {
  color: #25D366 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=facebook]:hover {
  color: #1a77f2 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=telegram]:hover {
  color: #0088cc !important;
}
html body .component_social .social-items.social-colorsHover a[class*=youtube]:hover {
  color: #ff0000 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=spotify]:hover {
  color: #1ED760 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=yandex_music]:hover {
  color: #FC3F1D !important;
}
html body .component_social .social-items.social-colorsHover a[class*=sberzvuk]:hover {
  color: #07ead8 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=flamp]:hover {
  color: #2E6BE5 !important;
}
html body .component_social .social-items.social-colorsHover a[class*=apple_music]:hover {
  color: #fa586a !important;
}
html body .component_social .social-items.social-colorsHover a[class*=banstagram]:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colorsHover a[class*=threads]:hover {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colorsHover a[class*=deezer]:hover {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=vkontakte] {
  color: #0077FF !important;
}
html body .component_social .social-items.social-colors a[class*=rutube] {
  color: rgb(244, 18, 64) !important;
}
html body .component_social .social-items.social-colors a[class*=viber] {
  color: #665CAC !important;
}
html body .component_social .social-items.social-colors a[class*=whatsapp] {
  color: #25D366 !important;
}
html body .component_social .social-items.social-colors a[class*=facebook] {
  color: #1a77f2 !important;
}
html body .component_social .social-items.social-colors a[class*=telegram] {
  color: #0088cc !important;
}
html body .component_social .social-items.social-colors a[class*=youtube] {
  color: #ff0000 !important;
}
html body .component_social .social-items.social-colors a[class*=spotify] {
  color: #1ED760 !important;
}
html body .component_social .social-items.social-colors a[class*=yandex_music] {
  color: #FC3F1D !important;
}
html body .component_social .social-items.social-colors a[class*=sberzvuk] {
  color: #07ead8 !important;
}
html body .component_social .social-items.social-colors a[class*=apple_music] {
  color: #fa586a !important;
}
html body .component_social .social-items.social-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
html body .component_social .social-items.social-bg-colors a[class*=vkontakte] {
  background-color: #0077FF !important;
}
html body .component_social .social-items.social-bg-colors a[class*=viber] {
  background-color: #665CAC !important;
}
html body .component_social .social-items.social-bg-colors a[class*=whatsapp] {
  background-color: #25D366 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=facebook] {
  background-color: #1a77f2 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=telegram] {
  background-color: #0088cc !important;
}
html body .component_social .social-items.social-bg-colors a[class*=youtube] {
  background-color: #ff0000 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=spotify] {
  background-color: #1ED760 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=yandex_music] {
  background-color: #FC3F1D !important;
}
html body .component_social .social-items.social-bg-colors a[class*=sberzvuk] {
  background-color: #07ead8 !important;
}
html body .component_social .social-items.social-bg-colors a[class*=apple_music] {
  background-color: #fa586a !important;
}
html body .component_social .social-items.social-bg-colors a[class*=banstagram] {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=threads] {
  background: radial-gradient(circle at 30% 107%, #285AEB 0%, #285AEB 5%, #d6249f 45%, #fd5949 60%, #fdf497 90%);
}
html body .component_social .social-items.social-bg-colors a[class*=deezer] {
  background: linear-gradient(45deg, #ff0000, #ffed00, #ff0092, #c2ff00, #00c7f2, #c1f1fc);
}
html body .flex-basis-100 {
  flex-basis: 100%;
}
html body .flex-basis-auto {
  flex-basis: auto;
}
html body .flex-1-1-0 {
  flex: 1 1 0;
}
html body .flex-1 {
  flex: 1;
}
html body .loading {
  position: relative;
  width: 100%;
  height: 1.6rem;
}
html body .loading:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #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 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1055;
}
html body .loader:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-5rem/2);
  margin-top: calc(-5rem/2);
  min-width: 5rem;
  max-width: 5rem;
  min-height: 5rem;
  max-height: 5rem;
  border-radius: 50%;
  background: #808080;
  opacity: 0.25;
  animation: pulse 1s infinite linear;
}
html body .loader:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-7rem/2);
  margin-top: calc(-7rem/2);
  min-width: 7rem;
  max-width: 7rem;
  min-height: 7rem;
  max-height: 7rem;
  border-radius: 50%;
  background: #121212;
  opacity: 0.5;
  animation: pulse 0.8s infinite linear;
}
html body .loader.fixed {
  position: fixed;
}
html body .preloader {
  position: absolute;
  left: -1rem;
  right: -1rem;
  bottom: -1rem;
  top: -1rem;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1100;
  border-radius: 1.6rem;
}
html body .preloader:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-8rem/2);
  margin-top: calc(-8rem/2);
  min-width: 8rem;
  max-width: 8rem;
  min-height: 8rem;
  max-height: 8rem;
  border-radius: 50%;
  border-top: 0.4rem solid #c7212c;
  -webkit-animation: preloader 3s linear infinite;
  animation: preloader 3s linear infinite;
}
html body .preloader:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(-6rem/2);
  margin-top: calc(-6rem/2);
  min-width: 6rem;
  max-width: 6rem;
  min-height: 6rem;
  max-height: 6rem;
  border-radius: 50%;
  border-top: 0.4rem solid #8FB914;
  -webkit-animation: preloader 1.5s linear infinite;
  animation: preloader 1.5s linear infinite;
}
html body > .preloader {
  position: fixed;
}
@keyframes preloader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
html body [class*=copyrights-promo],
html body [class*=copyright__wrap] {
  display: none !important;
}
html body .fancybox__caption {
  color: #000000;
  font-size: 1.6rem;
  z-index: 20;
}

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

.js-wow {
  visibility: hidden;
}

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

.bodyNotifyBlock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1rem;
  width: 100%;
  z-index: 1080;
}
.bodyNotifyBlock .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) {
  .bodyNotifyBlock .notifyItem {
    max-width: 36rem;
    padding: 1.5rem 4rem;
  }
}
.bodyNotifyBlock .notifyItem [class*=icons] {
  font-size: 1rem;
}
.bodyNotifyBlock .notifyItem.fade-out {
  animation: fadeOut 0.3s forwards;
}

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

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

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

.js-copy {
  cursor: pointer;
}

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

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

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

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

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

.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.modal-overlay {
  position: absolute;
  inset: 0;
  background: #fff;
}

.modal-content {
  position: relative;
  max-width: 100rem;
  background: #fff;
  overflow: hidden;
  z-index: 1;
  margin: 4rem auto;
  padding: 1rem;
}
@media (max-width: 767.98px) {
  .modal-content {
    padding: 1rem 0.5rem;
  }
}
.modal-content .h1, .modal-content .h2, .modal-content .h3, .modal-content .h4, .modal-content .h5, .modal-content .h6,
.modal-content h1, .modal-content h2, .modal-content h3, .modal-content h4, .modal-content h5, .modal-content h6 {
  font-weight: bold;
}
.modal-content h1, .modal-content .h1 {
  font-size: 3.8rem;
  font-weight: 900;
  line-height: 1;
  word-wrap: break-word !important;
}
@media (max-width: 767.98px) {
  .modal-content h1, .modal-content .h1 {
    font-size: 3.4rem;
    line-height: 1;
  }
}
.modal-content h2, .modal-content .h2 {
  font-size: 2.4rem;
}
@media (max-width: 767.98px) {
  .modal-content h2, .modal-content .h2 {
    font-size: 2rem;
  }
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 0.5rem;
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.modal-body {
  height: 100%;
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1.5rem;
}
@media (max-width: 767.98px) {
  .modal-body {
    padding: 0 0.5rem;
  }
}
.modal-body a {
  color: inherit;
}

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 .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;
}
html body .wrapper h1 {
  color: #C7212C;
}
html body .wrapper h1, html body .wrapper .h1 {
  font-size: 6.2rem;
  font-weight: 900;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  html body .wrapper h1, html body .wrapper .h1 {
    font-size: 3.6rem;
  }
}
@media (max-width: 575.98px) {
  html body .wrapper h1, html body .wrapper .h1 {
    font-size: 2.8rem;
  }
}
html body .wrapper h2, html body .wrapper .h2 {
  font-size: 3.4rem;
  font-weight: 900;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  html body .wrapper h2, html body .wrapper .h2 {
    font-size: 3rem;
  }
}
@media (max-width: 575.98px) {
  html body .wrapper h2, html body .wrapper .h2 {
    font-size: 2.4rem;
  }
}
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 {
  content: " ";
  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: 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);
}

nav#top > ul > li: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: 56rem;
}
@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;
  }
}
@media (min-width: 768px) {
  .mmenu-block .mmenu-content .mmenu-content-layer1,
  .mmenu-block .mmenu-content .mmenu-content-layer2,
  .mmenu-block .mmenu-content .mmenu-content-layer3 {
    border-radius: 0 2rem 2rem 0;
  }
}
.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: #000000;
  z-index: 1002;
}
.mmenu-block .mmenu-content .mmenu-content-layer2 {
  background: #fff;
  z-index: 1003;
  transition-delay: 0.2s;
}
.mmenu-block .mmenu-content .mmenu-content-layer3 {
  background: #C7212C;
  z-index: 1004;
  transition-delay: 0.3s;
}
.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 {
  width: 100%;
}
.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.25rem 0.25rem 0.25rem 1.5rem;
  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;
  }
}
.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:after {
  content: " ";
  position: absolute;
  right: 2.5rem;
  top: 0.25rem;
  bottom: 0.25rem;
  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 {
    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: 30rem;
  }
}
.calc-btn:hover {
  color: #fff;
}
.calc-btn:hover .icon:after {
  left: 0.25rem;
}

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

.intro-block {
  padding-top: 16rem;
  margin-top: -16rem;
}
@media (max-width: 991.98px) {
  .intro-block {
    padding-top: 18rem;
    margin-top: -18rem;
  }
}
.intro-block.with-breadcrumb {
  padding-top: 20rem;
  margin-top: -20rem;
}
@media (max-width: 991.98px) {
  .intro-block.with-breadcrumb {
    padding-top: 12rem;
    margin-top: -12rem;
  }
}

@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;
}
.max-100vh::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0.4rem;
}
.max-100vh::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  padding: 0.2rem;
}

.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 {
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center top;
}
.consultation-block .connectType {
  color: #fff !important;
}

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

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

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

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