@charset "UTF-8";

:root {
  --theme: #EF772A;
  --dark: #d65d10;
  --light: #f39559;
  --focus: rgba(239, 119, 42, 0.3);
  --opacity: rgba(239, 119, 42, 0.1);
  --preloader: rgba(239, 119, 42, 0.9);
  --second: #F1DCA7;
  --second-dark: #eacb7b;
  --second-light: #f8eed3;
  --second-focus: rgba(241, 220, 167, 0.3);
  --second-opacity: rgba(241, 220, 167, 0.1);
  --second-preloader: rgba(241, 220, 167, 0.9);
  --font: Gilroy,
  sans-serif;
  --text: #000;
  --grey: rgba(0, 0, 0, 0.7);
  --placeholder: rgba(0, 0, 0, 0.4);
  --border: rgba(0, 0, 0, 0.02);
  --padding: 6rem;
  --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: 105rem;
  --tariff-bg: #F2F6F8;
  --advantages: 3;
  --popup-container: 42rem;
  --logo: 3.2rem;
  --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;
  --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.3rem;
  --field: 3.5rem;
  --field-sm: 3rem;
  --field-md: 3.5rem;
  --field-lg: 5.6rem;
  --label-size: 1rem;
  --subtitle-size: 1.2rem;
  --icon-size: 3rem;
  --icon-size-sm: 1.8rem;
  --filter: 1;
}

.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: "Gilroy";
  src: url("../fonts/Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.eot");
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Semibold.eot");
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url("../fonts/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff"), url("../fonts/Gilroy-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

body {
  font-size: var(--fz);
  font-weight: 400;
  font-family: var(--font);
  color: var(--text);
  line-height: 1.6;
  margin: 0 !important;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--text);
  background: var(--bg);
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

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 .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: 2.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(--theme);
}

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 .green {
  background-color: #1D4545;
}

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

body .section-title h1,
body .section-title h2,
body .section-title h3 {
  position: relative;
  padding-bottom: 2rem;
  font-weight: 700;
}

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-image: url("../img/section-title.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 60rem;
  height: 9rem;
  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 {
  max-width: 80%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
}

body .section-title p:not(:last-child) {
  margin-top: calc(var(--padding) / 2);
}

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 .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 .accords .accord {
  border-bottom: 1px solid var(--theme);
  margin-bottom: -1px;
  background: transparent;
}

body .accords .accord:not(:last-child) {
  margin-bottom: 1.5rem;
}

body .accords .accord .accord-header {
  padding: 1.4rem 0;
  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;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

body .accords .accord .accord-header h4 {
  font-weight: 700;
  font-size: 2.5rem;
  margin-bottom: 0.3rem;
}

body .accords .accord .accord-header img {
  height: 8rem;
  margin-right: 2rem;
}

body .accords .accord .accord-header:after {
  font-size: 70%;
  color: var(--grey);
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  letter-spacing: 0;
}

body .accords .accord .accord-header .title p {
  font-weight: 300;
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
}

body .accords .accord .accord-header .title p::before {
  margin-left: 0.8rem;
  margin-right: 0;
  font-size: 1rem;
}

body .accords .accord .accord-header .accord-btn {
  border: 2px solid #fff;
  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.7rem;
  border-radius: 0.5rem;
}

body .accords .accord .accord-header .accord-btn::before {
  font-weight: 700 !important;
}

body .accords .accord .accord-content {
  display: none;
  padding-bottom: 2rem;
  border-top: 1px solid var(--border);
}

body .accords .accord .accord-content .items-grid .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}

body .accords .accord .accord-content .items-grid .item p {
  margin-left: 2rem;
  line-height: 1.1;
  margin-bottom: 0;
}

body .accords .accord .accord-content h6 {
  font-weight: 700;
  font-size: 1.7rem;
}

body .accords .accord .accord-content ul {
  list-style: none;
}

body .accords .accord .accord-content li span {
  font-weight: 700;
}

body .accords .accord .accord-content li::before {
  content: "•";
  padding-right: 8px;
  color: #000;
}

body .accords .accord .accord-content p,
body .accords .accord .accord-content ul,
body .accords .accord .accord-content ol {
  color: var(--text);
  font-weight: 500;
  font-size: 1.5rem;
}

body .accords .accord .accord-content p b,
body .accords .accord .accord-content p strong,
body .accords .accord .accord-content ul b,
body .accords .accord .accord-content ul strong,
body .accords .accord .accord-content ol b,
body .accords .accord .accord-content ol strong {
  color: var(--text);
}

body .accords .accord .accord-header .icon-plus::before {
  font-weight: 600 !important;
}

body .accords .accord.active .accord-header .icon-plus::before {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

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 h1 {
  font-size: 3.8rem;
}

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

body h2 {
  font-size: 3.8rem;
}

body h3 {
  font-size: 3.5rem;
}

body h4 {
  font-size: 2.8rem;
}

body h5 {
  font-size: 2.5rem;
}

body h6 {
  font-size: 2rem;
}

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

body h3 {
  line-height: 1.3;
  font-weight: 600;
}

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(--grey);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1rem;
}

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 .btn,
body a.btn,
body a:visited.btn {
  color: #fff;
  background: var(--theme);
  border: 2px solid transparent;
  padding: 0 0.8em;
  height: var(--field-md);
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  letter-spacing: 0.1rem;
  font-size: var(--btn-fz);
  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;
  text-align: center;
  font-weight: 700;
  border-radius: 0;
}

body .btn.icon,
body a.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 a:visited.btn.icon:hover {
  background-color: var(--border);
}

body .btn.icon:active,
body a.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 a:visited.btn.icon::before {
  font-weight: 100 !important;
  color: #000;
}

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

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

body .btn.second,
body a.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 a:visited.btn.medium {
  padding: 0 1.2em;
  height: var(--field-md);
}

body .btn.medium.icon,
body a.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 a:visited.btn.medium.icon.pl {
  padding-left: 0.3em;
}

body .btn.small,
body a.btn.small,
body a:visited.btn.small {
  padding: 0 1em;
  height: var(--field-sm);
}

body .btn.small.icon,
body a.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 a:visited.btn.small.icon.pl {
  padding-left: 0.3em;
}

body .btn.large,
body a.btn.large,
body a:visited.btn.large {
  height: var(--field-lg);
}

body .btn.large.icon,
body a.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 a:visited.btn.large.icon.pl {
  padding-left: 0.3em;
}

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

body .btn:active,
body a.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 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 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 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 a:visited.btn.red:not(.bordered) {
  background: var(--red);
}

body .btn.red:not(.bordered):hover,
body a.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 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 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 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 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 a:visited.btn.theme-bordered.focus {
  background: var(--dark);
  color: #fff;
  border-color: transparent;
}

body .btn.bordered-theme,
body a.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 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 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 a:visited.btn.bordered-theme.focus {
  border-color: var(--bg);
  color: var(--theme);
  background: var(--bg);
}

body .btn.bordered,
body a.btn.bordered,
body a:visited.btn.bordered {
  background: none;
  color: var(--theme);
  border: 1px solid var(--theme) !important;
}

body .btn.bordered::before,
body a.btn.bordered::before,
body a:visited.btn.bordered::before {
  font-weight: 600 !important;
}

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

body .btn.bordered:active,
body a.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 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 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 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 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 a:visited.btn.bordered-icon:hover {
  background-color: var(--border) !important;
}

body .btn.ghost,
body a.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 a:visited.btn.ghost:hover {
  background: var(--opacity);
}

body .btn.ghost:active,
body a.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 a:visited.btn.ghost.focus {
  background: var(--dark);
  color: #fff !important;
}

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

body .btn:not(.icon):before,
body a.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 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 .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: 0.9rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: var(--grey);
	padding-bottom:3px;
}

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 input[type=text]:not(.hidden):not(.code),
body input[type=email]: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-radius: 0 !important;
  border: none;
  background: transparent;
  border-bottom: 1px solid #fff;
  color: #000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: var(--fz);
  border-radius: 1.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body input[type=text]:not(.hidden):not(.code).disguise,
body input[type=email]: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=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=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: #fff;
}

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=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: #fff;
}

body input[type=text]:not(.hidden):not(.code)::-moz-placeholder, body input[type=email]: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: #fff;
}

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=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: #fff;
}

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=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: #fff;
}

body input[type=text]:not(.hidden):not(.code)::placeholder,
body input[type=email]: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: #fff;
}

body input[type=text].hidden,
body input[type=email].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=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=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=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=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=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=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=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=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=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=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=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=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=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 .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 .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;
}

body .dots:not(.custom):not(.individual) li button,
body .slick-dots li button {
  padding: 0;
  width: 35px;
  height: 3px;
  background: var(--theme);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-size: 0;
  cursor: pointer;
  border: none;
}

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

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(--second);
}

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.ttf?xw074k") format("truetype"), 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-a-time:before {
  content: "\e900";
}

.icon-a-bike:before {
  content: "\e901";
}

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

.icon-a-tickets:before {
  content: "\e903";
}

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

.icon-open-book:before {
  content: "\e901";
}

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

.icon-book:before {
  content: "\e903";
}

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

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

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

.icon-money-bag:before {
  content: "\e907";
}

.icon-money-time:before {
  content: "\e908";
}

.icon-credit-card:before {
  content: "\e909";
}

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

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

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

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

.icon-heart:before {
  content: "\e90e";
}

.icon-heart-solid:before {
  content: "\e90f";
}

.icon-star:before {
  content: "\e910";
}

.icon-star-solid:before {
  content: "\e911";
}

.icon-notif:before {
  content: "\e912";
}

.icon-search:before {
  content: "\e913";
}

.icon-time:before {
  content: "\e914";
}

.icon-add:before {
  content: "\e915";
}

.icon-place:before {
  content: "\e916";
}

.icon-user:before {
  content: "\e917";
}

.icon-trash:before {
  content: "\e918";
}

.icon-share:before {
  content: "\e919";
}

.icon-internet:before {
  content: "\e91a";
}

.icon-edit:before {
  content: "\e91b";
}

.icon-hide:before {
  content: "\e91c";
}

.icon-forward:before {
  content: "\e91d";
}

.icon-send:before {
  content: "\e91e";
}

.icon-twitter:before {
  content: "\e91f";
}

.icon-vk:before {
  content: "\e920";
}

.icon-facebook:before {
  content: "\e921";
}

.icon-youtube:before {
  content: "\e922";
}

.icon-cart:before {
  content: "\e923";
}

.icon-phone:before {
  content: "\e924";
}

.icon-email:before {
  content: "\e925";
}

.icon-whatsapp:before {
  content: "\e926";
}

.open-menu.active.icon-menu:before {
  content: "\e927";
}

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

.icon-right:before {
  content: "\e929";
}

.icon-bottom:before,
.select-wrapper:before {
  content: "\e92a";
}

.icon-left:before {
  content: "\e92b";
}

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

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

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

.icon-warning:before,
.message.warning:before,
.notif-title.warning:before {
  content: "\e92e";
}

.icon-error:before,
.message.error:before,
.notif-title.error:before {
  content: "\e92f";
}

.icon-success:before,
.message.success:before,
.notif-title.success:before {
  content: "\e930";
}

.icon-check:before,
.form-group.checkbox label:before,
ul.styled li:before {
  content: "\e931";
}

.icon-instagram:before {
  content: "\e932";
}

.icon-rules:before {
  content: "\e933";
}

.icon-moon:before {
  content: "\e934";
}

.icon-sun:before {
  content: "\e935";
}

.icon-play:before {
  content: "\e936";
}

.icon-pause:before {
  content: "\e937";
}

.icon-help:before {
  content: "\e938";
}

.icon-repeat:before {
  content: "\e939";
}

.icon-plus:before {
  content: "\e93a";
}

.icon-minus:before {
  content: "\e93b";
}

.icon-controls:before {
  content: "\e93c";
}

.icon-save:before {
  content: "\e93d";
}

.icon-location:before {
  content: "\e93e";
}

.icon-lock:before {
  content: "\e93f";
}

.icon-folder:before {
  content: "\e940";
}

.icon-calendar:before {
  content: "\e941";
}

.icon-off:before {
  content: "\e942";
}

.icon-enter:before {
  content: "\e943";
}

.icon-picture:before {
  content: "\e944";
}

.icon-camera:before {
  content: "\e945";
}

.icon-repost:before {
  content: "\e946";
}

.icon-users:before {
  content: "\e947";
}

.icon-more:before {
  content: "\e948";
}

.icon-leeds:before {
  content: "\e949";
}

.icon-cols:before {
  content: "\e94a";
}

.icon-rows:before {
  content: "\e94b";
}

.icon-chat:before {
  content: "\e94c";
}

.icon-crown:before {
  content: "\e94e";
}

.icon-contract:before {
  content: "\e94f";
}

.icon-archive:before {
  content: "\e950";
}

.icon-calculator:before {
  content: "\e951";
}

.icon-building:before {
  content: "\e952";
}

.icon-speaker:before {
  content: "\e953";
}

.icon-fingerprint:before {
  content: "\e954";
}

.icon-database:before {
  content: "\e955";
}

.icon-unlocked:before {
  content: "\e956";
}

.icon-photo:before {
  content: "\e957";
}

.icon-locations:before {
  content: "\e958";
}

.icon-smartphone:before {
  content: "\e959";
}

.icon-coin:before {
  content: "\e95a";
}

.icon-coins:before {
  content: "\e95b";
}

.icon-smile:before {
  content: "\e95c";
}

.icon-sad:before {
  content: "\e95d";
}

.icon-sceptic:before {
  content: "\e95e";
}

.icon-pin:before {
  content: "\e95f";
}

.icon-happy:before {
  content: "\e960";
}

.icon-in-love:before {
  content: "\e961";
}

.icon-relieved:before {
  content: "\e962";
}

.icon-networking:before {
  content: "\e963";
}

.icon-shocked:before {
  content: "\e964";
}

.icon-microphone:before {
  content: "\e965";
}

.icon-locked:before {
  content: "\e966";
}

.icon-stopclock:before {
  content: "\e967";
}

.icon-lock-reset:before {
  content: "\e968";
}

.icon-key:before {
  content: "\e969";
}

.icon-muted:before {
  content: "\e96a";
}

.icon-call:before {
  content: "\e96b";
}

.icon-quote:before {
  content: "\e96c";
}

.icon-transfer:before {
  content: "\e96d";
}

header.site-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: var(--header);
  background: #fff;
  z-index: 20;
  -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;
}

header.site-header .header-content {
  width: 100%;
  height: var(--header);
  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;
}

header.site-header .header-content .site-branding {
  margin-bottom: -10px;
}

header.site-header .header-content .site-branding img {
  height: 4.2rem;
}

header.site-header .header-content a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  position: relative;
  color: #2B547F;
  font-weight: 700;
  font-size: 1.5rem;
}

header.site-header .header-content a i {
  margin-right: 1rem;
}

header.site-header .header-content a:hover {
  color: var(--theme);
}

header.site-header .header-content nav.site-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header.site-header .header-content nav.site-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header.site-header .header-content nav.site-menu ul li:not(:last-child) {
  margin-right: 3rem;
}

header.site-header .header-content .phone {
  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;
}

header.site-header .header-content .phone i::before {
  color: #2B547F;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

header.site-header .header-content .phone a {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 0 1.5rem;
}

header.site-header .header-content .phone:hover i::before {
  color: var(--theme);
}

header.site-header .header-mobile-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-mobile-content .btn::before {
  font-weight: 100 !important;
  font-size: 1.8rem;
}

header.site-header .header-mobile-content .open-menu {
  border: none !important;
  height: auto !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  border-radius: 0 !important;
}

header.site-header .header-mobile-content .open-menu::before {
  color: #fff !important;
}

.mobile-menu {
  display: none;
  position: absolute;
  top: var(--header);
  right: 0;
  width: calc(100% - var(--padding) * 2);
  background-color: #fff;
  min-height: calc(100vh - var(--header) * 2);
  -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
}

.mobile-menu nav.site-menu {
  padding: 3rem;
}

.mobile-menu nav.site-menu ul li a {
  color: vae(--theme);
  font-weight: 500;
}

.mobile-menu .phones {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 3rem 2.5rem;
  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;
  height: var(--header);
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.mobile-menu .phones a {
  color: var(--theme);
  font-weight: 600;
  line-height: 1.3;
}

footer.site-footer {
  position: relative;
  padding: 4rem 0;
  z-index: 2;
  --logo: 8rem;
  background-size: cover;
}

footer.site-footer .logo-grid {
  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;
}

footer.site-footer .logo-grid > *:last-child {
  width: 33%;
}

footer.site-footer .logo-grid > *:last-child img {
  height: 4rem;
}

footer.site-footer .logo-grid > *:first-child {
  width: 33%;
}

footer.site-footer .logo-grid > *:first-child img {
  height: 7rem;
}

footer.site-footer .footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3rem;
}

footer.site-footer .footer-content .site-menu a {
  color: #fff !important;
}

footer.site-footer .footer-content .footer-items {
  width: 33.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer.site-footer .footer-content .footer-items .social {
  margin-top: 2rem;
}

footer.site-footer .footer-content .footer-items .social a {
  font-weight: 500;
  font-size: 1.3rem;
}

footer.site-footer .footer-content .footer-items .social a i {
  color: var(--text) !important;
  font-size: 2rem;
}

footer.site-footer .footer-content .footer-contacts {
  width: 66.6666666667%;
  margin-left: auto;
}

footer.site-footer .footer-content .footer-contacts h4 {
  font-size: 1.6rem;
  margin-bottom: 2rem;
  font-weight: 600;
}

footer.site-footer .footer-content .footer-contacts .footer-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer.site-footer .footer-content .footer-contacts .footer-grid > * {
  width: 50%;
  margin-bottom: 2.5rem;
  font-weight: 300;
}

footer.site-footer .footer-content .footer-contacts .footer-grid > * i {
  margin-right: 1rem;
}

footer.site-footer .footer-content .footer-contacts .footer-grid > * i::before {
  font-size: 2rem;
}

footer.site-footer .footer-content .footer-contacts .footer-grid > * .title {
  margin-bottom: 0.5em;
  font-weight: 600;
}

footer.site-footer .footer-copyright {
  padding-top: 4rem;
  text-align: center;
  font-weight: 700;
}

footer.site-footer .footer-copyright .footer-items {
  width: 100%;
}

section.first-slide {
  min-height: 100vh;
  position: relative;
  top: 0;
}

section.first-slide .first-slider .prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(var(--section-p) / 1.5);
  z-index: 10;
}

section.first-slide .first-slider .next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: calc(var(--section-p) / 1.5);
  z-index: 10;
}

section.first-slide .first-slider .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 var(--section-p);
  min-height: 100vh;
}

section.first-slide .first-slider .slide a::before {
  color: #fff;
}

section.first-slide .first-slider .slide img {
  height: 40rem;
}

section.first-slide .first-slider .slide .content {
  width: 100%;
  margin-bottom: 3rem;
  margin-top: auto;
  text-align: center;
}

section.first-slide .first-slider .slide .content h1 {
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  font-size: 3.25rem;
}

section.first-slide .first-slider .slide .content p {
  font-size: 2rem;
  max-width: 100%;
  text-align: center;
  line-height: 1.1;
}

section.first-slide .first-slider .slide .content .btn {
  position: absolute;
  bottom: 10rem;
}

section.about .wrapper {
  margin-top: calc(var(--padding));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 2rem);
}

section.about .wrapper img {
  width: 100%;
}

section.about .wrapper > * {
  width: calc(33.3333333333% - 2rem);
  margin-right: 2rem;
}

section.about .wrapper > *:nth-child(2) {
  margin-right: 4rem !important;
  width: calc(33.3333333333% - 4rem) !important;
}

section.about .wrapper > * > * {
  margin-bottom: 1rem;
}

section.about .wrapper .title {
  font-weight: 700;
}

section.about .wrapper p {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
}

section.advantages {
  position: relative;
  margin-top: calc(var(--padding) * 2);
}

section.advantages .advantages-slider {
  position: relative;
  margin-top: 3rem;
}

section.advantages .advantages-slider .prev {
  position: absolute;
  left: -5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

section.advantages .advantages-slider .next {
  position: absolute;
  right: -5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

section.advantages .advantages-slider .slick-list {
  margin: -1rem;
}

section.advantages .advantages-slider .slick-list .advantage {
  margin: 1rem;
  text-align: center;
}

section.advantages .advantages-slider .slick-list .advantage img {
  height: 6.5rem;
  margin-bottom: 1rem;
}

section.advantages .advantages-slider .slick-list .advantage .content .title {
  font-weight: 700;
  font-size: 1.6rem;
}

section.advantages .advantages-slider .slick-list .advantage .description {
  max-width: 80%;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
}

section.tariffs .tariffs-grid {
  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% + 3rem);
}

section.tariffs .tariffs-grid > * {
  width: calc(100% / var(--tariff) - 3rem);
  margin-right: 3rem;
}

section.tariffs .tariffs-grid > * .tariff-items {
  background-color: var(--bg);
  position: relative;
  margin-top: 5rem;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  padding-bottom: 5rem;
}

section.tariffs .tariffs-grid > * .tariff-items .title {
  font-weight: 700;
  font-size: 2.4rem;
  width: calc(100% + 3rem);
  height: 16rem;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--bg);
  position: absolute;
  top: -5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.tariffs .tariffs-grid > * .tariff-items .title span {
  font-size: 1.5rem;
  text-transform: uppercase;
}

section.tariffs .tariffs-grid > * .tariff-items .content {
  padding-top: 12rem;
  width: 90%;
  margin: auto;
}

section.tariffs .tariffs-grid > * .tariff-items .content > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font) !important;
  border-bottom: 1px solid var(--text);
  padding: 0.3rem 0;
  line-height: 1.3;
}

section.tariffs .tariffs-grid > * .tariff-items .content > * i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

section.tariffs .tariffs-grid > * .tariff-items .content > *.info i::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--tariff-theme);
  margin-right: 0.5rem;
}

section.tariffs .tariffs-grid > * .tariff-items .content > *.active i {
  color: var(--green);
}

section.tariffs .tariffs-grid > * .tariff-items .content > *.disabled i {
  color: var(--red);
}

section.tariffs .tariffs-grid > * .tariff-items .content > * i {
  width: 3rem;
  margin-right: 0.5rem;
  font-size: 1.3rem !important;
  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;
}

section.tariffs .tariffs-grid > * .tariff-items .btn {
  background-color: var(--tariff-theme) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

section.tariffs .tariffs-grid > *:first-child {
  --tariff-theme: #878787;
}

section.tariffs .tariffs-grid > *:nth-child(2) {
  --tariff-theme: #ACB3C1;
}

section.tariffs .tariffs-grid > *:nth-child(3) {
  --tariff-theme: #565C81;
}

section.tariffs .tariffs-grid > *:nth-child(4) {
  --tariff-theme: #2B547F;
}

section.tariffs .tariffs-grid > *:nth-child(5) {
  --tariff-theme: #EF772A;
}

section.services {
  position: relative;
  background-image: url("../img/services-bg.webp");
  background-size: cover;
  background-position: center;
}

section.services .serv-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

section.services .serv-grid picture {
  width: calc(25% - var(--paddiing));
  margin-right: var(--padding);
  margin-top: -9rem;
}

section.services .serv-grid img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

section.services .accords {
  width: 75%;
  margin-left: auto;
}

section.services .accord .accord-header {
  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;
}

section.services .accord .accord-header .header-title {
  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;
}

section.contacts {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-image: url("../img/contact-bg.webp");
  background-repeat: no-repeat;
  background-position: center;
}

section.contacts .wrapper {
  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;
  padding: var(--paddiing) 0;
}

section.contacts .wrapper h5 {
  margin-bottom: 0.25rem;
}

section.contacts .wrapper p {
  margin-bottom: 3rem;
}

section.contacts .wrapper .contact-content {
  width: 40%;
  margin: 0 auto;
  padding: 4rem calc(var(--padding) * 1.5);
  background: rgba(255, 255, 255, 0.05);
  /* glass */
  -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2), inset 0px 0px 68px rgba(255, 255, 255, 0.05), inset 0px 4px 4px rgba(255, 255, 255, 0.15);
          box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2), inset 0px 0px 68px rgba(255, 255, 255, 0.05), inset 0px 4px 4px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

section.contacts .wrapper .contact-content p {
  font-size: 1.4rem;
}

section.contacts .wrapper .contact-content form {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

section.contacts .wrapper .contact-content form .form-group:not(:last-child) {
  margin-bottom: 0.7em;
}

section.contacts .wrapper .contact-content form .btn {
  margin: 0 auto;
  background-color: #EF772A;
  color: #fff;
}

.main {
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
  width: 100%;
}

.main .container {
  width: 100%;
  background-color: white;
  font-size: 3em;
  font-weight: 600;
  mix-blend-mode: color-dodge;
}

.main .container span {
  color: black;
}

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

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

@media (max-width: 1024px) {
  section.tariffs .tariffs-grid > * {
    margin-bottom: 3rem;
  }

  section.services .accords {
    width: 70%;
  }
}

@media (max-width: 768px) {
  footer.site-footer .logo-grid > *:last-child {
    width: 100%;
  }

  footer.site-footer .logo-grid > *:first-child {
    width: 100%;
    margin-bottom: 2rem;
  }

  section.about .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  section.about .wrapper > * {
    width: calc(100% - 2rem);
  }

  section.about .wrapper > *.pt {
    padding-top: 0 !important;
  }

  section.about .wrapper > *:nth-child(2) {
    margin-right: 2rem !important;
    width: calc(100% - 2rem) !important;
  }

  section.services .accords {
    width: 100%;
  }
}

@media (max-width: 767px) {
  :root {
    --container: calc(100vw - 5rem);
    --btn-fz: 1.3rem;
    --field: 4.3rem;
    --field-sm: 3.8rem;
    --header: 5.2rem;
    --logo: 2.8rem;
    --advantages: 1;
    --padding: 3.5rem;
    --tariff: 1;
  }

  body .accords .accord .accord-header {
    padding: 1.2rem 0;
  }

  body .accords .accord .accord-header h4 {
    font-size: 1.25rem;
    margin-right: 1.5rem;
  }

  body .accords .accord .accord-header img {
    height: 4.5rem;
    margin-right: 1rem;
  }

  body .accords .accord .accord-header .title p {
    font-size: 1.3rem;
  }

  body .accords .accord .accord-header .accord-btn::before {
    font-size: 1.2rem;
  }

  body {
    --fz: 1.7rem;
    --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.8rem;
  }

  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-menu {
    display: none;
  }

  footer.site-footer .footer-content .footer-items {
    margin-bottom: 3rem;
  }

  footer.site-footer .footer-content .footer-contacts {
    width: 100%;
  }

  footer.site-footer .footer-content .footer-contacts .footer-grid > * {
    width: 100%;
  }

  footer.site-footer .footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  section.first-slide {
    background-image: url("../img/fsbg-sm.webp") !important;
  }

  section.first-slide .first-slider .slide .content h1 {
    font-size: 3rem;
  }

  section.first-slide .first-slider .slide .content p {
    font-size: 1.3rem;
  }

  section.first-slide .first-slider .slide .content .btn {
    position: static;
    margin-top: 8rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 2rem;
  }

  section.advantages .advantages-slider .prev {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
  }

  section.advantages .advantages-slider .next {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 2;
  }

  section.advantages .advantages-slider .slick-list .advantage .description {
    max-width: 60%;
  }

  section.contacts .wrapper .contact-content p {
    font-size: 1.2rem !important;
  }

  section.contacts .wrapper .contact-content {
    width: 100%;
  }

  section.contacts .wrapper .contact-content {
    width: 100%;
    padding: var(--padding) var(--section-p);
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: calc(8.6px + 11 * (100vw - 320px) / 447);
  }
}

@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;
    --tariff: 3;
    --container: calc(100vw - 10rem);
  }

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

@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);
  }
}

form#order-form .b24-form-header-description {
display: none !important;
}
form#order-form .b24-form-header.b24-form-padding-side {
padding: 0 !important;
}

form#order-form .b24-form-padding-side {
padding: 0 !important;
}
.b24-form-wrapper.b24-form-border-bottom {
border-bottom: none !important;
}

form#order-form .b24-form-wrapper {
    background-color: transparent !important;
}

.b24-form-btn  {
	   background-color: var(--theme) !important;
}

.b24-form-sign {
display: none !important;
}

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

.b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item {
    background-color: transparent !important;
	border: none !important;
		border-bottom: 1px solid #dadada!important;
}

body input[type=text]:not(.hidden):not(.code):focus, body input[type=email]: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;
}

form#order-form input {
	border-bottom: 1px solid #fff!important;
}

input.b24-form-control {
	border-bottom: 1px solid #dadada!important;
}

form#order-form .b24-form-control-select-label, .b24-form-control:focus+.b24-form-control-label, .b24-form-control-not-empty+.b24-form-control-label {
opacity: 0;
	
}


form#order-form .b24-form-header-title {
display: none !important;
}

form#order-form .b24-form-control-label {
	color: #fff !important;
}

form#order-form .b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item {
	height: var(--field) !important;
		color: #fff !important;
	
}