section.first__slide {
  background: var(--border);
  margin-top: calc(var(--header));
  background: url("../img/fsbg.jpg");
  background-size: cover;
}

.left-menu {
  display: flex;
  align-items: center;
}

section.first__slide .btn {
  padding-top: 0;
  padding-bottom: 0;
  color: #fff !important;
  font-weight: 400 !important;
  border-radius: 1rem;
  margin-top: 3rem;
  background-color: #e50914;
}

section.about .about__items {
  display: flex;
  flex-direction: column;
}

section.about .about__items > * {
  width: 65%;
  display: flex;
  align-items: stretchs;
}

section.about .about__items > * .inner {
  background-color: #fff;
  padding: 1.55rem 1.45rem;
  border-radius: 1rem;
  flex-grow: 1;
}

section.about .about__items > * .title {
  font-weight: 600;
  font-size: 1.65rem;
  margin-bottom: 1.5rem;
}

section.about .about__items > * p {
  font-size: 1.25rem;
  line-height: 1.2;
}

section.about .about__items {
  position: relative;
}

section.about .about__items::before {
  content: "";
  background-image: url("../img/before.png");
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about__cards {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1rem);
}

.benefits {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4rem;
  width: calc(100% + 1rem);
}

.benefits > * {
  width: calc(100% / 3 - 1rem);
  margin-right: 1rem;
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}

.benefits > * img {
  width: 2rem;
  height: 2rem;
  margin-right: 1.5rem;
}

.about__cards > * {
  width: calc(100% / 4 - 1rem);
  margin-right: 1rem;
  background-color: #fff;
  margin-bottom: 1rem;
}

.about__cards > * .inner {
  padding: 1.55rem 1.45rem 2rem 1.45rem;
  border-radius: 1rem;
}

.about__bottom {
}

.about__bottom > * {
  display: flex;
  align-items: center;
}

.about__bottom > * .block {
  border: 1px dashed rgba(0, 0, 0, 0.5);
  border-radius: 2.4rem;
  padding: 1rem 2rem;
}

.about__bottom > * .block .inner {
  background-color: #fff;
  border-radius: 1.3rem;
  font-size: 1.55rem;
  padding: 1.5rem 2.5rem;
  box-shadow: -5px 4px 40px rgba(6, 68, 203, 0.15);
}

.about__bottom > * .text {
  position: relative;
  font-size: 1.45rem;
  margin-left: 1rem;
  padding-left: 12rem;
}

.about__bottom > * .text::before {
  content: "";
  position: absolute;
  width: 11rem;
  transform: translateY(-50%);
  height: 100%;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
  left: 0;
}

ul.about__bottom {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1rem);
}

ul.about__bottom > * {
  width: calc(100% / 4 - 1rem);
  margin-right: 1rem;
  background-color: #fff;
  border-radius: 2rem;
  height: 4rem;
  margin-bottom: 1rem;
}

ul.about__bottom > * {
  position: relative;
  text-align: center;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.about__bottom > *:last-child {
  width: fit-content;
  padding: 0 3rem;
}

ul.about__bottom > *::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 1rem;
  background-color: #e74400;
}

.spiker__card .info {
}

.spiker__info .inner {
}

.spiker__card {
  display: flex;
  justify-content: center;
}

.spiker__card > * {
  width: 50%;
  margin-right: 1rem;
}
.spiker__card .image {
  position: relative;
  flex-shrink: 0;
}

.spiker__info .inner {
  position: relative;
  overflow: hidden;
}

.spiker__info .inner::before {
  content: "";
  background-image: url("../img/sp_b.png");
  background-size: contain;
  position: absolute;
  width: 40%;
  right: 0;
  bottom: 0;
  background-position-x: right;
  z-index: 0;
  background-repeat: no-repeat;
  flex-shrink: 100%;
  height: 80%;
  background-position-y: bottom;
  background-size: contain;
}

.spiker__card .image img {
  width: 100%;
  margin-left: auto;
}

.spiker__info .spiker__top img {
  height: var(--logo);
  width: auto;
  object-fit: contain;
}
.spiker__card .info {
  background: #fafafa;
  border: 1px solid #ededed;
  border-radius: 1rem;
  padding: 2rem 1.4rem;
}

.spiker__info .spiker__top {
  margin-bottom: 3.5rem;
}

.spiker__info .spiker__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.spiker__info ul li {
  max-width: 80%;
  font-size: 1.5rem;
}

.bottom-text {
  padding: 4rem 0;
  background-image: url("../img/bg.png");
  background-size: cover;
  background-position: center;
}

.about__cards > * p {
  font-size: 1.15rem;
}

.about__cards > * .top {
  background-color: #00c065;
  border-radius: 1rem;
  color: #fff;
  padding: 0.35rem 1rem;
  display: flex;
  font-size: 1.3rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

section.about .about__items > * .image {
  width: 40%;
  flex-shrink: 0;
  height: 100%;
  margin-left: 1rem;
  border-radius: 1rem;
  overflow: hidden;
}

section.about .about__items > * .image img {
  width: 100%;
  height: 100%;
}

section.about .about__items > *:last-child {
  margin-left: auto;
  margin-top: 2rem;
}

section.first__slide .btn:hover {
  color: #fff !important;
}

section.first__slide .first__slide-inner {
  position: relative;
}

section.first__slide .first__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  padding-left: var(--section-p);
  padding-right: var(--section-p);
}

section.first__slide .first__content .sm-text {
}

section.first__slide .first__content h1 {
  font-size: 5.35rem;
  font-weight: 700;
  color: var(--theme);
  line-height: 1.2;
  margin-bottom: 2rem;
}

section.first__slide .first__content h1 span {
  color: var(--light);
  font-weight: 400;
  margin-top: 2rem;
  font-size: 2.8rem;
}

section.first__slide .first__content .first__content-desc {
  width: 60%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

section.first__slide .first__content .first__content-desc p {
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 2rem;
}

.fs__bottom {
}

.fs__bottom-items {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1rem);
  margin-bottom: -1rem;
}

.fs__bottom-items > * {
  width: calc(100% / var(--half) - 2rem);
  margin-right: 1rem;
  margin-bottom: 1rem;
  background: #fafafa;
  border: 1px solid #ededed;
  display: flex;
  align-items: center;
  text-align: left;
  border-radius: 1rem;
}

.fs__bottom-items > * img {
  width: 10rem;
  object-fit: contain;
  margin-right: 1rem;
}

.fs__bottom-items > * .text {
  color: var(--theme);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
}

section.first__slide .first__content-image {
  padding-top: var(--padding);
}

section.first__slide .first__content-image img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

section.first__slide .first__slide-items {
  margin-top: var(--padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: calc(100% + 1.25rem);
  position: relative;
  z-index: 20;
}

section.first__slide .first__slide-items > * {
  width: calc(25% - 1.25rem);
  margin-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 24px;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  padding: 2rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

section.first__slide .first__slide-items > *:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

section.first__slide .first__slide-items > * .title {
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}

section.first__slide .first__slide-items > * p {
  font-size: 1.15rem;
  line-height: 1.3;
  color: #666666;
}

section.first__slide .first__slide-items > *.theme {
  background-color: #ff9534;
}

section.first__slide .first__slide-items > *.theme p {
  color: #000;
}

.info__block {
  background-color: var(--border);
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3rem var(--padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.info__block p {
  margin-left: 3rem;
  max-width: 75%;
  font-size: 1.35rem;
  line-height: 1.3;
  color: #1d1d1d;
}

.info__block p b {
  font-weight: 700 !important;
}

.info__block img {
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

section.about .about__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

section.about .about__content .text {
  width: 35%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 4rem;
}

section.about .about__content .text h3 {
  font-size: 4.3rem;
  line-height: 1;
  margin-bottom: 1rem;
}

section.about .about__content .text p {
  line-height: 1.3;
  color: #666666;
  max-width: 90%;
}

section.about .about__content .image {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

section.about .about__content .image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

section.progress {
  position: relative;
}

section.progress::before {
  content: "";
  background-image: url("../img/arr.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 70%;
  height: 55%;
  left: 43.5%;
  bottom: calc(var(--padding) * 1.5);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.progress .progress__content .hh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 35%;
}

section.progress .progress__content .hh img {
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 1rem;
  border-radius: 50%;
}

section.progress .progress__content .hh span {
  color: #666666;
  line-height: 1.3;
}

section.progress .progress__content .progress__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: calc(100% + 1rem);
}

section.progress .progress__content .progress__items > * {
  width: calc(33.3333333333% - 1rem);
  margin-right: 1rem;
  background: rgba(231, 231, 231, 0.7);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-radius: 32px;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.progress .progress__content .progress__items > * .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
  font-size: 1.4rem;
}

section.progress .progress__content .progress__items > * .text span {
  background-color: #fff;
  border-radius: 20px;
  padding: 0.75rem 1.25rem;
  font-size: 1.2rem;
  margin-right: 1rem;
  color: #000;
}

section.progress .progress__content .progress__items > * .title {
  font-size: 3rem;
  line-height: 1.3;
  padding-bottom: 4rem;
}

section.progress .progress__content .progress__items > *:nth-child(2) .title {
  padding-bottom: calc(var(--padding) * 1.5);
}

section.progress .progress__content .progress__items > *:last-child .title {
  padding-bottom: calc(var(--padding) * 3);
}

section.spiker .spiker__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  background-color: var(--border);
  padding: 2rem;
  border-radius: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -2rem;
}

section.spiker .spiker__content > * {
  width: calc(50% - 4rem);
  margin-right: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}

section.spiker .spiker__content > * img {
  width: 7rem;
  height: 7rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  margin-right: 1rem;
}

section.spiker .spiker__content > * .title {
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 2rem;
}

section.spiker .spiker__content > * .text {
  font-size: 1.35rem;
  line-height: 1.3;
  max-width: 75%;
}

.programm .accord {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.programm {
  background: #f5f5f5;
}

.accords .accord__header h6 {
  font-weight: 600 !important;
}

.platform__content > * {
  margin-bottom: var(--padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.platform__content > *:nth-child(2) img {
  margin-left: 2rem;
  margin-right: 0;
}

.platform__content > * img {
  margin-right: 2rem;
  width: 70%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 32px;
}

.platform__content > * .desc {
  width: 25%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: var(--border);
  padding: 2rem;
  border-radius: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.platform__content > * .desc .text {
  color: #666666;
  line-height: 1.3;
  margin-top: 1.25rem;
  max-width: 85%;
}

.platform__content > * .desc .title {
  font-size: 2.8rem;
  color: #1d1d1d;
  line-height: 1;
}

.programm .section__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.icon-text {
  font-size: 1.55rem;
  color: #013cb2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-text:hover {
  color: var(--dark);
}

.icon-text:hover::before {
  color: var(--dark);
}

.icon-text::before {
  font-size: 2.5rem;
  margin-right: 0.25rem;
  font-weight: 500 !important;
}

.accords {
  overflow: hidden;
}

section.teams .teams__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

section.teams .teams__bottom h3 {
  max-width: 30%;
}

section.teams .teams__bottom .accords {
  width: 40%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

section.teams .teams__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -2rem;
}
.spiker__card ul li {
  line-height: 1.5;
}

section.teams .teams__content > * {
  width: 30%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  max-height: 40rem;
}

section.teams .teams__content > * img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 40rem;
  -o-object-position: top;
  object-position: top;
}

section.teams .teams__content > * .desc {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  color: #fff;
}

section.teams .teams__content > * .desc .title {
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}

section.teams .teams__content > * .desc p {
  line-height: 1.3;
  font-size: 1.3rem;
}

section.teams .teams__content > *:not(:last-child) {
  margin-right: var(--padding);
  margin-bottom: 2rem;
}

footer.site__footer {
  background-image: url("../img/fbg.png");
  background-position: center;
  background-size: cover;
}

footer.site__footer h3 {
  font-size: 3rem;
  margin-bottom: 2rem !important;
}

footer.site__footer .footer__content .contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 2rem;
}

footer.site__footer .footer__content .contacts > *:not(:last-child) {
  margin-bottom: 0.65rem;
}

footer.site__footer .footer__content .contacts p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer.site__footer .footer__content .contacts p a {
  margin-left: 0.5rem;
}

footer.site__footer .footer__content .contacts {
  padding-bottom: 5rem;
}

footer.site__footer .footer__content .contacts a {
  color: #fff;
}

footer.site__footer .footer__content .contacts a:hover {
  color: #fff !important;
}

footer.site__footer .footer__content .social a::before {
  color: #fff !important;
}

.theme {
  color: var(--theme);
}

@media (min-width: 1024px) {
  body .hide-lg {
    display: none !important;
  }
}

@media (max-width: 1400px) {
  body .hide-m {
    display: none !important;
  }
}

section.order .order__content {
  background-size: cover;
}

.spiker__info .inner {
  max-width: 70%;
  margin: 0 auto;
}

.benefits > * {
}

.benefits {
  max-width: 90%;
  margin-bottom: -4rem;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
}

@media (max-width: 767px) {
  .fs__bottom-items {
    flex-direction: column;
  }
  body section.order .order__content {
    max-width: 100% !important;
  }
  .f_logo img {
    height: var(--logo) !important;
  }
  .footer_bottom p {
    max-width: 100% !important;
    margin-bottom: 2rem;
  }

  .top-bar {
    flex-direction: column;
    margin-top: 2rem;
  }

  .pr {
    margin-bottom: 3rem;
  }

  body .accords {
    max-width: 100%;
  }

  body .price__inner {
    flex-direction: column;
    max-width: 100%;
  }
  body .price__inner > * {
    width: 100%;
    box-sizing: border-box;
  }
  .about__info {
    max-width: 100% !important;
    flex-direction: column;
  }

  .about__info > * {
    box-sizing: border-box;
    width: 100% !important;
  }
  .fs__bottom-items > * {
    width: calc(100% - 1rem);
    box-sizing: border-box;
  }
  .about__bottom > * .text {
    padding-left: 4rem;
    font-size: 1.2rem;
  }
  .about__bottom > * .block {
    padding: 1rem;
    text-align: center;
  }
  .spiker__card .image {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    width: 40%;
  }
  .format__inner {
    flex-direction: column;
  }
  body .format__inner > * h6 {
    font-size: 1.4rem;
  }
  body .format__inner > * img {
    width: 7rem !important;
    height: auto;
    margin-right: 2rem;
  }
  body .format__inner > * {
    display: flex;
  }
  body .format__inner > *:not(:last-child) {
    margin-bottom: 3rem;
  }
  body .format__inner > * {
    width: calc(100%);
  }
  .spiker__card ul li {
    margin-left: 0;
  }
  .spiker__card ul {
  }
  .spiker__card {
    flex-direction: column-reverse;
  }
  .spiker__info .inner::before {
    z-index: -3;
  }
  .about__bottom > * .block .inner {
    padding: 1rem;
    font-size: 1.3rem;
  }
  .about__bottom > * .text::before {
    width: 3rem;
  }
  .fs__bottom-items > * .text {
    max-width: 100%;
  }
  section.first__slide .first__content .first__content-desc p {
    font-size: 1.4rem;
  }
  section.first__slide .first__content h1 span {
    font-size: 1.4rem;
  }
  .benefits {
    max-width: 100%;
    margin-bottom: -4rem;
    margin-left: auto;
    margin-right: auto;
  }
  section.first__slide .first__content-image {
    max-width: 100%;
  }
  .spiker__info .inner {
    max-width: 100%;
    margin: 0 auto;
  }
  section.about .about__items > * {
    width: 100%;
  }
  .about__cards > * {
    width: calc(100% - 1rem);
  }
  .spiker__info .inner {
    padding: 2rem;
  }
  .spiker__info .spiker__top h5 {
    font-size: 1.65rem;
  }
  .spiker__card .info {
    margin-top: 0;
  }
  section.order .order__content {
    flex-direction: column;
    padding: 2rem !important;
  }
  section.order .order__content .content {
    width: 100% !important;
    margin-bottom: 2rem;
  }
  .spiker__info .inner::before {
    width: 33%;
  }
  .pr__items > * {
    font-size: 1.15rem;
  }
  .spiker__info ul li {
    font-size: 1.25rem;
  }
  .benefits > * {
    width: calc(50% - 1rem);
    font-size: 1.25rem;
  }
  ul.about__bottom > * {
    width: calc(100% - 1rem);
  }
  section.about .about__items > * .image {
    display: none;
  }
  :root {
    --container: calc(100vw - 4rem);
    --btn-fz: 1.3rem;
    --field: 4.3rem;
    --half: 1;
    --padding: 4rem;
    --field-sm: 3.8rem;
    --about: 1;
    --four: 1;
    --footer: 1;
    --header: 6.2rem;
    --logo: 3rem;
    --third: 1;
    --advantages: 1;
    --padding: 3.5rem;
    --tariff: 1;
  }
  body .b24-form-header-title {
    font-size: 2rem !important;
  }
  body {
    --fz: 1.4rem;
    --label-size: 1.3rem;
    --subtitle-size: 1.5rem;
  }
  body .lg-text {
    font-size: 2rem;
  }
  body .sm-text {
    font-size: calc(var(--fz) * 0.9);
  }
  body .hide-sm {
    display: none !important;
  }
  body h1 {
    font-size: 3rem;
  }
  body h1.small {
    font-size: 2.8rem;
  }
  body h2 {
    font-size: 3rem;
  }
  body h3 {
    font-size: 2.4rem;
  }
  body h4 {
    font-size: 2.4rem;
  }
  body h5 {
    font-size: 2rem;
  }
  body h6 {
    font-size: 1.7rem;
  }
  body .label-block.half {
    width: 100%;
  }
  body .article.center {
    text-align: left;
  }
  body .section-title.center p {
    max-width: 100%;
  }
  body .notifications {
    width: 100%;
  }
  body .notifications .notif p .close-notif {
    opacity: 1;
  }
  body aside {
    width: 100%;
    padding-right: 0;
    margin-bottom: var(--padding);
    padding-bottom: calc(var(--padding) / 2);
    border-bottom: 1px solid var(--border);
  }
  body .top-header {
    text-align: center;
    color: var(--bg) !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  body .top-header h1 {
    font-size: 4rem;
  }
  body .top-header a {
    font-size: var(--fz);
  }
  header.site-header.scrolled {
    height: calc(var(--header));
  }
  header.site-header {
    background-color: #fff;
    height: calc(var(--header) - 3rem);
  }
  nav {
    padding-right: 0 !important;
  }
  footer .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  footer .footer__inner .footer__content {
    width: 100%;
  }
  footer .footer__inner .footer__content .footer__contacts > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 2rem;
  }
  footer .footer__inner .footer__content .footer__contacts > * .contact img {
    height: 1.5rem;
    width: 1.5rem;
  }
  footer .footer__inner .footer__content .footer__contacts > * .contact a {
    font-size: 1.3rem;
  }
  footer .footer__inner .map {
    margin-top: 3rem;
    width: 100%;
  }
  .accords p {
    font-size: 1.25rem;
  }
  .accords .open__more::before,
  .accords .hidden__more::before {
    font-size: 0.6rem;
  }
  .accords .open__more,
  .accords .hidden__more {
    height: 2rem !important;
    font-size: 1rem;
  }
  .accords .accord__header .accord__title > * {
    font-size: 0.8rem;
    margin-right: 1rem;
  }
  .accords .accord__header .accord__title .title {
    font-size: 1rem;
  }
  .accords .accord__header h6 {
    font-size: 1.3rem;
    line-height: 1.2;
    max-width: 80%;
  }
  section.cert .cert__wrapper {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 2rem;
    padding-top: 2rem;
  }
  section.cert .cert__wrapper > *:first-child {
    width: 35%;
  }
  section.cert .cert__wrapper .cert__wrapper-content {
    padding: 0;
    margin-left: 2rem;
    margin-bottom: 2rem;
  }
  section.cert .cert__wrapper .cert__wrapper-content h3 {
    max-width: 100%;
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  section.cert .cert__wrapper .cert__wrapper-content p {
    max-width: 100%;
    font-size: 1rem;
  }
  section.reviews .review {
    width: calc(100% - 2rem);
  }
  section.reviews .review > * {
    padding: 2rem;
  }
  section.reviews .review .review__title .inner .name {
    font-size: 1.3rem;
  }
  section.reviews .review .review__content {
    padding-top: 1rem;
  }
  section.reviews .review .review__content > * {
    font-size: 1rem;
  }
  section.reviews .review .review__content > * .open__rev {
    font-size: 1rem;
  }
  section.price .price__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
  }
  section.price .price__content > *:last-child .title {
    max-width: 100%;
  }
  section.price .price__content > *:first-child {
    margin-bottom: 8rem;
  }
  section.price .price__content > *:nth-child(2) {
    margin-right: 0;
    margin-bottom: 4rem;
    margin-left: 0;
  }
  section.price .price__content > * {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  section.first__slide {
    min-height: auto;
  }
  section.first__slide .btn {
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.6rem;
  }
  section.first__slide .first__content {
    padding-right: var(--section-p);
  }
  section.first__slide .first__slide-inner {
  }
  section.first__slide .first__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  section.first__slide .first__content h1 {
    font-size: 2.5rem;
  }
  section.first__slide .first__content .first__content-desc {
    width: 100%;
  }
  section.first__slide .first__content .first__content-desc p {
    max-width: 100%;
    margin-bottom: 1rem;
  }
  section.first__slide .first__content-image {
    position: static;
    width: 100%;
  }
  section.first__slide .first__slide-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -5rem;
  }
  section.first__slide .first__slide-items > * {
    width: calc(100% - 1.25rem);
    border-radius: 16px;
    margin-bottom: 1rem;
  }
  .info__block {
    padding: 2rem;
  }
  .info__block p {
    font-size: 1.25rem;
    max-width: 100%;
    margin-left: 1.5rem;
  }
  section.about .about__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  section.about .about__content .text {
    width: 100%;
    margin-right: 0;
  }
  section.about .about__content .text h3 {
    font-size: 3rem;
  }
  section.about .about__content .text p {
    max-width: 100%;
    margin-bottom: 2rem;
    font-size: 1.35rem;
  }
  section.progress::before {
    width: 100%;
    -webkit-transform: rotate(338deg);
    -ms-transform: rotate(338deg);
    transform: rotate(338deg);
    height: 100%;
    left: auto;
    bottom: -9rem;
  }
  section.progress .progress__content .hh {
    max-width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  section.progress .progress__content .progress__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 3rem;
  }
  section.progress .progress__content .progress__items > * {
    width: calc(100% - 1rem);
    padding: 2rem;
    border-radius: 16px;
    margin-bottom: 2rem;
  }
  section.progress .progress__content .progress__items > * .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  section.progress .progress__content .progress__items > * .title {
    padding-top: 1.5rem;
    font-size: 2.5rem;
    padding-bottom: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  section.progress .progress__content .progress__items > *:nth-child(2) .title {
    padding-bottom: 0;
  }
  section.progress .progress__content .progress__items > *:last-child .title {
    padding-bottom: 0;
  }
  html body h3 {
    font-size: 2rem;
    max-width: 100%;
    margin-bottom: 2rem !important;
  }
  section.spiker .spiker__content > * {
    margin-right: 0;
    width: 100%;
  }
  section.spiker .spiker__content > * .title {
    font-size: 1.65rem;
  }
  section.spiker .spiker__content > * .text {
    max-width: 100%;
    font-size: 1.2rem;
  }
  .platform__content > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .platform__content > *:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .platform__content > *:nth-child(2) img {
    margin-left: 0;
    margin-right: 0;
  }
  .platform__content > * img {
    margin-right: 0;
    width: 100%;
  }
  .platform__content > * .desc {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 1rem;
  }
  .platform__content > * .desc .text {
    max-width: 100%;
  }
  .platform__content > * .desc .title {
    font-size: 2rem;
  }
  .programm .section__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .programm .section__title h3 {
    margin-bottom: 2rem;
  }
  section.teams .teams__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  section.teams .teams__bottom h3 {
    max-width: 100%;
  }
  section.teams .teams__bottom .accords {
    width: 100%;
  }
  section.teams .teams__content > * {
    width: 45%;
    max-height: 28rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  section.teams .teams__content > * img {
    height: 28rem;
  }
  section.teams .teams__content > * .desc {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }
  section.teams .teams__content > * .desc .title {
    font-size: 1.3rem;
  }
  section.teams .teams__content > * .desc p {
    font-size: 1rem;
    line-height: 1.2;
  }
  section.teams .teams__content > *:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.pr__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 1rem);
  flex-wrap: wrap;
}

.pr__items > * {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.5rem;
  border-radius: 2rem;
  width: calc(50% - 1rem);
  margin-right: 1rem;
  background-color: #c9e6f7;
  margin-bottom: 1rem;
}

.pr__items > *.pr {
  color: #fff;
  font-weight: 600;
  background: linear-gradient(
    59.28deg,
    #f73c12 14.16%,
    #f78112 61.88%,
    #f7c412 108.62%
  );
}

.format__inner {
  display: flex;
  width: calc(100% - var(--padding));
}

.format__inner > * img {
  width: 10rem;
  height: 12rem;
  justify-content: center;
  display: flex;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.format__inner > *:last-child img {
  width: 16rem;
}

.format__inner > * h6 {
  font-weight: 400;
  font-size: 2.25rem;
}

.format__inner > * h6 b {
  font-weight: 700 !important;
}

.format__inner > * {
  width: calc(50% - var(--padding));
  margin-right: var(--padding);
}

body section.order .order__content {
  display: flex;
}

body section.order h3 {
  text-align: left;
}

section.order .order__content {
  background-color: #000;
  padding: 4rem 3rem;
  border-radius: 1.5rem;
}

section.order {
}

.form-img {
  margin-right: 0rem;
  position: absolute;
  width: 40%;
  flex-shrink: 0;
  right: 0;
  bottom: 0;
}

body section.order .order__content {
  position: relative;
}

.form-img img {
  width: 100%;
}

section.order .order__content .content h4 {
  margin-bottom: 2rem !important;
  line-height: 1.2;
}

section.order .order__content .content {
  width: 50%;
  flex-shrink: 0;
}

section.order .order__content .form {
  flex-grow: 1;
}

body section.order .order__content .form .b24-form-header {
  display: none;
}

body section.order .order__content .form .b24-form {
  border-radius: 1.4rem;
  overflow: hidden;
}

.b24-form-wrapper.b24-form-border-bottom {
  padding-top: 2rem;
  border-bottom: none !important;
}

body section.order .order__content .form .b24-form-btn:hover {
  color: #fff !important;
}

:root {
  --theme: #000;
  --dark: #ad0810;
  --light: #e50914;
  --focus: rgba(178, 1, 1, 0.3);
  --opacity: #dbeeda;
  --preloader: #e50914;
  --four: 4;
  --second: #ffef7a;
  --second-dark: #ffe947;
  --half: 2;
  --second-light: #fff5ad;
  --second-focus: #f4b767;
  --second-opacity: rgba(255, 239, 122, 0.1);
  --second-preloader: rgba(255, 239, 122, 0.9);
  --font: Inter, sans-serif;
  --font-s: Inter, sans-serif;
  --font-t: Inter, sans-serif;
  --bgr: #f7f7f7;
  --item: 4;
  --half: 2;
  --text: #000;
  --grey: CCCCCC;
  --placeholder: rgba(0, 0, 0, 0.4);
  --border: #f5f5f5;
  --line: rgba(0, 0, 0, 0.09);
  --footer: 4;
  --padding: 7rem;
  --shadow: 0px 11px 60px rgba(6, 68, 203, 0.15);
  --shadow-s: 0 0.66rem 2rem rgba(0, 0, 0, 0.1);
  --shadow-m: 0 1rem 3rem rgba(0, 0, 0, 0.1);
  --shadow-l: 0 1.5rem 4.5rem rgba(0, 0, 0, 0.15);
  --shadow-btn: 0 0.1rem 2rem rgba(0, 0, 0, 0.2);
  --container: 120rem;
  --tariff-bg: #f2f6f8;
  --advantages: 3;
  --popup-container: 42rem;
  --logo: 3rem;
  --header: 6rem;
  --fz: 1.4rem;
  --section-p: calc((100vw - var(--container)) / 2);
  --filter-bg: #eee7e3;
  --bg: #fff;
  --bg-op: rgba(255, 255, 255, 0.7);
  --tariff: 5;
  --sidebar: 28rem;
  --catalog-grid: 2;
  --about: 5;
  --red: #ff1515;
  --red-dark: #e10000;
  --red-light: #ff4848;
  --red-focus: rgba(255, 21, 21, 0.3);
  --red-opacity: rgba(255, 21, 21, 0.1);
  --green: #2daf53;
  --green-dark: #238640;
  --green-light: #41ce6a;
  --green-focus: rgba(45, 175, 83, 0.3);
  --green-opacity: rgba(45, 175, 83, 0.1);
  --btn-fz: 1.45rem;
  --field: 4rem;
  --field-sm: 3.25rem;
  --field-md: 3.5rem;
  --field-lg: 5rem;
  --label-size: 1rem;
  --subtitle-size: 2.5rem;
  --icon-size: 3rem;
  --icon-size-sm: 1.8rem;
  --filter: 1;
  --third: 3;
}

.white {
  --bg: #000;
  --bg-op: rgba(0, 2, 53, 0.7);
  --glass: rgba(0, 0, 0, 0.2);
  --glass: rgba(0, 0, 0, 0.1);
  --grey-bg: rgba(255, 255, 255, 0.07);
  --text: #fff;
  --text-opacity: rgba(255, 255, 255, 0.1);
  --grey: rgba(255, 255, 255, 0.65);
  --placeholder: rgba(255, 255, 255, 0.4);
  --border: rgba(255, 255, 255, 0.15);
  color: var(--text);
}

html {
  font-size: 10px;
  overflow-x: hidden;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerHairline.eot");
  src: url("../fonts/MullerHairline.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerHairline.woff") format("woff"),
    url("../fonts/MullerHairline.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerThin.eot");
  src: url("../fonts/MullerThin.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerThin.woff") format("woff"),
    url("../fonts/MullerThin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerLight.eot");
  src: url("../fonts/MullerLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerLight.woff") format("woff"),
    url("../fonts/MullerLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerRegular.eot");
  src: url("../fonts/MullerRegular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerRegular.woff") format("woff"),
    url("../fonts/MullerRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerMedium.eot");
  src: url("../fonts/MullerMedium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerMedium.woff") format("woff"),
    url("../fonts/MullerMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerUltraLight.eot");
  src: url("../fonts/MullerUltraLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerUltraLight.woff") format("woff"),
    url("../fonts/MullerUltraLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerBold.eot");
  src: url("../fonts/MullerBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerBold.woff") format("woff"),
    url("../fonts/MullerBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerExtraBold.eot");
  src: url("../fonts/MullerExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerExtraBold.woff") format("woff"),
    url("../fonts/MullerExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerBlack.eot");
  src: url("../fonts/MullerBlack.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerBlack.woff") format("woff"),
    url("../fonts/MullerBlack.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "Muller";
  src: url("../fonts/MullerHeavy.eot");
  src: url("../fonts/MullerHeavy.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MullerHeavy.woff") format("woff"),
    url("../fonts/MullerHeavy.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}

body {
  font-size: var(--fz);
  font-weight: 400;
  font-family: var(--font);
  color: var(--text);
  line-height: 1.2;
  margin: 0 !important;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);
  background: #fff;
}

body a:hover {
  color: var(--dark) !important;
}

body .second {
  font-family: var(--second);
}

body .slick-list {
  overflow: hidden;
}

body .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .pulse-btn {
  position: fixed;
  right: calc(var(--padding) * 2);
  bottom: calc(var(--padding) * 2);
  z-index: 12;
  width: 5rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--theme);
  font-size: 2rem;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1rem var(--theme-opacity);
  box-shadow: 0 0 0 1rem var(--theme-opacity);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  color: #fff;
}

body .pulse-btn:hover {
  color: #fff !important;
  background-color: var(--dark);
}

body .pulse-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 1rem var(--theme);
  box-shadow: 0 0 1rem var(--theme);
}

body .pulse {
  position: relative;
}

@-webkit-keyframes pulse {
  from {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}

@keyframes pulse {
  from {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}

body .pulse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 12px var(--second);
  box-shadow: 0 0 12px var(--second);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  from {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}

body .subtitle.theme {
  color: var(--theme);
}

body .ctn-preloader {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 3000;
}

body .ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

body .ctn-preloader .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: var(--light);
  height: 5em;
  margin: 0 auto 3.5em auto;
  width: 5em;
}

body .ctn-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

body .ctn-preloader .loader-section.section-left {
  left: 0;
}

body .ctn-preloader .loader-section.section-right {
  right: 0;
}

body .loaded .animation-preloader {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

body .loaded .loader-section.section-left {
  -webkit-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  -o-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

body .loaded .loader-section.section-right {
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  -webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  -o-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

body b,
body strong {
  font-weight: 500;
}

body ul.styled li {
  margin-bottom: 0.6em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

body ul.styled li:last-child {
  margin-bottom: 0;
}

body ul.styled li:before {
  margin-right: 1rem;
  color: var(--theme);
}

body .ml-burger.active {
  margin-left: 9rem;
}

body ol.styled {
  counter-reset: list;
}

body ol.styled li {
  margin-bottom: 0.6em;
  position: relative;
  counter-increment: list;
  padding-left: 1.5rem;
}

body ol.styled li:last-child {
  margin-bottom: 0;
}

body ol.styled li:before {
  content: counter(list) ".";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--text);
}

body .count.self {
  font-size: var(--fz);
  color: var(--grey);
  font-weight: 600;
  width: 100%;
}

body .count.self span {
  color: var(--text);
}

body .count.self.count-lg {
  font-size: 1.8rem;
}

body .count.self.count-mb {
  margin-bottom: 1em;
}

body .count:not(.self) {
  counter-reset: list;
}

body .count:not(.self) > *:not(.not-count) {
  counter-increment: list;
}

body .count:not(.self) > *:not(.not-count):before {
  width: 100%;
  content: "0" counter(list) ".";
  font-size: var(--fz);
  color: var(--grey);
  font-weight: 600;
}

body .count:not(.self).count-lg > *:before {
  font-size: 1.8rem;
}

body .count:not(.self).count-mb > *:before {
  margin-bottom: 1em;
}

body .count-start {
  counter-reset: list;
}

body .count-start .count-item {
  counter-increment: list;
}

body .count-start .count-item:before {
  width: 100%;
  content: "0" counter(list) ".";
  font-size: var(--fz);
  color: var(--grey);
  font-weight: 600;
}

body .count-start.count-lg .count-item:before {
  font-size: 1.8rem;
}

body .count-start.count-mb .count-item:before {
  margin-bottom: 1em;
}

body span.red {
  color: var(--red-dark);
  font-weight: 900 !important;
}

body .green {
  background-color: #1d4545;
}

body span.theme {
  color: var(--theme);
}

body .b24-form-header-title {
  position: relative;
  z-index: 2;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  text-align: center;
  line-height: inherit !important;
}

body .b24-form-header-description {
  text-align: center;
}

body .section-title {
  padding-bottom: 2rem;
}

body .section-title h1,
body .section-title h2,
body .section-title h3 {
  position: relative !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}

body .section-title h1 span,
body .section-title h2 span,
body .section-title h3 span {
  position: relative;
}

body .section-title h1 span::after,
body .section-title h2 span::after,
body .section-title h3 span::after {
  content: "";
  width: 10rem;
  height: 5rem;
  position: absolute;
  right: -3rem;
  bottom: -2rem;
  z-index: -1;
  background-image: url("../img/title-after.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

body .section-title.team-left h1,
body .section-title.team-left h2,
body .section-title.team-left h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

body .section-title.left h1,
body .section-title.left h2,
body .section-title.left h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
}

body .section-title.left h1::after,
body .section-title.left h2::after,
body .section-title.left h3::after {
  content: "";
  background: -o-linear-gradient(116.83deg, #d8d61b 18.81%, #f18610 75.5%);
  background: linear-gradient(333.17deg, #d8d61b 18.81%, #f18610 75.5%);
  width: 7rem;
  height: 7rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-15%, -50%);
  -ms-transform: translate(-15%, -50%);
  transform: translate(-15%, -50%);
}

body .section-title.right h1,
body .section-title.right h2,
body .section-title.right h3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
}

body .section-title.right h1::after,
body .section-title.right h2::after,
body .section-title.right h3::after {
  content: "";
  background-image: url("../img/section-arrow-r.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 60rem;
  height: 9rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(25%, -50%);
  -ms-transform: translate(25%, -50%);
  transform: translate(25%, -50%);
}

body .section-title p {
  width: 100%;
  margin-top: -3rem;
  margin-bottom: 4rem;
}

body .section-title.center {
  text-align: center;
}

body .section-title.center h1:after,
body .section-title.center h2:after,
body .section-title.center h3:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

body .section-title.half {
  width: var(--article-half);
}

body hr {
  background: var(--border);
  width: 100%;
}

body picture {
  display: inherit;
}

body .p {
  padding: var(--padding) 0;
}

body .p-lg {
  padding: calc(var(--padding) * 3) 0;
}

body .pt {
  padding-top: var(--padding);
}

body .pt-lg {
  padding-top: calc(var(--header) + var(--padding));
}

body .pb {
  padding-bottom: var(--padding);
}

body .pt3 {
  padding-top: 3rem;
}

body .pb3 {
  padding-bottom: 3rem;
}

body .pt2 {
  padding-top: 2rem;
}

body .pb2 {
  padding-bottom: 2rem;
}

body .pt1 {
  padding-top: 1rem;
}

body .pb1 {
  padding-bottom: 1rem;
}

body .mt {
  margin-top: var(--padding);
}

body .mr1 {
  margin-right: 1rem;
}

body .mb {
  margin-bottom: var(--padding);
}

body .mt3 {
  margin-top: 3rem !important;
}

body .mb3 {
  margin-bottom: 3rem !important;
}

body .mt2 {
  margin-top: 2rem !important;
}

body .mb2 {
  margin-bottom: 2rem;
}

body .mt1 {
  margin-top: 1rem;
}

body .mb1 {
  margin-bottom: 1rem;
}

body .b {
  border: 1px solid var(--border);
}

body .bt {
  border-top: 1px solid var(--border);
}

body .bb {
  border-bottom: 1px solid var(--border);
}

body .no-m {
  margin: 0;
}

body .no-mb {
  margin-bottom: 0;
}

body .no-mt {
  margin-top: 0;
}

body .no-ml {
  margin-left: 0;
}

body .no-mr {
  margin-right: 0;
}

body .ma {
  margin: auto;
}

body .mxa {
  margin-left: auto;
  margin-right: auto;
}

body .mya {
  margin-top: auto;
  margin-bottom: auto;
}

body .mta {
  margin-top: auto;
}

body .mba {
  margin-bottom: auto;
}

body .mla {
  margin-left: auto;
}

body .mra {
  margin-right: auto;
}

body .fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

body .tac {
  text-align: center;
}

body .tac .section-title {
  margin: 0 auto;
}

body .tac .section-title h1:after,
body .tac .section-title h2:after,
body .tac .section-title h3:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

body .tar {
  text-align: right;
}

body .tal {
  text-align: left;
}

body .dn {
  display: none !important;
}

body .db {
  display: block;
}

body .df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body .fs {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body .jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body .jcs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

body .jce {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body .jcsb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body .fw {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body .aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .aib {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

body .ais {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

body .aie {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

body .grid-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .grid-5.small {
  --separation: var(--separation-s);
  --separation-m: var(--separation-sm);
  --separation-h: calc(var(--separation-s) / 2);
  --separation-hm: calc(var(--separation-sm) / 2);
}

body .grid-5.large {
  --separation: var(--separation-l);
  --separation-m: var(--separation-lm);
  --separation-h: calc(var(--separation-l) / 2);
  --separation-hm: calc(var(--separation-lm) / 2);
}

body .grid-5 > .line {
  width: calc(100% + var(--separation));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: var(--separation-hm);
}

body .grid-5 > .line > *.full {
  margin: var(--separation-h);
  width: calc(100% - var(--separation));
}

body .grid-5 > .line > *:not(.custom):not(.full) {
  margin: var(--separation-h);
  width: calc(100% / var(--grid-5-sep) - var(--separation));
}

body .grid-5.center .line {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .grid-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .grid-4.small {
  --separation: var(--separation-s);
  --separation-m: var(--separation-sm);
  --separation-h: calc(var(--separation-s) / 2);
  --separation-hm: calc(var(--separation-sm) / 2);
}

body .grid-4.large {
  --separation: var(--separation-l);
  --separation-m: var(--separation-lm);
  --separation-h: calc(var(--separation-l) / 2);
  --separation-hm: calc(var(--separation-lm) / 2);
}

body .grid-4 > .line {
  width: calc(100% + var(--separation));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: var(--separation-hm);
}

body .grid-4 > .line > *.full {
  margin: var(--separation-h);
  width: calc(100% - var(--separation));
}

body .grid-4 > .line > *:not(.custom):not(.full) {
  margin: var(--separation-h);
  width: calc(100% / var(--grid-4-sep) - var(--separation));
}

body .grid-4.center .line {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .grid-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .grid-3.small {
  --separation: var(--separation-s);
  --separation-m: var(--separation-sm);
  --separation-h: calc(var(--separation-s) / 2);
  --separation-hm: calc(var(--separation-sm) / 2);
}

body .grid-3.large {
  --separation: var(--separation-l);
  --separation-m: var(--separation-lm);
  --separation-h: calc(var(--separation-l) / 2);
  --separation-hm: calc(var(--separation-lm) / 2);
}

body .grid-3 > .line {
  width: calc(100% + var(--separation));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: var(--separation-hm);
}

body .grid-3 > .line > *.full {
  margin: var(--separation-h);
  width: calc(100% - var(--separation));
}

body .grid-3 > .line > *:not(.custom):not(.full) {
  margin: var(--separation-h);
  width: calc(100% / var(--grid-3-sep) - var(--separation));
}

body .grid-3.center .line {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .grid-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .grid-2.small {
  --separation: var(--separation-s);
  --separation-m: var(--separation-sm);
  --separation-h: calc(var(--separation-s) / 2);
  --separation-hm: calc(var(--separation-sm) / 2);
}

body .grid-2.large {
  --separation: var(--separation-l);
  --separation-m: var(--separation-lm);
  --separation-h: calc(var(--separation-l) / 2);
  --separation-hm: calc(var(--separation-lm) / 2);
}

body .grid-2 > .line {
  width: calc(100% + var(--separation));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: var(--separation-hm);
}

body .grid-2 > .line > *.full {
  margin: var(--separation-h);
  width: calc(100% - var(--separation));
}

body .grid-2 > .line > *:not(.custom):not(.full) {
  margin: var(--separation-h);
  width: calc(100% / var(--grid-2-sep) - var(--separation));
}

body .grid-2.center .line {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .fixed {
  position: fixed;
}

body .fixed.left {
  left: 0;
}

body .fixed.bottom {
  bottom: 0;
}

body .stretch-a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

body .stretch-a.bottom {
  top: auto;
}

body .stretch-a.top {
  bottom: auto;
}

body .stretch-a.left {
  right: auto;
}

body .stretch-a.right {
  left: auto;
}

body .stretch-f {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

body .stretch-f.bottom {
  top: auto;
}

body .stretch-f.top {
  bottom: auto;
}

body .stretch-f.left {
  right: auto;
}

body .stretch-f.right {
  left: auto;
}

body .blackout-a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: var(--blackout);
}

body .blackout-a.bottom {
  top: auto;
}

body .blackout-a.top {
  top: bottom;
}

body .blackout-a.left {
  right: auto;
}

body .blackout-a.right {
  left: bottom;
}

body .blackout-a.light {
  background: var(--blackout-l);
}

body .blackout-a.hard {
  background: var(--blackout-h);
}

body .blackout-f {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: var(--blackout);
}

body .blackout-f.bottom {
  top: auto;
}

body .blackout-f.top {
  top: bottom;
}

body .blackout-f.left {
  right: auto;
}

body .blackout-f.right {
  left: bottom;
}

body .blackout-f.light {
  background: var(--blackout-l);
}

body .a-cr {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body .a-cl {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body .a-c {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body .f-cr {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body .f-cl {
  position: fixed;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body .f-c {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body .fw-400 {
  font-weight: 400;
}

body .fw-500 {
  font-weight: 500;
}

body .fw-600 {
  font-weight: 600;
}

body .fw-700 {
  font-weight: 700 !important;
}

body .bg-cov {
  background-position: center;
  background-size: cover;
}

body .bg-cov.bottom {
  background-position: center bottom;
}

body .bg-cov.top {
  background-position: center top;
}

body .bg-cov.right {
  background-position: center right;
}

body .bg-cov.left {
  background-position: center left;
}

body .bg-con {
  background-position: center;
  background-size: contain;
}

body .bg-con.bottom {
  background-position: center bottom;
}

body .bg-con.top {
  background-position: center top;
}

body .bg-con.right {
  background-position: center right;
}

body .bg-con.left {
  background-position: center left;
}

body .bg-fix {
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

body .bg-fix.bottom {
  background-position: center bottom;
}

body .bg-fix.top {
  background-position: center top;
}

body .bg-fix.right {
  background-position: center right;
}

body .bg-fix.left {
  background-position: center left;
}

body .top-header {
  text-align: center;
  color: var(--bg) !important;
  background-size: cover !important;
  background-position: center center !important;
}

body .top-header h1 {
  font-size: 7rem;
  word-wrap: break-word;
}

body .top-header a {
  color: var(--bg) !important;
  font-size: var(--fz);
}

body aside {
  width: var(--sidebar);
  padding-right: 5rem;
}

body aside + * {
  width: calc(100% - var(--sidebar));
}

body .page-header {
  text-align: center;
  color: var(--text) !important;
  padding-bottom: var(--padding);
}

body .page-header h1 {
  font-size: 7rem;
}

body .page-header a {
  color: var(--text) !important;
  font-size: 1.5rem;
}

body .notifications {
  position: fixed;
  width: 36rem;
  bottom: 0;
  right: 0;
  z-index: 320;
}

body .notifications .notif {
  background: var(--bg);
  margin: 20px 20px 0 20px;
  opacity: 0;
  position: absolute;
  z-index: -12;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  overflow: hidden;
  border-radius: 0;
  display: block;
  color: var(--text) !important;
  border: 1px solid var(--border);
}

body .notifications .notif.loaded {
  position: relative;
  z-index: 0;
  opacity: 1;
}

body .notifications .notif .content {
  position: relative;
  z-index: 1;
  padding: 1.5rem;
}

body .notifications .notif.closing {
  opacity: 0;
}

body .notifications .notif .notif-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

body .notifications .notif .notif-title:before,
body .notifications .notif .notif-title span {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-20%, -50%);
  -ms-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
  font-size: 6rem;
  color: var(--opacity);
}

body .notifications .notif .notif-title:before.success,
body .notifications .notif .notif-title span.success {
  color: var(--green-opacity);
}

body .notifications .notif .notif-title:before.warning,
body .notifications .notif .notif-title span.warning {
  color: var(--orange-opacity);
}

body .notifications .notif .notif-title:before.red,
body .notifications .notif .notif-title span.red {
  color: var(--red-opacity);
}

body .notifications .notif .notif-title.success .title-inner {
  color: var(--green);
}

body .notifications .notif .notif-title.success:before {
  color: var(--green-opacity);
}

body .notifications .notif .notif-title.warning .title-inner {
  color: var(--orange);
}

body .notifications .notif .notif-title.warning:before {
  color: var(--orange-opacity);
}

body .notifications .notif .notif-title.error .title-inner {
  color: var(--red);
}

body .notifications .notif .notif-title.error:before {
  color: var(--red-opacity);
}

body .notifications .notif .notif-title .title-inner {
  margin: 0 2rem 0 0;
}

body .notifications .notif .notif-title .date {
  color: var(--grey);
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body .notifications .notif p {
  color: var(--grey);
  font-size: 90%;
  margin-top: 0.4em;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body .notifications .notif p .close-notif {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  opacity: 0;
  margin-left: 0.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body .notifications .notif p .close-notif:hover {
  color: var(--red);
}

body .notifications .notif:hover p .close-notif {
  opacity: 1;
}

body .full {
  width: 100%;
}

body .rel {
  position: relative;
}

body .abs {
  position: absolute;
}

body .z1 {
  z-index: 1;
}

body .z2 {
  z-index: 2;
}

body .z3 {
  z-index: 3;
}

body .sm-text {
  font-size: 1.25rem;
}

body .lg-text {
  font-size: 1.7rem;
}

body .highlight {
  color: var(--theme);
  border-bottom: 1px solid var(--border);
}

body .grey-text {
  color: var(--grey);
}

body .grey-bg {
  background: var(--grey-bg);
}

body a,
body button,
body input,
body textarea,
body .slick-slide,
body .item {
  outline: none !important;
}

body ul,
body ol {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

body p {
  margin-bottom: 0.6em;
}

body .mb0 {
  margin-bottom: 0 !important;
}

body p.mb0,
body ul.mb0,
body ol.mb0 {
  margin-bottom: 0;
}

body button,
body input,
body textarea {
  font-family: var(--font);
}

body .site-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body .site-branding a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .site-branding svg,
body .site-branding img {
  height: var(--logo);
  width: auto;
}

body main.site-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

body a,
body a:visited {
  color: var(--theme);
  text-decoration: none;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

body a:hover,
body a:active,
body a:focus,
body a:visited:hover,
body a:visited:active,
body a:visited:focus {
  color: var(--dark);
}

body a.text,
body a:visited.text {
  color: var(--text);
}

body a.text:hover,
body a:visited.text:hover {
  color: var(--dark);
}

body a.grey,
body a:visited.grey {
  color: var(--grey);
}

body a.grey:hover,
body a:visited.grey:hover {
  color: var(--dark);
}

body a.underline,
body a:visited.underline {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid var(--border);
}

body a.underline:hover,
body a:visited.underline:hover {
  border-color: transparent;
}

body a.light,
body a:visited.light {
  color: #fff;
}

body a.light.underline,
body a:visited.light.underline {
  border-color: rgba(255, 255, 255, 0.1);
}

body a.light:hover,
body a:visited.light:hover {
  color: var(--light);
}

body a.more,
body a:visited.more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body a.more span,
body a:visited.more span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 70%;
  margin-left: 0.5rem;
}

body p {
  font-family: var(--font-s);
}

body h1 {
  font-size: 3.8rem;
}

body h1.small {
  font-size: 3rem;
}

body h2 {
  font-size: 3.8rem;
}

body h3 {
  font-size: 2.8rem;
  color: var(--theme);
  font-weight: 700 !important;
  margin-bottom: 3rem !important;
}

body h4 {
  font-size: 2.8rem;
}

body h5 {
  font-size: 2.2rem;
}

body h6 {
  font-size: 2rem;
}

body h1,
body h2,
body h4 {
  line-height: 1.3;
  font-weight: 700;
}

body h3 {
  line-height: 1.2;
  font-weight: 400;
}

body h5,
body h6 {
  line-height: 1.4;
  font-weight: 400;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  margin-bottom: 0.4em;
}

body h1.mb0,
body h2.mb0,
body h3.mb0,
body h4.mb0,
body h5.mb0,
body h6.mb0 {
  margin-bottom: 0;
}

body .br:not(:last-child) {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid var(--border);
}

body .block {
  border: 1px solid var(--border);
  padding: var(--block-p);
}

body ul,
body ol,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
  margin-top: 0;
}

body ul:last-child,
body ol:last-child,
body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child,
body p:last-child {
  margin-bottom: 0;
}

body .title-with-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body .article > *:not(:last-child):not(.subtitle):not(.mb0) {
  margin-bottom: 2rem;
}

body .article > *:not(:last-child):not(.subtitle):not(.mb0).bm {
  margin-bottom: 3rem;
}

body .article > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
  border-bottom: 1px solid var(--border);
  padding-bottom: 2rem;
}

body
  .article
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
  padding-bottom: 3rem;
}

body .article.half {
  width: var(--article-half);
}

body .article.center {
  width: var(--article-half);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body .article-sm > *:not(:last-child):not(.subtitle):not(.mb0) {
  margin-bottom: 1rem;
}

body .article-sm > *:not(:last-child):not(.subtitle):not(.mb0).bm {
  margin-bottom: 2rem;
}

body
  .article-sm
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
  border-bottom: 1px solid var(--border);
  padding-bottom: 1rem;
}

body
  .article-sm
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
  padding-bottom: 2rem;
}

body .article-sm.half {
  width: var(--article-half);
}

body .article-sm.center {
  width: var(--article-half);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body .article-md > *:not(:last-child):not(.subtitle):not(.mb0) {
  margin-bottom: 3rem;
}

body .article-md > *:not(:last-child):not(.subtitle):not(.mb0).bm {
  margin-bottom: 4rem;
}

body
  .article-md
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
  border-bottom: 1px solid var(--border);
  padding-bottom: 3rem;
}

body
  .article-md
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
  padding-bottom: 4rem;
}

body .article-md.half {
  width: var(--article-half);
}

body .article-md.center {
  width: var(--article-half);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body .article-bg > *:not(:last-child):not(.subtitle):not(.mb0) {
  margin-bottom: 4rem;
}

body .article-bg > *:not(:last-child):not(.subtitle):not(.mb0).bm {
  margin-bottom: 5rem;
}

body
  .article-bg
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
  border-bottom: 1px solid var(--border);
  padding-bottom: 4rem;
}

body
  .article-bg
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
  padding-bottom: 5rem;
}

body .article-bg.half {
  width: var(--article-half);
}

body .article-bg.center {
  width: var(--article-half);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body .article-lg > *:not(:last-child):not(.subtitle):not(.mb0) {
  margin-bottom: 6rem;
}

body .article-lg > *:not(:last-child):not(.subtitle):not(.mb0).bm {
  margin-bottom: 7rem;
}

body
  .article-lg
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn) {
  border-bottom: 1px solid var(--border);
  padding-bottom: 6rem;
}

body
  .article-lg
  > *:not(:last-child):not(.subtitle):not(.mb0).bordered:not(.btn).bm {
  padding-bottom: 7rem;
}

body .article-lg.half {
  width: var(--article-half);
}

body .article-lg.center {
  width: var(--article-half);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

body .subtitle {
  font-size: var(--subtitle-size);
  color: var(--second);
  font-weight: 700;
}

body .subtitle.theme {
  color: var(--theme);
}

body .toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--bg);
}

body .toggler .item {
  height: var(--field);
  width: var(--field);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: solid var(--border);
  border-width: 1px 0;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
}

body .toggler .item:hover {
  border-color: transparent;
  background: var(--border);
}

body .toggler .item:first-child {
  border-left-width: 1px;
}

body .toggler .item:last-child {
  border-right-width: 1px;
}

body .toggler .item.active {
  border-color: transparent;
  background: var(--theme);
  color: #fff;
}

body .toggler .item.active:hover {
  background: var(--dark);
}

body .toggler .item:active {
  background: var(--dark);
  color: #fff;
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 4px var(--focus);
  box-shadow: 0 0 0 4px var(--focus);
  z-index: 1;
}

body .toggler.small {
  font-size: var(--fz);
}

body .toggler.small .item {
  height: var(--field-sm);
  width: var(--field-sm);
}

body .toggler.large {
  font-size: 1.8rem;
}

body .toggler.large .item {
  height: var(--field-lg);
  width: var(--field-lg);
}

body .b24-form-header {
  text-align: left !important;
}

body .btn,
body a.btn,
body .b24-form-btn,
body a:visited.btn {
  color: #fff;
  color: #fff !important;
  font-weight: 400 !important;
  border-radius: 1rem;
  background-color: #e50914;
  border: transparent;
  padding: 0 2rem;
  height: var(--field) !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: var(--font);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  font-size: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

body .btn:hover,
body a.btn:hover,
body .b24-form-btn:hover,
body a:visited.btn:hover {
  color: #fff !important;
  background-color: #000;
}

body .btn.icon,
body a.btn.icon,
body .b24-form-btn.icon,
body a:visited.btn.icon {
  width: var(--field);
  font-size: calc(var(--btn-fz) * 2.5);
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  color: #132651;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body .btn.icon:hover,
body a.btn.icon:hover,
body .b24-form-btn.icon:hover,
body a:visited.btn.icon:hover {
  background-color: var(--border);
}

body .btn.icon:active,
body a.btn.icon:active,
body .b24-form-btn.icon:active,
body a:visited.btn.icon:active {
  background-color: var(--border);
  -webkit-box-shadow: 0 0 0 4px var(--opacity);
  box-shadow: 0 0 0 4px var(--opacity);
}

body .btn.icon::before,
body a.btn.icon::before,
body .b24-form-btn.icon::before,
body a:visited.btn.icon::before {
  font-weight: 100 !important;
  color: #000;
}

body .btn.icon.rounded,
body a.btn.icon.rounded,
body .b24-form-btn.icon.rounded,
body a:visited.btn.icon.rounded {
  border-radius: 100%;
}

body .btn.icon.pl,
body a.btn.icon.pl,
body .b24-form-btn.icon.pl,
body a:visited.btn.icon.pl {
  padding-left: 0.3em;
}

body .btn.second,
body a.btn.second,
body .b24-form-btn.second,
body a:visited.btn.second {
  --theme: var(--text);
  color: var(--bg);
  --dark: var(--second-dark);
  --light: var(--second-light);
  --focus: var(--second-focus);
  --opacity: var(--second-opacity);
}

body .btn.medium,
body a.btn.medium,
body .b24-form-btn.medium,
body a:visited.btn.medium {
  padding: 0 1.2em;
  height: var(--field-md);
}

body .btn.medium.icon,
body a.btn.medium.icon,
body .b24-form-btn.medium.icon,
body a:visited.btn.medium.icon {
  width: var(--field-md);
  padding: 0;
}

body .btn.medium.icon.pl,
body a.btn.medium.icon.pl,
body .b24-form-btn.medium.icon.pl,
body a:visited.btn.medium.icon.pl {
  padding-left: 0.3em;
}

body .btn.small,
body a.btn.small,
body .b24-form-btn.small,
body a:visited.btn.small {
  height: var(--field-sm);
}

body .btn.small.icon,
body a.btn.small.icon,
body .b24-form-btn.small.icon,
body a:visited.btn.small.icon {
  width: var(--field-sm);
  padding: 0;
}

body .btn.small.icon.pl,
body a.btn.small.icon.pl,
body .b24-form-btn.small.icon.pl,
body a:visited.btn.small.icon.pl {
  padding-left: 0.3em;
}

body .btn.large,
body a.btn.large,
body .b24-form-btn.large,
body a:visited.btn.large {
  height: var(--field-lg);
  font-size: 1.5rem;
}

body .btn.large.icon,
body a.btn.large.icon,
body .b24-form-btn.large.icon,
body a:visited.btn.large.icon {
  width: var(--field-lg);
  padding: 0;
}

body .btn.large.icon.pl,
body a.btn.large.icon.pl,
body .b24-form-btn.large.icon.pl,
body a:visited.btn.large.icon.pl {
  padding-left: 0.3em;
}

body .btn:hover,
body a.btn:hover,
body .b24-form-btn:hover,
body a:visited.btn:hover {
  background: var(--dark);
}

body .btn:active,
body a.btn:active,
body .b24-form-btn:active,
body a:visited.btn:active {
  background: var(--dark);
  -webkit-box-shadow: 0 0 0 4px var(--focus);
  box-shadow: 0 0 0 4px var(--focus);
}

body .btn.focus,
body a.btn.focus,
body .b24-form-btn.focus,
body a:visited.btn.focus {
  background: var(--dark);
  -webkit-box-shadow: 0 0 0 4px var(--focus);
  box-shadow: 0 0 0 4px var(--focus);
}

body .btn.focus:hover,
body a.btn.focus:hover,
body .b24-form-btn.focus:hover,
body a:visited.btn.focus:hover {
  background: var(--theme);
  -webkit-box-shadow: 0 0 0 8px var(--focus);
  box-shadow: 0 0 0 8px var(--focus);
}

body .btn.focus:active,
body a.btn.focus:active,
body .b24-form-btn.focus:active,
body a:visited.btn.focus:active {
  background: var(--light);
  -webkit-box-shadow: 0 0 0 4px var(--focus);
  box-shadow: 0 0 0 4px var(--focus);
}

body .btn.red:not(.bordered),
body a.btn.red:not(.bordered),
body .b24-form-btn.red:not(.bordered),
body a:visited.btn.red:not(.bordered) {
  background: var(--red);
}

body .btn.red:not(.bordered):hover,
body a.btn.red:not(.bordered):hover,
body .b24-form-btn.red:not(.bordered):hover,
body a:visited.btn.red:not(.bordered):hover {
  background: var(--red-light);
}

body .btn.red:not(.bordered):active,
body a.btn.red:not(.bordered):active,
body .b24-form-btn.red:not(.bordered):active,
body a:visited.btn.red:not(.bordered):active {
  background: var(--red-dark);
  -webkit-box-shadow: 0 0 0 4px var(--red-focus);
  box-shadow: 0 0 0 4px var(--red-focus);
}

body .btn.theme-bordered,
body a.btn.theme-bordered,
body .b24-form-btn.theme-bordered,
body a:visited.btn.theme-bordered {
  background: none;
  color: var(--text);
  border-color: var(--theme);
}

body .btn.theme-bordered:hover,
body a.btn.theme-bordered:hover,
body .b24-form-btn.theme-bordered:hover,
body a:visited.btn.theme-bordered:hover {
  color: #fff;
  border-color: transparent;
  background: var(--theme);
}

body .btn.theme-bordered:active,
body a.btn.theme-bordered:active,
body .b24-form-btn.theme-bordered:active,
body a:visited.btn.theme-bordered:active {
  background: var(--dark);
  color: #fff;
  border-color: transparent;
}

body .btn.theme-bordered.focus,
body a.btn.theme-bordered.focus,
body .b24-form-btn.theme-bordered.focus,
body a:visited.btn.theme-bordered.focus {
  background: var(--dark);
  color: #fff;
  border-color: transparent;
}

body .btn.bordered-theme,
body a.btn.bordered-theme,
body .b24-form-btn.bordered-theme,
body a:visited.btn.bordered-theme {
  background-color: #fff;
  color: #000;
  padding: 2em 3.5em !important;
  font-weight: 700 !important;
  -webkit-transition: 0.7s ease;
  -o-transition: 0.7s ease;
  transition: 0.7s ease;
}

body .btn.bordered-theme:hover,
body a.btn.bordered-theme:hover,
body .b24-form-btn.bordered-theme:hover,
body a:visited.btn.bordered-theme:hover {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
}

body .btn.bordered-theme:active,
body a.btn.bordered-theme:active,
body .b24-form-btn.bordered-theme:active,
body a:visited.btn.bordered-theme:active {
  border-color: var(--bg);
  color: var(--theme);
  background: var(--bg);
}

body .btn.bordered-theme.focus,
body a.btn.bordered-theme.focus,
body .b24-form-btn.bordered-theme.focus,
body a:visited.btn.bordered-theme.focus {
  border-color: var(--bg);
  color: var(--theme);
  background: var(--bg);
}

body .btn.bordered,
body a.btn.bordered,
body .b24-form-btn.bordered,
body a:visited.btn.bordered {
  background: none;
  font-weight: 400;
  border-radius: 20px;
  color: var(--theme);
  background-color: transparent;
  border: 1px solid #888888 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

body .btn.bordered::before,
body a.btn.bordered::before,
body .b24-form-btn.bordered::before,
body a:visited.btn.bordered::before {
  font-weight: 400 !important;
  margin-left: 0.3em;
  margin-right: 0 !important;
  color: #000;
}

body .btn.bordered:hover,
body a.btn.bordered:hover,
body .b24-form-btn.bordered:hover,
body a:visited.btn.bordered:hover {
  color: #fff !important;
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
}

body .btn.bordered:hover::before,
body a.btn.bordered:hover::before,
body .b24-form-btn.bordered:hover::before,
body a:visited.btn.bordered:hover::before {
  color: #fff !important;
}

body .btn.bordered:active,
body a.btn.bordered:active,
body .b24-form-btn.bordered:active,
body a:visited.btn.bordered:active {
  background: var(--theme);
  color: #fff;
  border-color: transparent;
}

body .btn.bordered.focus,
body a.btn.bordered.focus,
body .b24-form-btn.bordered.focus,
body a:visited.btn.bordered.focus {
  background: var(--theme);
  color: #fff;
  border-color: transparent;
}

body .btn.bordered.red:hover,
body a.btn.bordered.red:hover,
body .b24-form-btn.bordered.red:hover,
body a:visited.btn.bordered.red:hover {
  background: var(--red);
  border-color: transparent;
  color: #fff;
}

body .btn.bordered.red:active,
body a.btn.bordered.red:active,
body .b24-form-btn.bordered.red:active,
body a:visited.btn.bordered.red:active {
  background: var(--red-dark);
  border-color: transparent;
  color: #fff;
  -webkit-box-shadow: 0 0 0 4px var(--red-focus);
  box-shadow: 0 0 0 4px var(--red-focus);
}

body .btn.bordered-icon,
body a.btn.bordered-icon,
body .b24-form-btn.bordered-icon,
body a:visited.btn.bordered-icon {
  border-color: transparent;
  color: var(--theme) !important;
  background: none !important;
  border: none !important;
  border-radius: 50% !important;
}

body .btn.bordered-icon:hover,
body a.btn.bordered-icon:hover,
body .b24-form-btn.bordered-icon:hover,
body a:visited.btn.bordered-icon:hover {
  background-color: var(--border) !important;
}

body .btn.ghost,
body a.btn.ghost,
body .b24-form-btn.ghost,
body a:visited.btn.ghost {
  border-color: transparent;
  color: var(--theme) !important;
  background: none;
}

body .btn.ghost:hover,
body a.btn.ghost:hover,
body .b24-form-btn.ghost:hover,
body a:visited.btn.ghost:hover {
  background: var(--opacity);
}

body .btn.ghost:active,
body a.btn.ghost:active,
body .b24-form-btn.ghost:active,
body a:visited.btn.ghost:active {
  background: var(--theme);
  color: #fff !important;
}

body .btn.ghost.focus,
body a.btn.ghost.focus,
body .b24-form-btn.ghost.focus,
body a:visited.btn.ghost.focus {
  background: var(--dark);
  color: #fff !important;
}

body .btn.full,
body a.btn.full,
body .b24-form-btn.full,
body a:visited.btn.full {
  width: 100%;
  padding: 0;
}

body .btn:not(.icon):before,
body a.btn:not(.icon):before,
body .b24-form-btn:not(.icon):before,
body a:visited.btn:not(.icon):before {
  margin-right: 0.8em;
  font-size: 1.2em;
}

body .btn:disabled,
body a.btn:disabled,
body .b24-form-btn:disabled,
body a:visited.btn:disabled {
  background: var(--border) !important;
  color: var(--grey) !important;
  cursor: default !important;
}

body .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .btns > .btn:not(:last-child) {
  margin-bottom: 0.6rem;
}

body header .btns a:last-child span {
  color: #000 !important;
}

body header .btns a:first-child {
  color: #fff !important;
  background-color: #000;
  border: 1px solid #000;
}

body header .btns a:last-child {
  color: #000 !important;
  background-color: transparent;
  border: 1px solid #000;
}

body .btns .line {
  margin: -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% + 1rem);
}

body .btns .line .btn,
body .btns .line .toggler {
  margin: 0.5rem;
}

body .btns .line .mla {
  margin-left: auto;
}

body .btns .line .mra {
  margin-right: auto;
}

body .btns.right .line {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

body .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body .tabs .tab {
  height: var(--field);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  font-size: var(--label-size);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  color: var(--grey);
}

body .tabs .tab:hover {
  color: var(--text);
}

body .tabs .tab:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 1px;
  background: var(--theme);
}

body .tabs .tab.active {
  color: var(--text);
}

body .tabs .tab.active:after {
  width: 100%;
}

body .fixed-btns [data-count]:not([data-count="0"]):after {
  content: attr(data-count);
  position: absolute;
  bottom: 85%;
  left: 85%;
  min-width: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #000;
  text-align: center;
  padding: 0 3px;
  border-radius: 50%;
  background: navajowhite;
}

body [data-count]:not([data-count="0"]):after {
  content: attr(data-count);
  position: absolute;
  bottom: 60%;
  left: 60%;
  min-width: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding: 0 3px;
  border-radius: 10px;
  background: var(--theme);
}

body label:not(.custom):not(.avatar),
body .label:not(.avatar) {
  display: block;
  font-size: var(--label-size);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: var(--grey);
}

body label:not(.custom):not(.avatar):not(:last-child),
body .label:not(.avatar):not(:last-child) {
  margin-bottom: 0.5em;
}

body label:not(.custom):not(.avatar)[for],
body .label:not(.avatar)[for] {
  cursor: pointer;
}

body label.edit-avatar {
  width: 16rem;
  height: 16rem;
  border-radius: 100%;
  border: 4px dashed var(--border);
  color: var(--text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 6rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 8rem;
  position: relative;
}

body label.edit-avatar:hover {
  border-color: var(--focus);
  background: var(--opacity);
  color: var(--theme);
}

body label.edit-avatar .avatar-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  border-radius: 100%;
  overflow: hidden;
  font-size: 6rem;
  color: #fff;
}

body label.edit-avatar .avatar-image:before {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

body label.edit-avatar .avatar-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--theme-blackout);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

body label.edit-avatar .avatar-image:hover:before,
body label.edit-avatar .avatar-image:hover:after {
  opacity: 1;
}

body .label-block:not(:last-child) {
  margin-bottom: 2rem;
}

body .label-block.half {
  width: calc(50% - 1.5rem);
}

body .parameters-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.6em;
}

body .parameters-list li:last-child {
  margin-bottom: 0;
}

body .parameters-list li span:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: var(--grey);
}

body .parameters-list li span:first-child:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 1rem;
  border-bottom: 1px dashed var(--border);
}

body .parameters-list li span i {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

body .parameters-list li span i:hover {
  color: var(--theme);
}

body .parameters-list li .label {
  margin-bottom: 0 !important;
}

body .parameters-list li .right-span {
  text-align: right;
}

body .parameters-list h6 {
  margin: 2rem 0;
}

body .parameters-list.center h6 {
  text-align: center;
}

body .b24-form-control-select-label,
body .b24-form-control:focus + .b24-form-control-label,
body .b24-form-control-not-empty + .b24-form-control-label {
  top: -10px !important;
}

body input[type="text"]:not(.hidden):not(.code),
body input[type="email"]:not(.hidden):not(.code),
body input[type="string"]:not(.hidden):not(.code),
body input[type="url"]:not(.hidden):not(.code),
body input[type="password"]:not(.hidden):not(.code),
body input[type="search"]:not(.hidden):not(.code),
body input[type="number"]:not(.hidden):not(.code),
body input[type="tel"]:not(.hidden):not(.code),
body input[type="range"]:not(.hidden):not(.code),
body input[type="date"]:not(.hidden):not(.code),
body input[type="month"]:not(.hidden):not(.code),
body input[type="week"]:not(.hidden):not(.code),
body input[type="time"]:not(.hidden):not(.code),
body input[type="datetime"]:not(.hidden):not(.code),
body input[type="datetime-local"]:not(.hidden):not(.code),
body input[type="color"]:not(.hidden):not(.code),
body textarea:not(.hidden):not(.code) {
  display: block;
  width: 100%;
  height: var(--field);
  padding: 0 1em;
  border: none;
  background: #fff !important;
  color: #000 !important;

  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: var(--fz);
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08);
}

body section.order .order__content {
  justify-content: space-between;
}

section.order .order__content .content {
}
.r-img {
  flex-grow: 1;
}

.r-img img {
  width: 100%;
}
body .b24-form-control-select-label,
body .b24-form-control:focus + .b24-form-control-label,
body .b24-form-control-not-empty + .b24-form-control-label {
  opacity: 0;
}

.b24-form-padding-side {
  padding: 0 !important;
}

body input[type="text"]:not(.hidden):not(.code).disguise,
body input[type="email"]:not(.hidden):not(.code).disguise,
body input[type="string"]:not(.hidden):not(.code).disguise,
body input[type="url"]:not(.hidden):not(.code).disguise,
body input[type="password"]:not(.hidden):not(.code).disguise,
body input[type="search"]:not(.hidden):not(.code).disguise,
body input[type="number"]:not(.hidden):not(.code).disguise,
body input[type="tel"]:not(.hidden):not(.code).disguise,
body input[type="range"]:not(.hidden):not(.code).disguise,
body input[type="date"]:not(.hidden):not(.code).disguise,
body input[type="month"]:not(.hidden):not(.code).disguise,
body input[type="week"]:not(.hidden):not(.code).disguise,
body input[type="time"]:not(.hidden):not(.code).disguise,
body input[type="datetime"]:not(.hidden):not(.code).disguise,
body input[type="datetime-local"]:not(.hidden):not(.code).disguise,
body input[type="color"]:not(.hidden):not(.code).disguise,
body textarea:not(.hidden):not(.code).disguise {
  height: 2.5rem;
  font-size: 2.5rem;
  padding: 0;
  font-weight: 600;
  border-color: transparent;
}

body input[type="text"]:not(.hidden):not(.code).disguise:focus,
body input[type="email"]:not(.hidden):not(.code).disguise:focus,
body input[type="string"]:not(.hidden):not(.code).disguise:focus,
body input[type="url"]:not(.hidden):not(.code).disguise:focus,
body input[type="password"]:not(.hidden):not(.code).disguise:focus,
body input[type="search"]:not(.hidden):not(.code).disguise:focus,
body input[type="number"]:not(.hidden):not(.code).disguise:focus,
body input[type="tel"]:not(.hidden):not(.code).disguise:focus,
body input[type="range"]:not(.hidden):not(.code).disguise:focus,
body input[type="date"]:not(.hidden):not(.code).disguise:focus,
body input[type="month"]:not(.hidden):not(.code).disguise:focus,
body input[type="week"]:not(.hidden):not(.code).disguise:focus,
body input[type="time"]:not(.hidden):not(.code).disguise:focus,
body input[type="datetime"]:not(.hidden):not(.code).disguise:focus,
body input[type="datetime-local"]:not(.hidden):not(.code).disguise:focus,
body input[type="color"]:not(.hidden):not(.code).disguise:focus,
body textarea:not(.hidden):not(.code).disguise:focus {
  height: 5rem;
  padding: 0 1.2rem;
}

body input[type="text"]:not(.hidden):not(.code):focus,
body input[type="email"]:not(.hidden):not(.code):focus,
body input[type="string"]:not(.hidden):not(.code):focus,
body input[type="url"]:not(.hidden):not(.code):focus,
body input[type="password"]:not(.hidden):not(.code):focus,
body input[type="search"]:not(.hidden):not(.code):focus,
body input[type="number"]:not(.hidden):not(.code):focus,
body input[type="tel"]:not(.hidden):not(.code):focus,
body input[type="range"]:not(.hidden):not(.code):focus,
body input[type="date"]:not(.hidden):not(.code):focus,
body input[type="month"]:not(.hidden):not(.code):focus,
body input[type="week"]:not(.hidden):not(.code):focus,
body input[type="time"]:not(.hidden):not(.code):focus,
body input[type="datetime"]:not(.hidden):not(.code):focus,
body input[type="datetime-local"]:not(.hidden):not(.code):focus,
body input[type="color"]:not(.hidden):not(.code):focus,
body textarea:not(.hidden):not(.code):focus {
  color: #000;
}

body input[type="text"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="email"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="string"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="url"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="password"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="search"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="number"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="tel"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="range"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="date"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="month"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="week"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="time"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body input[type="datetime"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body
  input[type="datetime-local"]:not(.hidden):not(
    .code
  )::-webkit-input-placeholder,
body input[type="color"]:not(.hidden):not(.code)::-webkit-input-placeholder,
body textarea:not(.hidden):not(.code)::-webkit-input-placeholder {
  color: #7f7f7f;
}

body input[type="text"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="email"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="string"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="url"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="password"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="search"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="number"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="tel"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="range"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="date"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="month"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="week"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="time"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="datetime"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="datetime-local"]:not(.hidden):not(.code)::-moz-placeholder,
body input[type="color"]:not(.hidden):not(.code)::-moz-placeholder,
body textarea:not(.hidden):not(.code)::-moz-placeholder {
  color: #7f7f7f;
}

body input[type="text"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="email"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="string"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="url"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="password"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="search"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="number"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="tel"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="range"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="date"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="month"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="week"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="time"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="datetime"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="datetime-local"]:not(.hidden):not(.code):-ms-input-placeholder,
body input[type="color"]:not(.hidden):not(.code):-ms-input-placeholder,
body textarea:not(.hidden):not(.code):-ms-input-placeholder {
  color: #7f7f7f;
}

body input[type="text"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="email"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="string"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="url"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="password"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="search"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="number"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="tel"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="range"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="date"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="month"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="week"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="time"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="datetime"]:not(.hidden):not(.code)::-ms-input-placeholder,
body
  input[type="datetime-local"]:not(.hidden):not(.code)::-ms-input-placeholder,
body input[type="color"]:not(.hidden):not(.code)::-ms-input-placeholder,
body textarea:not(.hidden):not(.code)::-ms-input-placeholder {
  color: #7f7f7f;
}

body input[type="text"]:not(.hidden):not(.code)::placeholder,
body input[type="email"]:not(.hidden):not(.code)::placeholder,
body input[type="string"]:not(.hidden):not(.code)::placeholder,
body input[type="url"]:not(.hidden):not(.code)::placeholder,
body input[type="password"]:not(.hidden):not(.code)::placeholder,
body input[type="search"]:not(.hidden):not(.code)::placeholder,
body input[type="number"]:not(.hidden):not(.code)::placeholder,
body input[type="tel"]:not(.hidden):not(.code)::placeholder,
body input[type="range"]:not(.hidden):not(.code)::placeholder,
body input[type="date"]:not(.hidden):not(.code)::placeholder,
body input[type="month"]:not(.hidden):not(.code)::placeholder,
body input[type="week"]:not(.hidden):not(.code)::placeholder,
body input[type="time"]:not(.hidden):not(.code)::placeholder,
body input[type="datetime"]:not(.hidden):not(.code)::placeholder,
body input[type="datetime-local"]:not(.hidden):not(.code)::placeholder,
body input[type="color"]:not(.hidden):not(.code)::placeholder,
body textarea:not(.hidden):not(.code)::placeholder {
  color: #7f7f7f;
}

body input[type="text"] .b24-form-header .b24-form-header-title,
body input[type="email"] .b24-form-header .b24-form-header-title,
body input[type="string"] .b24-form-header .b24-form-header-title,
body input[type="url"] .b24-form-header .b24-form-header-title,
body input[type="password"] .b24-form-header .b24-form-header-title,
body input[type="search"] .b24-form-header .b24-form-header-title,
body input[type="number"] .b24-form-header .b24-form-header-title,
body input[type="tel"] .b24-form-header .b24-form-header-title,
body input[type="range"] .b24-form-header .b24-form-header-title,
body input[type="date"] .b24-form-header .b24-form-header-title,
body input[type="month"] .b24-form-header .b24-form-header-title,
body input[type="week"] .b24-form-header .b24-form-header-title,
body input[type="time"] .b24-form-header .b24-form-header-title,
body input[type="datetime"] .b24-form-header .b24-form-header-title,
body input[type="datetime-local"] .b24-form-header .b24-form-header-title,
body input[type="color"] .b24-form-header .b24-form-header-title,
body textarea .b24-form-header .b24-form-header-title {
  font-size: 3rem;
}

body input[type="text"].hidden,
body input[type="email"].hidden,
body input[type="string"].hidden,
body input[type="url"].hidden,
body input[type="password"].hidden,
body input[type="search"].hidden,
body input[type="number"].hidden,
body input[type="tel"].hidden,
body input[type="range"].hidden,
body input[type="date"].hidden,
body input[type="month"].hidden,
body input[type="week"].hidden,
body input[type="time"].hidden,
body input[type="datetime"].hidden,
body input[type="datetime-local"].hidden,
body input[type="color"].hidden,
body textarea.hidden {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  border: none;
  background: none;
  display: block;
  color: var(--text);
  font-size: inherit;
}

body input[type="text"].hidden.upper,
body input[type="email"].hidden.upper,
body input[type="string"].hidden.upper,
body input[type="url"].hidden.upper,
body input[type="password"].hidden.upper,
body input[type="search"].hidden.upper,
body input[type="number"].hidden.upper,
body input[type="tel"].hidden.upper,
body input[type="range"].hidden.upper,
body input[type="date"].hidden.upper,
body input[type="month"].hidden.upper,
body input[type="week"].hidden.upper,
body input[type="time"].hidden.upper,
body input[type="datetime"].hidden.upper,
body input[type="datetime-local"].hidden.upper,
body input[type="color"].hidden.upper,
body textarea.hidden.upper {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
}

body input[type="text"].hidden.upper::-webkit-input-placeholder,
body input[type="email"].hidden.upper::-webkit-input-placeholder,
body input[type="string"].hidden.upper::-webkit-input-placeholder,
body input[type="url"].hidden.upper::-webkit-input-placeholder,
body input[type="password"].hidden.upper::-webkit-input-placeholder,
body input[type="search"].hidden.upper::-webkit-input-placeholder,
body input[type="number"].hidden.upper::-webkit-input-placeholder,
body input[type="tel"].hidden.upper::-webkit-input-placeholder,
body input[type="range"].hidden.upper::-webkit-input-placeholder,
body input[type="date"].hidden.upper::-webkit-input-placeholder,
body input[type="month"].hidden.upper::-webkit-input-placeholder,
body input[type="week"].hidden.upper::-webkit-input-placeholder,
body input[type="time"].hidden.upper::-webkit-input-placeholder,
body input[type="datetime"].hidden.upper::-webkit-input-placeholder,
body input[type="datetime-local"].hidden.upper::-webkit-input-placeholder,
body input[type="color"].hidden.upper::-webkit-input-placeholder,
body textarea.hidden.upper::-webkit-input-placeholder {
  color: var(--placeholder);
}

body input[type="text"].hidden.upper::-moz-placeholder,
body input[type="email"].hidden.upper::-moz-placeholder,
body input[type="string"].hidden.upper::-moz-placeholder,
body input[type="url"].hidden.upper::-moz-placeholder,
body input[type="password"].hidden.upper::-moz-placeholder,
body input[type="search"].hidden.upper::-moz-placeholder,
body input[type="number"].hidden.upper::-moz-placeholder,
body input[type="tel"].hidden.upper::-moz-placeholder,
body input[type="range"].hidden.upper::-moz-placeholder,
body input[type="date"].hidden.upper::-moz-placeholder,
body input[type="month"].hidden.upper::-moz-placeholder,
body input[type="week"].hidden.upper::-moz-placeholder,
body input[type="time"].hidden.upper::-moz-placeholder,
body input[type="datetime"].hidden.upper::-moz-placeholder,
body input[type="datetime-local"].hidden.upper::-moz-placeholder,
body input[type="color"].hidden.upper::-moz-placeholder,
body textarea.hidden.upper::-moz-placeholder {
  color: var(--placeholder);
}

body input[type="text"].hidden.upper:-ms-input-placeholder,
body input[type="email"].hidden.upper:-ms-input-placeholder,
body input[type="string"].hidden.upper:-ms-input-placeholder,
body input[type="url"].hidden.upper:-ms-input-placeholder,
body input[type="password"].hidden.upper:-ms-input-placeholder,
body input[type="search"].hidden.upper:-ms-input-placeholder,
body input[type="number"].hidden.upper:-ms-input-placeholder,
body input[type="tel"].hidden.upper:-ms-input-placeholder,
body input[type="range"].hidden.upper:-ms-input-placeholder,
body input[type="date"].hidden.upper:-ms-input-placeholder,
body input[type="month"].hidden.upper:-ms-input-placeholder,
body input[type="week"].hidden.upper:-ms-input-placeholder,
body input[type="time"].hidden.upper:-ms-input-placeholder,
body input[type="datetime"].hidden.upper:-ms-input-placeholder,
body input[type="datetime-local"].hidden.upper:-ms-input-placeholder,
body input[type="color"].hidden.upper:-ms-input-placeholder,
body textarea.hidden.upper:-ms-input-placeholder {
  color: var(--placeholder);
}

body input[type="text"].hidden.upper::-ms-input-placeholder,
body input[type="email"].hidden.upper::-ms-input-placeholder,
body input[type="string"].hidden.upper::-ms-input-placeholder,
body input[type="url"].hidden.upper::-ms-input-placeholder,
body input[type="password"].hidden.upper::-ms-input-placeholder,
body input[type="search"].hidden.upper::-ms-input-placeholder,
body input[type="number"].hidden.upper::-ms-input-placeholder,
body input[type="tel"].hidden.upper::-ms-input-placeholder,
body input[type="range"].hidden.upper::-ms-input-placeholder,
body input[type="date"].hidden.upper::-ms-input-placeholder,
body input[type="month"].hidden.upper::-ms-input-placeholder,
body input[type="week"].hidden.upper::-ms-input-placeholder,
body input[type="time"].hidden.upper::-ms-input-placeholder,
body input[type="datetime"].hidden.upper::-ms-input-placeholder,
body input[type="datetime-local"].hidden.upper::-ms-input-placeholder,
body input[type="color"].hidden.upper::-ms-input-placeholder,
body textarea.hidden.upper::-ms-input-placeholder {
  color: var(--placeholder);
}

body input[type="text"].hidden.upper::placeholder,
body input[type="email"].hidden.upper::placeholder,
body input[type="string"].hidden.upper::placeholder,
body input[type="url"].hidden.upper::placeholder,
body input[type="password"].hidden.upper::placeholder,
body input[type="search"].hidden.upper::placeholder,
body input[type="number"].hidden.upper::placeholder,
body input[type="tel"].hidden.upper::placeholder,
body input[type="range"].hidden.upper::placeholder,
body input[type="date"].hidden.upper::placeholder,
body input[type="month"].hidden.upper::placeholder,
body input[type="week"].hidden.upper::placeholder,
body input[type="time"].hidden.upper::placeholder,
body input[type="datetime"].hidden.upper::placeholder,
body input[type="datetime-local"].hidden.upper::placeholder,
body input[type="color"].hidden.upper::placeholder,
body textarea.hidden.upper::placeholder {
  color: var(--placeholder);
}

body input[type="text"][type="password"],
body input[type="email"][type="password"],
body input[type="string"][type="password"],
body input[type="url"][type="password"],
body input[type="password"][type="password"],
body input[type="search"][type="password"],
body input[type="number"][type="password"],
body input[type="tel"][type="password"],
body input[type="range"][type="password"],
body input[type="date"][type="password"],
body input[type="month"][type="password"],
body input[type="week"][type="password"],
body input[type="time"][type="password"],
body input[type="datetime"][type="password"],
body input[type="datetime-local"][type="password"],
body input[type="color"][type="password"],
body textarea[type="password"] {
  font-family: sans-serif;
}

body input[type="text"][type="password"]::-webkit-input-placeholder,
body input[type="email"][type="password"]::-webkit-input-placeholder,
body input[type="string"][type="password"]::-webkit-input-placeholder,
body input[type="url"][type="password"]::-webkit-input-placeholder,
body input[type="password"][type="password"]::-webkit-input-placeholder,
body input[type="search"][type="password"]::-webkit-input-placeholder,
body input[type="number"][type="password"]::-webkit-input-placeholder,
body input[type="tel"][type="password"]::-webkit-input-placeholder,
body input[type="range"][type="password"]::-webkit-input-placeholder,
body input[type="date"][type="password"]::-webkit-input-placeholder,
body input[type="month"][type="password"]::-webkit-input-placeholder,
body input[type="week"][type="password"]::-webkit-input-placeholder,
body input[type="time"][type="password"]::-webkit-input-placeholder,
body input[type="datetime"][type="password"]::-webkit-input-placeholder,
body input[type="datetime-local"][type="password"]::-webkit-input-placeholder,
body input[type="color"][type="password"]::-webkit-input-placeholder,
body textarea[type="password"]::-webkit-input-placeholder {
  font-family: var(--font);
}

body input[type="text"][type="password"]::-moz-placeholder,
body input[type="email"][type="password"]::-moz-placeholder,
body input[type="string"][type="password"]::-moz-placeholder,
body input[type="url"][type="password"]::-moz-placeholder,
body input[type="password"][type="password"]::-moz-placeholder,
body input[type="search"][type="password"]::-moz-placeholder,
body input[type="number"][type="password"]::-moz-placeholder,
body input[type="tel"][type="password"]::-moz-placeholder,
body input[type="range"][type="password"]::-moz-placeholder,
body input[type="date"][type="password"]::-moz-placeholder,
body input[type="month"][type="password"]::-moz-placeholder,
body input[type="week"][type="password"]::-moz-placeholder,
body input[type="time"][type="password"]::-moz-placeholder,
body input[type="datetime"][type="password"]::-moz-placeholder,
body input[type="datetime-local"][type="password"]::-moz-placeholder,
body input[type="color"][type="password"]::-moz-placeholder,
body textarea[type="password"]::-moz-placeholder {
  font-family: var(--font);
}

body input[type="text"][type="password"]:-ms-input-placeholder,
body input[type="email"][type="password"]:-ms-input-placeholder,
body input[type="string"][type="password"]:-ms-input-placeholder,
body input[type="url"][type="password"]:-ms-input-placeholder,
body input[type="password"][type="password"]:-ms-input-placeholder,
body input[type="search"][type="password"]:-ms-input-placeholder,
body input[type="number"][type="password"]:-ms-input-placeholder,
body input[type="tel"][type="password"]:-ms-input-placeholder,
body input[type="range"][type="password"]:-ms-input-placeholder,
body input[type="date"][type="password"]:-ms-input-placeholder,
body input[type="month"][type="password"]:-ms-input-placeholder,
body input[type="week"][type="password"]:-ms-input-placeholder,
body input[type="time"][type="password"]:-ms-input-placeholder,
body input[type="datetime"][type="password"]:-ms-input-placeholder,
body input[type="datetime-local"][type="password"]:-ms-input-placeholder,
body input[type="color"][type="password"]:-ms-input-placeholder,
body textarea[type="password"]:-ms-input-placeholder {
  font-family: var(--font);
}

body input[type="text"][type="password"]::-ms-input-placeholder,
body input[type="email"][type="password"]::-ms-input-placeholder,
body input[type="string"][type="password"]::-ms-input-placeholder,
body input[type="url"][type="password"]::-ms-input-placeholder,
body input[type="password"][type="password"]::-ms-input-placeholder,
body input[type="search"][type="password"]::-ms-input-placeholder,
body input[type="number"][type="password"]::-ms-input-placeholder,
body input[type="tel"][type="password"]::-ms-input-placeholder,
body input[type="range"][type="password"]::-ms-input-placeholder,
body input[type="date"][type="password"]::-ms-input-placeholder,
body input[type="month"][type="password"]::-ms-input-placeholder,
body input[type="week"][type="password"]::-ms-input-placeholder,
body input[type="time"][type="password"]::-ms-input-placeholder,
body input[type="datetime"][type="password"]::-ms-input-placeholder,
body input[type="datetime-local"][type="password"]::-ms-input-placeholder,
body input[type="color"][type="password"]::-ms-input-placeholder,
body textarea[type="password"]::-ms-input-placeholder {
  font-family: var(--font);
}

body input[type="text"][type="password"]::placeholder,
body input[type="email"][type="password"]::placeholder,
body input[type="string"][type="password"]::placeholder,
body input[type="url"][type="password"]::placeholder,
body input[type="password"][type="password"]::placeholder,
body input[type="search"][type="password"]::placeholder,
body input[type="number"][type="password"]::placeholder,
body input[type="tel"][type="password"]::placeholder,
body input[type="range"][type="password"]::placeholder,
body input[type="date"][type="password"]::placeholder,
body input[type="month"][type="password"]::placeholder,
body input[type="week"][type="password"]::placeholder,
body input[type="time"][type="password"]::placeholder,
body input[type="datetime"][type="password"]::placeholder,
body input[type="datetime-local"][type="password"]::placeholder,
body input[type="color"][type="password"]::placeholder,
body textarea[type="password"]::placeholder {
  font-family: var(--font);
}

body input[type="text"].code,
body input[type="email"].code,
body input[type="string"].code,
body input[type="url"].code,
body input[type="password"].code,
body input[type="search"].code,
body input[type="number"].code,
body input[type="tel"].code,
body input[type="range"].code,
body input[type="date"].code,
body input[type="month"].code,
body input[type="week"].code,
body input[type="time"].code,
body input[type="datetime"].code,
body input[type="datetime-local"].code,
body input[type="color"].code,
body textarea.code {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  color: var(--text);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  font-size: 1.8rem;
  text-align: center;
  font-family: monospace;
  font-size: 4rem;
}

body textarea {
  height: auto !important;
  padding: 0.9em 1em !important;
}

body .slider {
  position: relative;
  padding-top: 2.4rem;
}

body .slider .labels {
  padding-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body .slider .labels .slider-label {
  width: 10%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  color: var(--grey);
}

body .slider .labels .slider-label:last-child {
  text-align: right;
}

body .slider .labels .slider-label:first-child {
  text-align: left;
}

body .slider:before {
  content: "";
  position: absolute;
  top: 1.2rem;
  right: 0;
  left: 0;
  height: 2px;
  background: var(--border);
  margin-top: -1px;
}

body .slider .ui-slider-range {
  position: absolute;
  top: 1.2rem;
  left: 0;
  height: 2px;
  background: var(--theme);
  margin-top: -1px;
  -webkit-transition: 0.05s;
  -o-transition: 0.05s;
  transition: 0.05s;
}

body .slider .ui-slider-handle {
  position: absolute;
  top: 1.2rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1rem;
  width: 1rem;
  background: #000;
  border: 0.6rem solid var(--theme);
  border-radius: 100%;
  cursor: pointer;
  outline: none;
  -webkit-transition: 0.05s;
  -o-transition: 0.05s;
  transition: 0.05s;
}

body .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.2rem;
  padding: var(--xsm-block-p);
  border: 1px solid var(--border);
}

body .message:before {
  margin-right: 1.8rem;
  font-size: 3rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

body .message .avatar {
  margin-right: 1.8rem;
}

body .message .text h6 {
  margin-bottom: 0.1em;
}

body .message .text p {
  color: var(--grey);
}

body .message.success:before {
  color: var(--green);
}

body .message.error:before {
  color: var(--red);
}

body .message.warning:before {
  color: var(--orange);
}

body .fw-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .fw-inline > .line {
  margin: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% + 2rem);
}

body .fw-inline > .line > * {
  margin: 1rem;
}

body .fw-inline.sb > .line {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

body .fw-inline.center > .line {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body .inline-bordered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .inline-bordered > .line {
  margin: -2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 4rem);
}

body .inline-bordered > .line > * {
  padding: 2rem;
  position: relative;
}

body .inline-bordered > .line > *:not(:last-child):after {
  content: "";
  height: 1.5rem;
  border-left: 1px solid var(--border);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

body .underline {
  position: relative;
}

body .underline::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  background-image: url("../img/line.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 6px;
  background-position: center;
}

body .b24-form-btn {
  width: 100% !important;
}

body .b24-form-header-title {
  font-family: var(--font) !important;
  font-size: 3rem !important;
}

body .inline-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .inline-tiles > .line {
  margin: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 6rem);
}

body .inline-tiles > .line > * {
  padding: 0.4rem 1rem;
  background: var(--border);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

body .inline-tiles > .line > *:before {
  margin-right: 0.6em;
}

body .inline-tiles > .line > a {
  color: var(--text) !important;
}

body .inline-tiles > .line > a:hover {
  color: #fff !important;
  background: #9ad961;
}

body .inline-tiles > .line > a:active {
  color: #fff !important;
  background: var(--dark);
  -webkit-box-shadow: 0 0 0 4px var(--focus);
  box-shadow: 0 0 0 4px var(--focus);
}

body .inline-tiles.bordered > .line > * {
  background: none;
  border: 1px solid var(--border);
}

body .inline-tiles.bordered > .line > a:hover {
  border-color: transparent;
  background: var(--theme);
}

body .inline-tiles.bordered > .line > a:hover {
  border-color: transparent;
  background: var(--dark);
}

body .inline-tiles.center > .line {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body .def-dropdown,
body .select-dropdown {
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  right: 0;
  z-index: 14;
  background: var(--bg);
  border: 1px solid var(--border);
  padding: 0.8rem 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-height: 50vh;
  overflow: auto;
}

body .def-dropdown:empty,
body .select-dropdown:empty {
  display: none !important;
}

body .def-dropdown:not(.custom) li,
body .select-dropdown:not(.custom) li {
  padding: 0.8rem 1.5em;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .def-dropdown:not(.custom) li .avatar,
body .select-dropdown:not(.custom) li .avatar {
  margin-right: 1rem;
}

body .def-dropdown:not(.custom) li.clear,
body .select-dropdown:not(.custom) li.clear {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 1rem 1.5em;
  margin-bottom: -0.8rem;
  border-top: 1px solid var(--border);
}

body .def-dropdown:not(.custom) li.clear:before,
body .select-dropdown:not(.custom) li.clear:before {
  margin-right: 0.6rem;
}

body .def-dropdown:not(.custom) li:not(.search):not(.active):hover,
body .select-dropdown:not(.custom) li:not(.search):not(.active):hover {
  background: var(--border);
  border-color: transparent;
}

body .def-dropdown:not(.custom) li.active,
body .select-dropdown:not(.custom) li.active {
  background: var(--theme);
  color: #fff;
  border-color: transparent;
}

body .def-dropdown:not(.custom) li.active .avatar,
body .select-dropdown:not(.custom) li.active .avatar {
  background: #fff !important;
}

body .def-dropdown.show,
body .select-dropdown.show {
  pointer-events: all;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

body .d-dropdown {
  position: absolute;
  top: calc(100% + 1rem);
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  z-index: 14;
  background: var(--bg);
  -webkit-box-shadow: var(--shadow-m);
  box-shadow: var(--shadow-m);
  border-radius: 1rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.7) translateX(-50%);
  -ms-transform: scale(0.7) translateX(-50%);
  transform: scale(0.7) translateX(-50%);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: 0.12s;
  -o-transition: 0.12s;
  transition: 0.12s;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body .d-dropdown .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .d-dropdown .user-info .avatar {
  margin-right: 1.5rem;
}

body .d-dropdown .user-info .text > *:not(:last-child) {
  margin-bottom: 0.1em;
}

body .d-dropdown > * {
  margin: 0;
  padding: 1.8rem;
}

body .d-dropdown > *:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

body .d-dropdown > * li a,
body .d-dropdown > * li a:visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1.2rem;
  border-radius: 0.6rem;
  color: var(--text);
}

body .d-dropdown > * li a:before,
body .d-dropdown > * li a:visited:before {
  font-size: 120%;
  margin-right: 1rem;
}

body .d-dropdown > * li a:hover,
body .d-dropdown > * li a:visited:hover {
  background: var(--border);
  color: var(--text);
}

body .d-dropdown > * li a.red,
body .d-dropdown > * li a:visited.red {
  color: var(--red);
}

body .d-dropdown > * li a.red:hover,
body .d-dropdown > * li a:visited.red:hover {
  background: var(--red-opacity);
}

body .d-dropdown.show {
  pointer-events: all;
  opacity: 1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

body .toggle-dropdown {
  position: relative;
}

@-webkit-keyframes ic_fade {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ic_fade {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

body .form-group:last-child {
  margin-bottom: 0;
}

body .form-group.half {
  width: calc(50% - 1.5rem);
}

body .form-group .input-wrapper {
  position: relative;
}

body .form-group .input-wrapper input {
  padding-right: 3.3rem;
}

body .form-group .input-wrapper .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  font-size: var(--fz);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--grey);
  margin: 0 !important;
}

body .form-group .input-wrapper .fixed-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  font-size: var(--fz);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--grey);
  pointer-events: none;
}

body .form-group.checkbox {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body .form-group.checkbox input {
  display: none;
}

body .form-group.checkbox label:not(.avatar) {
  font-size: initial;
  text-transform: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body .form-group.checkbox label:not(.avatar):before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--border);
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  background: none;
  color: transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  margin-right: 0.6rem;
}

body .form-group.checkbox input:checked + label:not(.avatar):before {
  background: var(--theme);
  border-color: transparent;
  color: #fff;
}

body .form-group.checkbox input:disabled + label:not(.avatar) {
  cursor: default;
  pointer-events: none;
}

body .form-group.checkbox input:disabled + label:not(.avatar):before {
  background: var(--border);
  border-color: transparent;
  color: transparent;
}

body .form-group.checkbox label.avatar {
  position: relative;
  cursor: pointer;
}

body .form-group.checkbox label.avatar:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--theme);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}

body .form-group.checkbox label.avatar:hover {
  color: transparent;
}

body .form-group.checkbox label.avatar:hover:before {
  opacity: 1;
}

body .form-group.checkbox input:checked + label.avatar {
  background: var(--theme);
  color: transparent;
}

body .form-group.checkbox input:checked + label.avatar:before {
  opacity: 1;
  color: #fff;
}

body .form-group .inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .form-group .inline > *:not(:last-child) {
  margin-right: 1rem;
}

body .form-group .select-wrapper {
  position: relative;
}

body .form-group .select-wrapper:after {
  position: absolute;
  top: 0;
  right: 0;
  height: var(--input);
  padding: 0 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--green);
  font-size: var(--fz);
  -webkit-animation: ic_fade 0.5s 1;
  animation: ic_fade 0.5s 1;
  pointer-events: none;
}

body .form-group .select-wrapper:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 calc(var(--fz) * 1.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--grey);
  font-size: 70%;
  pointer-events: none;
}

body .form-group .select-wrapper input {
  cursor: pointer;
  font-size: 1.2rem !important;
}

body .form-group.radio-toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--border);
}

body .form-group.radio-toggler input {
  display: none;
}

body .form-group.radio-toggler label {
  margin-bottom: 0 !important;
  height: calc(var(--field));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.1rem;
  font-size: var(--btn-fz);
  font-weight: 500;
  width: 50%;
}

body .form-group.radio-toggler label:active {
  -webkit-box-shadow: 0 0 0 4px var(--focus);
  box-shadow: 0 0 0 4px var(--focus);
}

body .form-group.radio-toggler label.icon {
  font-size: 1.8rem;
}

body .form-group.radio-toggler label::before {
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: var(--theme);
  z-index: -1;
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

body .form-group.radio-toggler input:checked + label {
  color: #fff;
}

body .form-group.radio-toggler input:checked + label:before {
  opacity: 1;
}

body .form-group .error-message {
  display: none;
  color: var(--red);
  font-size: 90%;
  padding-top: 0.4em;
}

body .form-group.error input[type="text"]:not(.hidden),
body .form-group.error input[type="email"]:not(.hidden),
body .form-group.error input[type="url"]:not(.hidden),
body .form-group.error input[type="password"]:not(.hidden),
body .form-group.error input[type="search"]:not(.hidden),
body .form-group.error input[type="number"]:not(.hidden),
body .form-group.error input[type="tel"]:not(.hidden),
body .form-group.error input[type="range"]:not(.hidden),
body .form-group.error input[type="date"]:not(.hidden),
body .form-group.error input[type="month"]:not(.hidden),
body .form-group.error input[type="week"]:not(.hidden),
body .form-group.error input[type="time"]:not(.hidden),
body .form-group.error input[type="datetime"]:not(.hidden),
body .form-group.error input[type="datetime-local"]:not(.hidden),
body .form-group.error input[type="color"]:not(.hidden),
body .form-group.error textarea:not(.hidden) {
  --focus: var(--red-focus);
  border-color: var(--red);
}

body .form-group.error .error-message {
  display: block;
}

body .form-group.error.mark {
  background: var(--red-opacity);
}

body .form-group.error.mark .bg {
  opacity: 0;
}

body .form-group.error.mark label {
  color: var(--red) !important;
}

body .form-group.error.map #map {
  border-color: var(--red);
}

body .form-group.error .dropzone {
  border-color: var(--red);
  background: var(--red-opacity);
}

body .form-group.error .dropzone .dz-message span {
  color: var(--red) !important;
}

body .form-group.error .dropzone:hover {
  border-color: var(--red);
  background: var(--red-opacity);
}

body .form-group.error .dropzone:hover .dz-message span {
  color: var(--red) !important;
}

body .form-group.error .dropzone .main-image-wrapper .main-image {
  border-color: var(--red) !important;
}

body .form-group.error .dropzone .main-image-wrapper p {
  color: var(--red);
}

body .form-group.error .dropzone .other-images-wrapper .other-images {
  border-color: var(--red) !important;
}

body .form-group.error .dropzone .other-images-wrapper .other-images .add-msg {
  color: var(--red) !important;
}

body .form-group.error .dropzone .other-images-wrapper .empty-msg {
  color: var(--red);
}

body .form-group.error.checkbox label {
  color: var(--red);
}

body .form-group.error.checkbox label:before {
  border-color: var(--red);
}

body .empty-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: var(--grey);
  font-size: 2rem;
}

body .empty-block:before {
  font-size: 7rem;
  margin-bottom: 0.5rem;
}

body .empty-block.small {
  font-size: var(--fz);
}

body .empty-block.small:before {
  font-size: calc(var(--fz) * 3);
}

body .empty-block.full-h {
  height: 100%;
}

body .empty-block .tt-title {
  margin-bottom: calc(var(--padding) / 2);
}

body .empty-block .btn {
  margin-top: 1rem;
}

body .hide-empty ~ .empty-block {
  display: none;
}

body .tabel-header {
  color: var(--grey);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5rem;
}

body .tabel-header > *:not(:last-child) {
  padding-right: 2rem;
}

body .container {
  width: var(--container);
  max-width: 100%;
  margin: 0 auto;
}

body .container.small {
  width: var(--small-container);
}

body .container-sm {
  width: var(--container-sm);
  max-width: 100%;
  margin: 0 auto;
}

body .container-sm.small {
  width: var(--small-container);
}

body .slick-slider.arrows-around {
  position: relative;
}

body .slick-slider.arrows-around .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

body .slick-slider.arrows-around .slick-arrow.prev {
  left: -2rem;
}

body .slick-slider.arrows-around .slick-arrow.next {
  right: -2rem;
}

body ul.marker {
  list-style: disc;
}

body ul.marker li {
  margin-left: 2rem;
}

body ul.marker li::marker {
  font-size: 12px;
}

body .arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .arrows div {
  padding: 1rem;
  margin: -1rem 0;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .arrows div::before {
  margin-right: 0 !important;
  font-size: 1.2rem !important;
}

body .arrows div:last-child {
  margin-left: 1.5rem;
}

body .arrows div:hover {
  color: #fff;
}

body .arrows div:active {
  color: var(--text);
  background: var(--opacity);
}

body .arrows.around div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

body .arrows.around div:first-child {
  right: calc(100% + 2rem);
}

body .arrows.around div:last-child {
  left: calc(100% + 2rem);
}

body .arrows.bordered div {
  border: 1px solid var(--border);
}

body .arrows.bordered div:active {
  border-color: transparent;
}

body .arrows.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body .arrows.col div {
  margin: 0;
}

body .arrows.md-arrows {
  display: none;
}

body .arrows.sm-arrows {
  display: none;
}

body .dots:not(.custom):not(.individual),
body .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: -3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

body .dots:not(.custom):not(.individual) li,
body .slick-dots li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 3px;
}

body .dots:not(.custom):not(.individual) li button,
body .slick-dots li button {
  padding: 0;
  width: 14px;
  height: 14px;
  background: #c6c6c6;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-size: 0;
  cursor: pointer;
  border-radius: 50%;
  border: none;
}

body .dots:not(.custom):not(.individual) li button::before,
body .slick-dots li button::before {
  color: transparent;
}

body .dots:not(.custom):not(.individual) li button:hover,
body .slick-dots li button:hover {
  background: var(--theme);
}

body .dots:not(.custom):not(.individual) li.active button,
body .dots:not(.custom):not(.individual) li.slick-active button,
body .slick-dots li.active button,
body .slick-dots li.slick-active button {
  background: var(--dark);
}

body .dots:not(.custom):not(.individual) li.active button::before,
body .dots:not(.custom):not(.individual) li.slick-active button::before,
body .slick-dots li.active button::before,
body .slick-dots li.slick-active button::before {
  color: transparent;
}

body .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2rem;
  font-size: 1.6rem;
}

.dashboard-menu li a::after {
  content: "\e929";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1rem !important;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?xw074k");
  src: url("../fonts/icomoon.eot?xw074k#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.woff?xw074k") format("woff"),
    url("../fonts/icomoon.svg?xw074k#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.message:before,
.select-wrapper:before,
.form-group.checkbox label:before,
.notif-title:before,
ul.styled li:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check::before {
  content: "";
  background-image: url("../img/v.svg");
  background-size: contain;
  background-color: #000;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #fff;
}

.icon-play:before {
  content: "\e90a";
  color: #ccc;
}

.icon-close:before {
  content: "\e900";
}

.icon-instagram:before {
  content: "\e901";
  color: #023db3;
}

.icon-menu:before {
  content: "\e902";
}

.icon-telegram:before {
  content: "\e903";
  color: #023db3;
}

.icon-top:before {
  content: "\e904";
}

.icon-close1:before {
  content: "\e905";
}

.icon-arrow:before {
  content: "\e906";
}

.icon-document:before {
  content: "\e907";
  color: #013cb2;
}

.icon-facebook:before {
  content: "\e908";
  color: #023db3;
}

.icon-fav:before {
  content: "\e909";
  color: #e0e0e0;
}

header.site-header {
  position: fixed;
  top: 0;
  height: var(--header);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #fff;
  padding-top: 1rem;
  z-index: 1000;
}

header.site-header.scrolled {
  background-color: #fff;
  -webkit-box-shadow: var(--shadow-m);
  box-shadow: var(--shadow-m);
  height: calc(var(--header));
  padding-top: 0;
}

header.site-header.scrolled nav {
  padding-right: 0;
}

header.site-header .header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header.site-header .header-content .site-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header.site-header .header-content .site-logo img {
  -o-object-fit: contain;
  object-fit: contain;
  height: var(--logo);
  width: 100%;
}

a.theme {
  color: var(--theme);
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 var(--padding);
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  justify-content: center;
  transition: 0.8s;
}

nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btns > *:not(:last-child) {
  margin-right: 1rem;
}

nav ul > * {
  margin-left: 3rem;
}

nav ul > * a {
  color: #1d1d1d;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 0;
}

nav ul > * a:hover {
  color: var(--theme) !important;
}

nav ul > * a:visited {
  color: var(--text);
}

.navbar-area {
  background: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #000;
}

.site-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-navbar ul li a {
  padding: 20px;
  display: block;
  text-decoration: none;
}

.site-navbar ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.nav-toggler {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  margin-left: 2rem;
  border: none !important;
  display: none;
}

.nav-toggler span,
.nav-toggler span:before,
.nav-toggler span:after {
  width: 24px;
  height: 2px;
  background-color: #000;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.nav-toggler span:before {
  content: "";
  -webkit-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  transform: translateY(-9px);
}

.nav-toggler span:after {
  content: "";
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}

.nav-toggler.toggler-open span {
  background-color: transparent;
}

.nav-toggler.toggler-open span:before {
  -webkit-transform: translateY(0px) rotate(45deg);
  -ms-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}

.nav-toggler.toggler-open span:after {
  -webkit-transform: translateY(-3px) rotate(-45deg);
  -ms-transform: translateY(-3px) rotate(-45deg);
  transform: translateY(-3px) rotate(-45deg);
}

.intro-area {
  height: calc(100vh - var(--header) - 1px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
}

footer {
  background-image: url("../img/footer_bg.webp");
  padding: 4rem 0;
}

footer .footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer .footer__inner .logo img {
  height: 8rem;
}

footer .footer__inner .footer__content {
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

footer .footer__inner .footer__content .footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

footer .footer__inner .footer__content .footer__contacts > * {
  margin-right: 4rem;
}

footer .footer__inner .footer__content .footer__contacts > * .title {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

footer .footer__inner .footer__content .footer__contacts > * .title .text {
  font-size: 1.15rem;
}

footer .footer__inner .footer__content .footer__contacts > * .title .theme {
  color: var(--theme);
  font-weight: 700;
  font-size: 2rem;
}

footer .footer__inner .footer__content .footer__contacts > * .title .name {
  font-size: 1.55rem;
  color: #fff;
  font-weight: 400;
}

footer .footer__inner .footer__content .footer__contacts > * .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

footer .footer__inner .footer__content .footer__contacts > * .contact img {
  height: 2.5rem;
  width: 2.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 1rem;
}

footer .footer__inner .footer__content .footer__contacts > * .contact a {
  color: #fff !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.5rem;
  font-weight: 300;
}

footer .footer__inner .footer__content .footer__contacts > * .contact a:hover {
  text-decoration: underline;
}

footer .footer__inner .map {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 300px !important;
  overflow: hidden;
  border: 4px solid var(--theme);
}

.accords {
  max-width: 70%;
  margin: 0 auto;
}

.accords p {
  font-size: 1.4rem;
  color: #555555;
}

.accords:first-child {
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}

.accords > *:not(:last-child) {
  margin-bottom: 1rem;
}

.accords > * {
  padding: 1.5rem 2rem;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 1rem;
}

.accords.all__accords {
  height: 0;
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

.accords.all__accords.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  height: 100%;
}

.accords .open__more,
.accords .hidden__more {
  margin-left: auto;
  margin-top: 2rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.accords .open__more::before,
.accords .hidden__more::before {
  font-size: 1rem !important;
  margin-left: 1rem !important;
}

.accords .accord__header {
  position: relative;
  cursor: pointer;
}

.fs__bottom-items  span{
font-size: 1.3rem;
font-weight: 300;
margin-top: 1rem;
}

.accords .accord__header .arr {
  width: 2.5rem;
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

.accords .accord__header .arr img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.accords .accord__header.active .arr img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accords .accord__header .accord__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.accords .accord__header .accord__title > * {
  margin-right: 2rem;
  font-size: 1.25rem;
  font-weight: 500;
}

.accords .accord__header .accord__title .title {
  font-size: 1.7rem;
  font-weight: 500;
  word-wrap: no-wrap;
}

.accords .accord__header .accord__title .theme {
  background-color: rgba(255, 149, 52, 0.75);
  border-radius: 6px;
  line-height: 1.4;
  padding: 0 0.5rem;
}

.accords .accord__header h6 {
  font-weight: 400;
  margin-bottom: 0;
}

.accords .accord__content {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  height: 0;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.5;
}

.accords .accord__content p::before {
  background-color: var(--grey);
  margin-right: 0.5rem;
}

.accords .accord__content.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  height: auto;
  padding-top: 1.5rem;
}

.accord__header .text {
  max-width: 80%;
}

section.cert .cert__wrapper {
  padding: 2rem var(--padding) 0 0;
  background-color: #292929;
  border-radius: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

section.cert .cert__wrapper > *:first-child {
  width: 45%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

section.cert .cert__wrapper img {
  width: 100%;
  -o-object-position: bottom;
  object-position: bottom;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: var(--padding);
}

section.cert .cert__wrapper .cert__wrapper-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: var(--padding);
  padding-left: calc(var(--padding) + 3rem);
}

section.cert .cert__wrapper .cert__wrapper-content h3 {
  max-width: 80%;
}

section.cert .cert__wrapper .cert__wrapper-content p {
  font-size: 1.4rem;
  max-width: 90%;
}

section.reviews .reviews__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: calc(100% + 2rem);
  margin-bottom: -1rem;
}

section.reviews .review {
  width: calc(50% - 2rem);
  border-radius: 20px;
  background-color: var(--border);
  margin-right: 2rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

section.reviews .review > * {
  padding: 4rem 3rem;
}

section.reviews .review .review__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

section.reviews .review .review__title img {
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  margin-right: 1.5rem;
}

section.reviews .review .review__title .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

section.reviews .review .review__title .inner .name {
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 1.4rem;
}

section.reviews .review .review__title .inner .course {
  font-size: 1.25rem;
}

section.reviews .review .review__title .inner .course span {
  color: #666666;
}

section.reviews .review .review__content {
  margin-left: 5.5rem;
  padding-top: 2.25rem;
}

section.reviews .review .review__content > * {
  font-size: 1.35rem;
  line-height: 1.35;
  color: #1d1d1d;
}

section.reviews .review .review__content > * .full-review-content {
  opacity: 0;
  height: 0;
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

section.reviews .review .review__content > * .full-review-content.active {
  height: 100%;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

section.reviews .review .review__content > * .open__rev {
  margin-left: auto;
  color: #000;
  margin-top: 2rem;
  font-size: 1.15rem;
  font-weight: 500;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

section.reviews .review .review__content > * .open__rev:hover {
  color: var(--theme);
}

section.reviews .review .review__content > * .open__rev:hover::before {
  color: var(--theme);
}

section.reviews .review .review__content > * .open__rev::before {
  margin-right: 0 !important;
  margin-left: 0.5rem;
}

section.reviews .review .review__content > * .open__rev.active::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--theme);
}

.full__reviews {
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  height: 0;
  opacity: 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.full__reviews.active {
  height: 100%;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.open__full-reviews {
  margin: 3rem auto 0 auto;
  background-color: #ebebeb;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: var(--field);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 3rem;
}

.open__full-reviews span {
  margin: 0 0.5rem;
}

section.price {
}

section.price .price__content {
  margin-top: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  justify-content: center;
  display: flex;
  align-items: stretch;
}

section.price .price__content > *:last-child {
  border-radius: 32px;
}

section.price .price__content > *:last-child .title {
}

section.price .price__content > *:nth-child(2) {
  margin-left: 2.4rem;
  margin-right: 2.4rem;
  position: relative;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

section.price .price__content > *:nth-child(2) .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -4rem;
  right: 0;
  left: 0;
  z-index: 2;
  height: 4rem;
  line-height: 1;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

section.price .price__content > *:nth-child(2) .top::before {
  line-height: 1;
  font-size: 1.8rem;
  margin-right: 0.75rem;
}

section.price .price__content p {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #555555;
  max-width: 90%;
}

section.price .price__content > * {
  padding: 2rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  width: calc(33.3333333333% - var(--padding));
}

section.price .price__content .title {
  font-size: 2rem;
  line-height: 1.35;
  max-width: 80%;
  margin-bottom: 2rem;
}

section.price .price__content .btn {
  border-radius: 8px;
  color: #fff;
  font-weight: 400;
  height: var(--field-md);
}

section.price .price__content .btn:hover {
  color: #fff !important;
  background-color: var(--dark);
}

section.price .price__content ul > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.25rem;
  line-height: 1.4;
  max-width: 90%;
}

section.price .price__content ul > *:not(:last-child) {
  margin-bottom: 1rem;
}

section.price .price__content ul li::before {
  margin-right: 1rem;
  margin-top: -2px;
}

section.price .price__content .time {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

section.price .price__content .time span {
  background-color: #ebebeb;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.5rem;
  width: 3.5rem;
  height: 3rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

section.price .price__content .time > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  max-width: 80%;
  font-size: 1.25rem;
  line-height: 1.4;
}

section.price .price__content .top__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

section.price .price__content .top__content > *:not(:last-child) {
  margin-right: 1rem;
}

section.price .price__content .top__content > * {
  background-color: #ff9534;
  border-radius: 20px;
  padding: 0.35rem 1rem;
  font-size: 1.3rem;
}

section.price .price__content .price__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
}

section.price .price__content .price__group h2 {
  font-weight: 400;
  font-size: 3rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.6rem;
  margin-bottom: 1rem;
}

section.price .price__content .price__group h2 span {
  font-size: 1.15rem;
}

section.price .price__content .price__group .valute {
  font-size: 1.35rem;
  margin-right: 1rem;
}

section.price .price__content .price__group .del {
  font-size: 1.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #a3a3a3;
}

.top__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 4rem;
}

.top__info > * {
  line-height: 1.35;
}

.top__info > *:not(:last-child) {
  padding-right: var(--padding);
}

.top__info > * .percent {
  font-size: 3.5rem;
}

.accords.all__accords {
  padding: 0;
}

@media screen and (max-width: 767px) {
  :root {
    --btn-fz: 1.3rem;
    --field: 4.8rem;
    --field-sm: 3.8rem;
    --field-lg: 5.3rem;
    --header: 5rem;
    --footer: 2;
    --tariff: 3;
    --padding: 4rem;
    --container: calc(100vw - 3rem);
    --third: 1;
    --item: 1;
    --half: 1;
  }
  p.lg-text {
    font-size: 1.4rem;
  }

  .spiker__card {
  }

  body .contact-item {
    margin-bottom: 2rem;
  }

  body .b24-form-content form > * > * {
    width: 100% !important
    ;
  }

  body .b24-form-content form > * > *:last-child {
    margin-left: 0 !important;
  }
  body .spiker__card .info {
    width: 100%;
  }
  body .spiker__card .image {
    width: 100%;
  }

  .main__content .r-img {
    margin-right: 0 !important;
  }

  .main__content {
    padding: 0 !important;
  }

  .main {
    padding-top: 3rem !important;
    margin-top: 0 !important
    ;
    background-image: none !important;
    background-color: #ebf0f3 !important;
  }

  .r-img {
    margin-top: 3rem;
  }
  .header-content {
  }
  .text {
    max-width: 100%;
  }

  section.main .main__content .content h1 {
    font-size: 3.45rem !important;
  }

  section.main .main__content .content p br {
    display: none;
  }
  html {
    font-size: calc(8.6px + 11 * (100vw - 320px) / 447);
  }
  section.price .price__content > * ul {
    padding-left: 1rem;
  }
  nav ul > * {
    margin-left: 0;
  }
  .btn.call-btn {
    width: var(--container);
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .nav-toggler {
    display: block;
  }
  .site-navbar {
    min-height: var(--header);
  }
  .site-navbar ul {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
    background-color: white;
    top: calc(var(--header) - 1rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
  }
  .site-navbar ul li {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .site-navbar ul li a {
    padding: 2rem;
    color: #2b2a29;
    font-family: var(--font-s);
  }
  .site-navbar ul li a:hover {
    background-color: var(--theme);
  }
  .site-navbar ul.open {
    max-height: 100vh;
    overflow: visible;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --btn-fz: 1.3rem;
    --field: 4.8rem;
    --field-sm: 3.8rem;
    --field-lg: 5.3rem;
    --header: 8rem;
    --footer: 2;
    --tariff: 3;
    --container: calc(100vw - 10rem);
    --third: 2;
  }

  body {
    --fz: 1.6rem;
    --label-size: 1.2rem;
    --subtitle-size: 1.4rem;
  }
  body .lg-text {
    font-size: 1.9rem;
  }
  body .sm-text {
    font-size: calc(var(--fz) * 0.9);
  }
  body .arrows.md-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body .hide-md {
    display: none !important;
  }
}

p.sm-text {
  font-size: 1.25rem !important;
  margin-top: 1rem;
}

@media (max-width: 1399px) and (min-width: 1024px) {
  :root {
    --container: 100rem;
  }
  html {
    font-size: calc(7px + 7.5 * (100vw - 768px) / 1152);
  }
}

@media (max-width: 1920px) and (min-width: 1400px) {
  html {
    font-size: calc(5.5px + 7.5 * (100vw - 768px) / 1152);
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  html {
    font-size: calc(8.3px + 1.5 * (100vw - 768px) / 256);
  }
}

@media (max-width: 1200px) {
  section.main .main__content {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2rem;
  }
}
section.main .main__content .r-img {
  /* margin-top: 2rem; */
}
@media (max-width: 1200px) {
  section.main .main__content .r-img {
    margin-left: -2rem;
    margin-top: 3rem;
  }
  .schedule .schedule-item .schedule-header .toggle-btn svg {
    height: 15px;
  }
}
section.main .main__content .content {
  width: 50%;
  flex-shrink: 0;
}
@media screen and (max-width: 1199px) {
  section.main .main__content .content {
    width: 100%;
  }
}
section.main .main__content .content h1 {
  font-weight: 700;
  margin-top: 4rem;
  margin-bottom: 1.5rem !important;
  font-size: 4.25rem;
}
@media screen and (max-width: 1199px) {
  section.main .main__content .content h1 {
    line-height: 1;
  }
}

@media screen and (max-width: 1199px) {
  section.main .main__content .content h1 span {
    font-size: 3.5rem;
    line-height: 1;
  }
}
section.main .main__content .content p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media (max-width: 1200px) {
  section.main .main__content .content {
    width: 100%;
    padding-bottom: 0;
    padding-top: 3rem;
  }
}

section.main .main__content .btn {
  margin-top: 1rem;
}
section.main .main__content .r-text {
  width: 28%;
  border-radius: 2rem;
  color: #fff;
  padding: 2rem;
  background: radial-gradient(
    218.87% 155.14% at 5.03% -3.59%,
    #9a050c 0%,
    #670409 11.41%,
    #350306 38.72%,
    #1c0808 63.54%,
    #150909 84.8%,
    #0d0a0a 100%
  );
  position: relative;
}
@media screen and (max-width: 1199px) {
  section.main .main__content .r-text {
    width: 100%;
    margin-top: 4rem;
    padding: 4rem 3rem;
  }
}
section.main .main__content .r-text .date {
  font-size: 3rem;
  font-weight: 300;
}
@media screen and (max-width: 1199px) {
  section.main .main__content .r-text .date {
    font-size: 3.5rem;
    margin-bottom: 2rem;
  }
}
section.main .main__content .r-text .adress {
  font-size: 1.55rem;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1199px) {
  section.main .main__content .r-text .adress {
    font-size: 2rem;
    max-width: 65%;
    line-height: 1.5;
  }
  section.main .main__content .r-text .adress br {
    display: none;
  }
}
section.main .main__content .r-text .time {
  font-size: 1.7rem;
  font-weight: 300;
}
@media (max-width: 1199px) {
  section.main .main__content .r-text .time {
    font-size: 2.4rem;
  }
}
section.main .main__content .r-text .btn {
  width: 100% !important;
  height: var(--h);
  text-align: center;
  margin-top: 3rem;
}
section.main .main__content .r-text .btn span {
  text-align: center;
  width: 100% !important;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.main .main__content .r-text {
    width: 100%;
  }
  .fs__bottom-items > * img {
    width: 7rem;
  } 
}
section.main .main__content .main__content-links {
  display: flex;
  align-items: flex-end;
  margin-bottom: 2rem;
}
section.main .main__content .main__content-links > *:not(:last-child) {
  margin-right: 8rem;
}
section.main .main__content .main__content-links img {
  height: 7rem;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__content-links {
    margin-bottom: 3rem;
  }
}
section.main .main__content .subtitle {
  font-size: 2rem;
  margin-bottom: 5rem;
  font-weight: 300;
}
section.main .main__content h1 {
  line-height: 1;
  margin-bottom: 4rem;
}
@media (max-width: 1200px) {
  section.main .main__content h1 {
    padding-top: 0;
    margin-bottom: 2rem;
  }
}
section.main .main__content h1 span {
  font-size: 4rem;
}
section.main .main__content .main__text {
  margin-bottom: 1rem;
}
section.main .main__content ul {
  margin-bottom: 3rem;
}
section.main .main__content .main__btns {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__btns {
    width: 100%;
  }
  section.main .main__content .main__btns .btn {
    width: 100%;
  }
}
section.main .main__content .main__btns .red {
  background-color: var(--red);
  border-color: var(--red);
}
section.main .main__content .main__btns .red span {
  color: #fff;
}
section.main .main__content .main__btns > *:not(last-child) {
  margin-right: 1.5rem;
}
@media (max-width: 1200px) {
  section.main .main__content .main__btns > *:not(last-child) {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
}
section.main .main__content .main__btns .btn.bordered {
  background-color: rgba(0, 0, 0, 0) !important;
}
section.main .main__content .main__btns .btn.bordered span {
  color: var(--text) !important;
}
section.main .main__content .main__date {
  display: flex;
  align-items: center;
  position: relative;
}
section.main .main__content .main__date > * {
  font-size: var(--fz-large);
  font-weight: 400;
  padding: 0 1.5rem;
}
section.main .main__content .main__date > * i {
  margin-right: 1rem;
}
section.main .main__content span.theme {
  color: var(--red);
}
section.main .main__content .main__description {
  display: flex;
  align-items: flex-start;
  padding: 2rem 0;
  margin-top: 2rem;
  width: calc(100% + 4rem);
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__description {
    justify-content: center;
    width: calc(100% + 2rem);
  }
}
section.main .main__content .main__description > * {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 4rem;
  font-size: 2rem;
  line-height: 1.35;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__description > * {
    font-size: 1.4rem;
    margin-right: 0;
  }
}
section.main .main__content .main__description > *:first-child {
  width: 15rem;
  border-radius: 50%;
  height: 15rem;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 0 !important;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__description > *:first-child {
    width: 10rem;
    height: 10rem;
  }
}
section.main .main__content .main__description > *:nth-child(2) {
  border-radius: 80px;
  border: 2px solid #fff;
  padding: 2.5rem 3rem;
  font-size: 5rem;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__description > *:nth-child(2) {
    font-size: 2rem;
    padding: 3rem 2rem;
  }

  .skills-items > * {
    width: calc(100% - 3rem) !important;
  }
}
section.main .main__content .main__description > *:last-child {
  width: 16rem;
  border-radius: 50%;
  height: 16rem;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0 !important;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__description > *:last-child {
    width: 10rem;
    height: 10rem;
  }
}
section.main .main__content .main__description > * span {
  font-size: 3.5rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__description > * span {
    font-size: 2rem;
  }
}
section.main .main__content .main__description > * img {
  height: 4rem;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 1.25rem;
}
section.main .main__content .main__description > * p {
  white-space: nowrap;
  font-weight: 600;
  font-size: var(--fz-larger);
}
section.main .main__content .main__description > *:not(:last-child) {
  margin-right: 5rem;
}
@media screen and (max-width: 768px) {
  section.main .main__content .main__description > *:not(:last-child) {
    margin-right: 2rem;
    margin-bottom: 1rem;
  }
}
.t-subtitle {
  display: flex;
}
.t-subtitle > * {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  border-radius: 2rem;
  background: rgba(250, 250, 250, 0.9);
  backdrop-filter: blur(10.3px);
  font-size: 1.3rem;
  /* color: #171717; */
}
.t-subtitle > * img {
  margin-right: 0.6rem;
}
.main {
  background-image: url("./img/bgbg.png");
  background-size: contain;
  background-color: #f5f5f5;
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-top: 6rem;
}

.main__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 6rem;
}

.main__content .r-img {
  margin-right: -7rem;
}

.main__content .r-img img {
  width: 100%;
}

.main__content .content {
  padding-bottom: 6rem;
}

@media (max-width: 1200px) {
  .main__content {
    padding: 2rem;
  }
}
.main__content .btns {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.main__content .btns > * {
  margin-right: 1rem;
}
@media (max-width: 1200px) {
  .main__content .btns > * {
    margin-right: 1rem;
  }
}

.main__content p.text {
  font-size: 1.65rem;
  margin-top: 2rem;
  font-weight: 300;
}
.main__content .btns > * svg {
  margin-left: 0.7rem;
}

.main__content .btns > *:last-child {
  background-color: transparent;
  color: #000 !important;
  border: 1px solid #b6bcc3;
}

.main__content .btns > *:last-child span {
  color: #000 !important;
}

.about__info {
  display: flex;
  flex-wrap: wrap;
}

.about.pt .about__info > * {
  width: calc(calc(100% / var(--third)) - 2rem);

}



.format__inner2 {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1rem);
}


.price__inner .format__inner2>* {
display: flex;
align-items: center;
width: calc(50% - 1rem);
font-size: 1.3rem;
margin-right: 1rem;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 1rem;
box-sizing: border-box;
font-weight: 400;
display: flex;
align-items: center;
background: #fff;
border: 1px solid #EDEDED;
line-height: 1;

}


.format h6 {
  font-weight: 600;
}

.format {
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.price  ul  {
  font-size: 1.25rem !important;
    font-weight: 300;
    margin: 2rem 0 3rem;
    line-height: 1.4;
}


.price__inner .format__inner2>*  img {
    width: 2rem;
    margin-right: 0.4rem;
    margin-bottom: 0 !important;
}





.accord li {
  color: #484848;
}

.accord b {
  font-weight: 600;
}

.about__info > * {
  width: calc(calc(100% / var(--four)) - 2rem);
  margin-right: 2rem;
  box-sizing: border-box;
  margin-bottom: 2rem;

  padding: 1rem;
  border-radius: 1rem;

  display: flex;
  align-items: center;
  background: #fafafa;
  border: 1px solid #ededed;
}

html body h3 {
  text-align: center;
}

.about__info > * img {
  width: 4rem;
  height: auto;
  margin-right: 1rem;
}

.about__info .text {
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.price__inner {
  display: flex;
  max-width: 70%;
  margin: 0 auto;
}

.pr {
  font-size: 3rem;
  font-weight: 600;
}

.format {
  background: #fafafa;
  border: 1px solid #ededed;
  padding: 2rem 2rem 1rem 2rem;
  border-radius: 1rem;
}

.b24-form-wrapper {
  background-color: transparent !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

.pr__right .btn {
  margin-top: auto;
  width: 100%;
  box-sizing: border-box;
}

.pr__right {
  background: #000;
  border: 1px solid #000;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 1rem;
}

.format h3 {
  text-align: left;
}
.price__inner > * {
  width: 50%;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.price__inner .format__inner2 > * {
  display: flex;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #ededed;
  line-height: 1;
}

.price__inner .format__inner2 > * img {
  width: 2rem;
  margin-right: 0.4rem;
  margin-bottom: 0 !important;
}

.b24-form-content form > * {
  display: flex;
  flex-wrap: wrap;
}

section.order .order__content {
  max-width: 80% !important;
  margin: 0 auto;
}

.b24-form-content form > * > *:first-child {
  width: 100% !important;
}

.b24-form-content form > * > * {
  width: calc(50% - 0.5rem);
}

.b24-form-content form > * > *:nth-child(3) {
  margin-left: 1rem;
}
/* .b24-form-content form > * > *:last-child {
  width: 100%;
} */
.b24-form-wrapper {
  min-height: auto !important;
}
body section.order h3 {
  margin-bottom: 1rem !important;
}

body section.order p {
  margin-bottom: 2rem;
}
body .b24-form-header-title {
  display: none;
}

.b24-form-btn-block {
  margin-left: 0 !important;
}

footer {
  padding: 3rem 0;
  background-color: #000;
}

.f_logo img {
  height: var(--logo);
}

.footer_logo {
  width: 35%;
  margin-right: 4rem;
}

.footer_contacts a {
  color: #fff !important;
}
.footer_bottom {
  padding-top: 3rem !important;
  margin-top: 3rem;
  border-top: 1px solid #7c7c7c;
}

.footer_bottom p {
  color: #7c7c7c;
  font-size: 1.2rem;
  max-width: 70%;
  font-weight: 300;
}

.footer_logo p {
  color: #7c7c7c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  padding: 4rem 0 2rem 0;
}

.footer_content {
  display: flex;
  justify-content: space-between;
}

.footer_contacts {
  display: flex;
  flex-direction: column;
  text-align: right;
  align-items: flex-end;
}

.footer_contacts a {
  text-decoration: none;
  transition: 0.3s;
  line-height: 1.2;
}

.footer_contacts a:hover {
  font-weight: 500;
}

.footer_contacts a.link {
  font-size: 1rem;
  padding-bottom: 0.5rem;
  width: fit-content;
}

.footer_contacts a.mail {
  margin: 0.5rem 0 2rem 0;
  font-size: 1rem;
}

.footer_contacts a.wa {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
}

.footer_contacts a.wa img {
  height: 15px;
  margin-right: 5px;
}

.footer_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer_bottom .social {
  display: flex;
  align-items: center;
}

.footer_bottom .social > *:not(:last-child) {
  margin-right: 0.5rem;
}
p.lg-text {
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 3rem;
}

section.price-section h3 {
  margin-bottom: 1rem !important;
}
.footer_bottom .social > * img {
  height: 20px;
  object-fit: contain;
  transition: 0.3s;
}

.footer_bottom .social > *:hover img {
  transform: scale(0.9);
}

@media (max-width: 767px) {
  .footer_content {
    flex-direction: column;
  }

  section.info p br {
    display: none;
  }
  .footer_content p {
    padding: 2rem 0;
  }
  .footer_bottom {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2rem;
  }
  .footer_logo {
    width: 100%;
  }
  .footer_contacts {
    align-items: flex-start;
  }
  .log {
    height: 20px;
  }
  .f_logo img {
    height: 20px;
  }
  .navbar-collapse {
    background-color: #fff;
    border-bottom-left-radius: 1rem;
    border-bottom-bottom-radius: 1rem;
  }
}

.contact-item {
  display: flex;
  align-items: center;
}

.icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #1f1f1f;
  position: relative;
}

.icon::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.item .text {
  display: flex;
  flex-direction: column;
  max-width: 70%;
}

.label {
  color: #aaa;
  text-transform: none !important;
  margin-bottom: 2rem;
  font-weight: 400 !important;
}

footer a {
  color: #fff !important;
  text-decoration: none;
}

footer a:hover {
  text-decoration: none !important;
  color: #e50914 !important;
  font-weight: 400 !important;
}

.f_links {
  margin-top: 2rem;
  display: flex;
}

.f_links a {
  display: flex;
  color: #d1d1d1 !important;
  font-weight: 300;
  align-items: center;
  margin-right: 1.5rem;
}

.f_links a:hover {
  color: #fff !important;
}

.f_links a svg {
  width: 16px;
  margin-left: 0.4rem;
}
.top-bar {
  display: flex;
}
.contact-item svg {
  margin-right: 1rem;
}

.contact-item {
  text-align: left;
  margin-right: 2rem;
  margin-bottom: 1rem;
}

.main__content .btns > *:last-child:hover span {
  color: #fff !important;
}

.btns > *:last-child:hover {
  background-color: #000;
  border-color: transparent;
  color: #fff !important;
}

.btns > *:last-child:active {
  box-shadow: none !important;
}

.main__bottom {
  display: flex;
  flex-wrap: wrap;
  padding-top: 3rem;
  width: calc(100% + 2rem);
}

.main__bottom > * {
  display: flex;
  text-align: left;
  align-items: center;
  width: calc(100% / var(--item) - 2rem);
  margin-right: 2rem;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.main__bottom > * img {
  width: 4rem;
  margin-right: 1rem;
}
section.main .main__content .content h1 span {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 0;
  text-transform: none;
}

section.info img {
  width: 100%;
  height: auto;
  margin-top: 2rem;
}

section.info p {
  text-align: center;
  color: #1f1f1f;
  font-weight: 300;
  line-height: 1.4;
  font-size: 1.55rem;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  border: 1px solid #ededed;
  border-radius: 1.25rem;
  overflow: hidden;
  padding: 3rem 2rem 2rem;
  box-shadow: var(--shadow-m);
}

/* Badge */
.badge {
  position: absolute;
  top: 0;
  right: 0;
  background: #1a1a1a;
  color: #ffffff;
  font-size: 1rem;
  padding: 0.7rem 1.4rem;
  border-radius: 0 0 0 2rem;
}

/* Header */
.card-title {
  font-size: 1.7rem;
  font-weight: 500;
  color: #000;
  margin-bottom: 4px;
}

.card-description {
  font-size: 1rem;
  color: #1f1f1f;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: 500;
  max-width: 70%;
}

/* Price */
.price {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.price-currency {
  margin-left: 0.5rem;
}

.lessons {
  font-size: 1.25rem;
  color: #555555;
  margin-bottom: 2rem;
}

/* Features */
.features {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.feature-block {
  display: flex;
  gap: 0.65rem;
}

.check-icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: #1ec658;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-icon svg {
  width: 0.8rem;
  height: 0.8rem;
  stroke: #ffffff;
  stroke-width: 3;
  fill: none;
}

.feature-title {
  font-size: 1.15rem;
  font-weight: 300;
}

.feature-list {
  font-size: 1.15rem;
  font-weight: 300;
  color: #000;
  padding-left: 1.2rem;
}

.feature-list li {
  margin-bottom: 2px;
}

.feature-list-unordered {
  list-style-type: disc;
}

.feature-list-ordered {
  list-style-type: decimal;
}

/* Divider + Period */
.card-footer {
  padding-top: 3rem;
  display: flex;
}

.period-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 1.3rem;
  color: #000;
  margin-right: 3rem;
}

.period-row svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  stroke: #000;
  fill: none;
  margin-top: 2px;
}

.period-label {
  font-size: 1rem;
  color: #1f1f1f;
  line-height: 1.5;
  font-weight: 500;
}

.card .btn {
  width: 100%;
  margin-top: 3rem;
  box-sizing: border-box;
}

section.spikers .spikers__content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

section.spikers .spikers__content > * {
  width: calc(100% / var(--third) - 5rem);
  margin-right: 5rem;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

@media screen and (max-width: 768px) {
  section.spikers .spikers__content > * {
    margin-right: 2rem;
    width: calc(100% / var(--third) - 2rem);
    margin-bottom: 2rem;
  }
}

section.spikers .spikers__content > * img {
  width: 12rem;
  height: 12rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {
  section.spikers .spikers__content > * img {
    width: 7rem;
    height: 7rem;
  }
}

section.spikers .spikers__content > * .title {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

section.spikers .spikers__content > * .desc {
  color: #777777;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 300;
}